│││ —; Í 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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fd3e00efa94c1c7a084514d382be07a9c6750142cr1-1350-1080_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fe32da9d76666e485062bf3b5dd6014f720050060r1-1221-273_hq.jpg)
¿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:
Como es una plataforma que no
requiere registro obligatorio, va-
mos a pasar a crear nuestro edit.
┗━━━━━_ ೌ ೬ ೂ━━━━━┛
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F867d8f3ef8e750464647cdd7ba0f403b2e8294ccr1-1221-273_hq.jpg)
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:
┗━━━━━_ ೌ ೬ ೂ━━━━━┛
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F5342c679ec3840514063d511946f7b26783cd171r1-1221-273_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Ffc16fd29863f670569e8415f1a8a4528cfcb76c2r1-1651-870_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F8c48c34f47c062914699a40f67856b31bcdf4e9er1-874-748_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F750d4dbe717ce71e2b45f1ee9d178b23f690ebb0r1-263-199_hq.jpg)
Desde el de la derecha don-
se encuentran las capas, dejamos
presionado y arrastramos hacia
nuestro proyecto.
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F11f09fea2a9eea4e767c44d25af8a27803819e4ar1-1580-749_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F8b98d3a5d81a565229726585d95b51dfb5d39841r1-1468-583_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fdb2e2556c939de27b381b0451727fd7add04ea20r1-433-295_hq.jpg)
Luego agregaremos debajo de
esta nuestra imagen de glitch, las
capas se deben ver de esta manera:
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=http%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fed4b5d3621c40b026f4bf03af45a71b32e193126r1-1491-685_hq.jpg)
Una vez lo tenemos asi, agregamos
a nuestros protagonistas, yo los
coloqué en la parte inferior .
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F0109b8ddbab2700c94c5b524193106ac626742ear1-1503-285_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F6a94df91eee6183b348c7c624a51b403bd111cear1-508-850_hq.jpg)
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fc6510882f060bed68b3ba97f34a531ed8a3548a5r1-427-199_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fda7f123a0b3aad8e8e8724b030513bbbc63a6424r1-451-196_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F6331c6a72d33b0d7b76f6b57119b7848c6baf10fr1-1458-676_hq.jpg)
Agregaremos otra capa especial a
nuestro proyecto la cual vamos a
ubicar justo arriba del fondo.
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fa506426f5790605f5111e2ef32f5f8f1d1861bebr1-1462-668_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F88afbc6f507451acbb2a40a660e07a1b574517e0r1-529-844_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F4adb22ca25beb446d4127e0c7d26c50d6e5bdea2r1-1239-729_hq.jpg)
Asi se vería en ambos casos:
Multiplicar Aclarar
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F5f92346df1331afdc8e5ce2c5db9725dae30767cr1-2048-1152_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Ff3cb14af008947bec0d659ed83895d65d2a13362r1-511-868_hq.jpg)
![ೂ 𝕿𝖚𝖙𝖔𝖗𝖎𝖆𝖑 𝖉𝖊 𝖊𝖉𝖎𝖙𝖘 𝖊𝖓 𝖕𝖍𝖔𝖙𝖔𝖕𝖊𝖆 ೂ-[C]
│││ —; Í n d i c є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fe876944752dce6a9cc2ca96032afb251efe5dd42r1-1129-333_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2Fe9362b323ae792c1ef60c75b7b6f39be68e2372fr1-554-832_hq.jpg)
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 є ✩
─────────── 〔 〕 • • •](https://image.staticox.com/?url=https%3A%2F%2Fpm1.aminoapps.mejorapp.org%2F9399%2F8e44fa1fc6acc3a71975e0f027159362099bb1d4r1-1221-273_hq.jpg)
┏━━━━━_ ೌ ೬ ೂ━━━━━┓
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:
┗━━━━━_ ೌ ೬ ೂ━━━━━┛
Comments (8)
Wow, que lindo blog, muy bien explicado, gracias por compartirnos el tutorial! :raised_hands:
Gracias! Que bueno que te gustó :sparkles:
Es similar al Photoshop, pero sin licencia 🤓
Sii
Responder a: lelilove_06
:relaxed: gracias por el tutorial, está muy bien explicado!!
Responder a: 나탈리아
Me alegra saberlo, gracias por el apoyo!
¡te quedó muy lindo!
Gracias!