Tutorial de photopea

1. Tutorial de
Photopea
MIGUEL ÁNGEL ROMERO OCHOA
ROEL ALAIN TORRES ZAVALA
MARZO 2021

2. ¿Qué es Photopea?
 Photopea es una herramienta para la edición de imágenes,
parecida a la herramienta de Photoshop, pero con el genial
añadido de que es online, gratuito y se mantiene únicamente de
publicidad.

3. ¿Cómo funciona?
 Lo mejor de esta herramienta es que si estás familiarizado con
Photoshop, entenderás cómo funciona Photopea sin ningún
problema, ya que tanto la interfaz, como los atajos de teclado son
exactamente los mismos que en la herramienta de Adobe.
La disposición se distribuye de la
siguiente manera: en la parte izquierda
tienes en el menú de herramientas y el
panel de máscaras y opciones de
capa a la derecha.
Evidentemente, también podrás crear
ajustes personalizados sin problemas
para adaptarlo a tu gusto.

4. ¿Cómo funciona?
Para poder usar esta aplicación no es necesario el inicio de sesión, pero como vemos al darle al
botón rojo vemos la lista de beneficio al iniciar sesión y si compramos la membresía serán mejores
los beneficios.

5. ¿Cómo funciona?
Iniciamos el proceso de
colocar los datos. Y listo estaremos con la cuenta activa y los
Beneficios de ello.

6. Funciones de Photopea:
 Hay muchísimas funciones con las cuales cuenta Photopea y nos
las resalta al momento de entrar a la pagina www.photopea.com
Esto nos ayuda a entender de
manera mas fácil que se
pueden crear proyectos nuevos,
abrir proyectos desde la PC,
abrir archivos en formato .PSD
(formato de capas).

7. Funciones de Photopea:
➢ Existen diversas funciones de photopea, por lo tanto en
la parte superior tenemos un menú el cual tiene varias
funciones para la imagen.
1. Como puede ser el “EDIT” para editar la foto, por ejemplo :
rotar la imagen, cortarla, copiarla, transformarla.
2. Después de ello esta el “Image”, que viene siendo para las
tonalidades, filtros, colores de la imagen.
3. Después esta “Layer”, que nos aporta la simple forma de
duplicar lo que queramos.
4. Después esta “Select” que es para seleccionar lo que
queramos.
5. Después viene “Filter” que son “filtros” para la imagen, como
puede ser volverla en 3D, darle borrosidad, darle más enfoque
etc.
6. Después esta el “View” que simplemente es para darnos vista
a la imagen, acercarnos o alejarnos de la imagen.
7. Y al final está el “More”, sección donde podrás modificar el
idioma y el tema que queremos que tenga.

8. Funciones de Photopea:
 En la barra lateral izquierda podrás
encontrar la paleta con todas las
funciones disponibles.

9. Funciones de Photopea:
En la parte lateral derecho veremos una pestaña que tiene 2 menús “Historial” y “Muestras”
El historial nos ayuda a llevar un listado de
todas las modificaciones hechas y si en
algún momento no nos gusta algo que
hicimos damos un click a la modificación
anterior y se restaurará hasta ese punto.
En el apartado “Muestras” nos ayuda
A guardar y a tener una lista de “Estilos”.

10. Funciones de Photopea:
Para colocar un texto y darle tu
propio estilo es de la siguiente
manera.
Escogemos el tipo de letra y
su tamaño.
Una vez seleccionado el tipo de letra y el
tamaño de la fuente, en la parte inferior
izquierda en la sección de
CAPAS, podrás visualizar los movimientos
realizados.

11. Funciones de Photopea:
 Al seleccionar el elemento, podrás ver este menú para realizar
cambios a tu preferencia. Al finalizar con la edición del texto le
damos en OK.

12. Funciones de Photopea:
 Para guardar el proyecto hacemos lo siguiente.
Si quieres seguir utilizando
el formato en edición de
capas, deberás de
seleccionar el formato
PSD. Cabe mencionar
que este formato es el
mismo que utiliza
Photoshop.
Al finalizar tu imagen y
compartirla con alguien
más, puedes seleccionar el
formato PNG, el cual,
mantendrá la mejor calidad
de la imagen realizada.

13. Funciones de Photopea:
Por último dar click en guardar
para comenzar con su descarga.

14. ¿Cómo crear un proyecto?
 Para crear un proyecto de imagen debemos de:
1.- Colocarnos en el botón “File”
2.- Nos va abrir un menú y damos en
“NEW”
3.- Colocamos el nombre del proyecto,
El ancho y la altura y el fondo, que en
este caso fue “TRANSPARENT” para
hacer una imagen PNG y damos en
“Create”.

15. ¿Cómo editar una foto?
Damos en el apartado “File”
Y luego “Open & Place…”
Seleccionamos una imagen que queramos
Editar y la buscamos dependiendo su localización.

16. ¿Cómo editar una foto?
 En este caso para el ejemplo haremos una foto con parte del fondo
en PNG , darle mas brillo a una parte y a otra oscurecerla.
Una vez decidido la imagen que queremos editar hacemos lo
siguiente.
Para poder lograr que el muñeco
se separe del fondo o del resto de
la imagen, seleccionamos el
icono de la imagen.
De esta forma podremos
seleccionar
De forma libre y todo lo que
queramos recortar del resto de la
imagen, después de ello vamos
colocando punto por punto hasta
rodear todo lo que queremos
separar del resto.
Una vez colocado todos los
puntos
Daremos CTRL + ENTER
Así se seleccionara toda la zona y
después CTRL + J para poder
publicar lo seleccionado.
Y la parte
seleccionada
se nos
duplicara.

17. ¿Cómo editar una foto?
Después de haber separado
el muñeco del resto de la
imagen, tenemos que elegir
qué queremos modificar, la
imagen general o el muñeco,
en este caso la imagen
general.
Una vez seleccionado la imagen que queremos modificar en
este caso le queremos dar un filtro de borrosidad de fondo,
entonces nos vamos a “FILTRO” , desenfoque, y colocamos el
desenfoque que queramos ya que son varios, en este caso
desenfoque Gaussiano.

18. ¿Cómo editar una foto?
Nos saldrá que tanto desenfoque
queremos, ya lo colocamos al
gusto.
Seleccionamos este icono que es
para dar brillo a donde queramos
Esta será nuestra guía
para la zona donde
queramos darle brillo el
cual tu puedes
modificar lo grande o
pequeño que sea la
zona.

19. ¿Cómo editar una foto?
Al dar click derecho al ícono
siguiente, nos dará más
opciones y en este caso
seleccionamos la
“herramienta de grabación”
Que es para oscurecer la
parte de la imagen que
queramos
Como vemos, de los bordes le añadimos brillo y
dentro de la zona de brillo le colocamos oscuridad
y así es como quiero yo mi imagen.

20. Referencias.
 https://www.xataka.com/basics/photopea-que-como-funciona-
esta-alternativa-a-photoshop-online-totalmente-gratuita
 https://graffica.info/photopea-herramienta-gratuita-edicion-
fotografica/