<img src="https://sb.scorecardresearch.com/p?c1=2&amp;c2=22489583&amp;cv=3.6.0&amp;cj=1">

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ

Author's Avatar
lelilove_06 9 days ago
60
8

           │││ —; Í n d i c є ✩         

              ─────────── 〔 〕 • • •

           │││

           │││ ✿;; Introduccion

           │││ ✿;; ¿Qué es photopea?

           │││ ✿;; Recursos

           │││ ✿;; Tutorial

           │││ ✿;; Despedida

           ││

           │

           ✦     .        *        ˚             ✦

           ·         ·

           · ˚   ·   ˚

INTRODUCCION

┏━━━━━_ ೌ ೬ ೂ━━━━━┓

Hola, hola! Espero se encuentren

super bien y sean bienvenidos a

una nueva entrada de blog.

Como la mayoría de los que vota-

ron en la encuesta les interesa

aprender a hacer edits, en esta

ocasión les traigo un tutorial de

un edit como este en photopea:

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Les voy a dejar cada uno de los

recursos que utilicé y como pueden

buscar otros similares para sus

ediciones.

Asi que sin más decir, ¡empecemos!

┗━━━━━_ ೌ ೬ ೂ━━━━━┛

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

¿QUE ES PHOTOPEA?

┏━━━━━_ ೌ ೬ ೂ━━━━━┓

Photopea es una herramienta en

línea que se utiliza para editar

imágenes y gráficos. Es muy simi-

lar a photoshop pero completa-

mente gratuito por lo que podemos

sacarle muchisimo provecho.

Enlace:

Photopea

Como es una plataforma que no

requiere registro obligatorio, va-

mos a pasar a crear nuestro edit.

┗━━━━━_ ೌ ೬ ೂ━━━━━┛

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

RECURSOS

┏━━━━━_ ೌ ೬ ೂ━━━━━┓

Overlays

Png (sin fondo)

Fondo texturizado + color

Cuadricula

Tablero de recursos - pinterest

Para eliminar completamente el

fondo de una imagen pueden usar

la siguiente pagina:

Removebg

┗━━━━━_ ೌ ೬ ೂ━━━━━┛

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

TUTORIAL

┏━━━━━_ ೌ ೬ ೂ━━━━━┓

Una vez entramos a la pagina,

nos encontraremos con la siguien-

te pantalla donde vamos a elegir

realizar un proyecto nuevo:

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Luego, vamos a configurar el ta-

maño de nuestro lienzo, yo estaré

utilizando uno de 1350 x 1080

pixeles. Las demás configuraciones

las dejamos igual y le damos al

botón *CREAR*

Nota:

Puedes cambiar el nombre del

proyecto en este momento o de-

jarlo para el final.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Lo siguiente es colocar la imagen

que usaremos de fondo, podemos

hacerlo de dos maneras principales

1. En el menu superior dar click

en la opcion que dice FILE/ARCHIVO,

luego OPEN/ABRIR y elegir la ima-

gen que ya está descargada en

nuestro dispositivo.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Desde el de la derecha don-

se encuentran las capas, dejamos

presionado y arrastramos hacia

nuestro proyecto.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

2. Si estamos en una computadora

podemos arrastrar la imagen

directamente desde el navegador

o la carpeta donde lo guardamos.

Una vez ya tenemos nuestra ima-

gen vamos al lateral y nos

aseguramos que diga "Colocar

objeto inteligente". Si no dice de

esta manera podemos cambiarlo

al hacer click derecho sobre la capa

y damos a la opcion "Convertir a

objeto inteligente".

Una vez hecho esto organizamos

las capas para que nuestra ima-

gen quede arriba y la adaptamos

al tamaño del lienzo.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Ahora pasamos a agregar la imagen

de la tv en formato png y sin fondo

la giramos un poco con ayuda del

pequeño cuadrado en el lado supe-

rior de la imagen.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Luego agregaremos debajo de

esta nuestra imagen de glitch, las

capas se deben ver de esta manera:

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Una vez lo tenemos asi, agregamos

a nuestros protagonistas, yo los

coloqué en la parte inferior .

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Esta parte no es completamente

necesaria pero cuando quedan al-

gunos espacios vacios es bueno

colocar elementos que nos ayuden

a darle profundidad.

Para eso nos iremos al menu de la

izquierda y en la opción de formas

elegimos la que dice "Rectangulo".

Vamos a colocar dos: uno delgado

en la parte superior para resaltar

el texto y otro un poco mas ancho

abajo justo detras de la imagen de

los chicos, se vería asi:

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •
ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Un poco mas arriba encontraremos

la opcion de texto donde podemos

cambiar fuentes, texturas y tamaños.

Agregaremos un texto con la palabra

butter varias veces.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Para darle un poco mas de persona-

lidad podemos colocar algunos

recursos extra si no quieres que el

fondo se vea tan vacio.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Agregaremos otra capa especial a

nuestro proyecto la cual vamos a

ubicar justo arriba del fondo.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Damos click derecho sobre la capa

lo que nos va a desplegar un menú,

alli vamos a escoger "Opciones de

fusion".

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Entre las opciones que nos muestra

esta ventana vamos a utilizar la que

dice "modos de fusion" y podemos ir

probando. Para los overlay como este

lo mejor es usar las opciones de

MULTIPLICAR y ACLARAR, para des-

tacar el negro o el blanco respectiva-

mente.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Asi se vería en ambos casos:

Multiplicar                           Aclarar

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Para este caso yo decidí usar la

opcion "Multiplicar".

Luego agregaremos la cuadricula

blanco y gris, originalmente la

imagen es rectangular pero pode-

mos cambiar un poco su forma

de la siquiente manera:

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •
ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Con estas opciones podemos

activar unos pequeños puntos

en los lados que nos permiten

jugar con la forma de la imagen

Para guardar nuestro proyecto

damos click en archivo y exportar,

escojemos el formato y guardamos.

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

Como una recomendacion final

pueden agregar un psd al edit,

si les gustaria aprender a hacerlo

comenten y les traeré un tutorial

para descargarlos desde

deviantart y aplicarselo a cualquier

edit. Y no olviden colocar siempre

su marca de agua para que nadie

les robe sus creaciones.

┗━━━━━_ ೌ ೬ ೂ━━━━━┛

ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
            │││ —; Í n d i c є ✩         
              ─────────── 〔  〕 • • •

┏━━━━━_ ೌ ೬ ೂ━━━━━┓

Bueno si has llegado hasta el

final de este tutorial espero que te

haya gustado mucho y te sirva de

ayuda para adentrarte al mundo

de los edits.

Comenta si te gustaria ver mas de

este tipo de contenido y nos vemos

en una proxima entrada! :sparkles:

┗━━━━━_ ೌ ೬ ೂ━━━━━┛

Likes (60)
Comments (8)

Likes (60)

Like 60

Comments (8)

Wow, que lindo blog, muy bien explicado, gracias por compartirnos el tutorial! :raised_hands:

Read more
0 Reply 12 hours ago

Es similar al Photoshop, pero sin licencia 🤓

Read more
0 Reply 1 day ago

Responder a: lelilove_06

:relaxed: gracias por el tutorial, está muy bien explicado!!

Read more
1 Reply 22 hours ago

Responder a: 나탈리아

Me alegra saberlo, gracias por el apoyo!

Read more
1 Reply 15 hours ago
    Community background image
    community logo

    Into ARMY's Amino? the community.

    Get Amino

    Into ARMY's Amino? the community.

    Get App