EDICIÓN DE

IMÁGENES
pancho@opcionweb.com
Modificar imágenes utilizando una
aplicación informática y diseñar e
implementar la estructura de
cualquier dispositivo de salida.
EDITOR DE IMÁGENES
OPCIONES DE ESCRITORIO
https://www.adobe.com/es/products/photoshop.html
https://www.gimp.org/
https://krita.org/es/
https://affinity.serif.com/es/photo/
http://x.photoscape.org/
https://www.paintshoppro.com/es/products/paintshop-pro/
https://www.captureone.com/es-ES
https://ribbet.com/
https://www.paintshoppro.com/es/products/paintshop-pro/
https://www.nchsoftware.com/photoeditor/es/
EDITOR DE IMÁGENES
OPCIONES ONLINE
https://pixlr.com/
https://www.photopea.com/
https://kleki.com/
https://www.canva.com/
https://jspaint.app/
https://picsart.com/photo-editor
https://www.polarr.co/
https://www.pizap.com/
https://www.photofancy.es/
https://www.befunky.com/es/
https://www.befunky.com/es/
https://www.fotor.com/
EDITOR DE IMÁGENES
OPCIONES MÓVILES
https://play.google.com/store/apps/details?id=com.adobe.psmobile&hl=es
https://play.google.com/store/apps/details?id=com.niksoftware.snapseed&hl=es
https://play.google.com/store/apps/details?id=jp.ne.ibis.ibispaintx.app&hl=es
https://play.google.com/store/apps/details?id=com.adsk.sketchbook
https://play.google.com/store/apps/details?id=com.medibang.android.paint.tablet
https://play.google.com/store/apps/details?id=com.eyewind.paperone
https://play.google.com/store/apps/details?id=com.picsart.studio
https://play.google.com/store/apps/details?id=photo.editor.photoeditor.photoeditorpro
https://play.google.com/store/apps/details?id=com.iudesk.android.photo.editor
https://play.google.com/store/apps/details?id=photo.editor.photoeditor.filtersforpictures
https://play.google.com/store/apps/details?id=photoeditor.layout.collagemaker
CARACTERÍSTICAS
DE LAS IMAGENES
 RELACIÓN DE ASPECTO

4:3 16:9 21:9

 RESOLUCIÓN [16:9]
4320
8K

2160
4K
1440

1080
2K
720
FulHD
480
360
HD
HQ
240 SD

426 640 854 1280 1920 2560 3840 7680

RESOLUCIONES
 DENSIDAD (PPP O PPI)
Píxeles por pulgada (PPP), en inglés pixels per inch (PPI).
Es la cantidad de píxeles que ocupan el área visible de la pantalla.
Cuanto mayor es la densidad de píxeles, mayor es la calidad de la imagen.
Cuanto más próximos sean los píxeles, más uniforme y con más calidad será la
imagen mostrada.
 COLOR
RGB
Red (acrónimo en inglés de
Red, Green, Blue)
o RVA (Rojo, Verde y Azul
en castellano) es la
composición del color en
términos de la intensidad
de los colores primarios
de la luz.

Geen Blue Se utiliza en todos los sistemas

que forman imágenes a través
de rayos luminosos, ya sea
emitiéndolos o recibiéndolos:
PANTALLAS
COLOR
CMYK
(siglas en inglés de siglas
de Cyan, Magenta, Yello
w y blacK) es un modelo
de color sustractivo que
se utiliza en la
IMPRESIÓN en color.
Este modelo se basa en la
mezcla de pigmentos.
 PROFUNDIDAD DE COLOR
Cantidad de bits de información necesarios para representar el
color de un píxel en una imagen digital. Como el sistema es binario
(0 y 1) la paleta de colores se representa de la siguiente manera:

1 bit por píxel: 21 = 2 colores

8 bits por píxel: 28 = 256 colores

Alta resolución o HiColor:

16 bits por píxel: 216 = 65.536 colores

Color real o True Color:

32 bits por píxel: 232 = 16 millones de colores + alfa

IMAGEN VECTORIAL / MAPA DE BITS
Una imagen vectorial es una imagen digital formada
por objetos geométricos dependientes (segmentos,
polígonos, arcos, muros, etc.), cada uno de ellos
definido por atributos matemáticos de forma, de
posición...

Ejemplo: Un círculo de color rojo quedaría definido por la

posición de su centro, su radio, el grosor de línea y su color, el
color y tipo de relleno.

Las imágenes rasterizadas o de mapa de bits,

también llamados imágenes matriciales, están
formados por píxeles.
 FORMATOS GRÁFICOS
Existen multitud de formatos, si bien sólo unos pocos son
actualmente los más utilizados. Cada uno tiene sus propias
características y ventajas en función del tipo de imagen que
se vaya a guardar.

JPG: Formato de imagen comprimido.

PNG: Formato de imagen comprimido con fondo transparente.
GIF: Formato de imagen con animación y fondo transparente
TIF: Formato de imagen de alta calidad para impresión.
 AREA DE TRABAJO
Descripción de los elementos (primeros atajos),
organización de paneles y guardado.

Ejemplo del pincel (b) brush y uso con el ratón.

Es importante controlar la barra de
Herramientas, la barra de opciones y los
paneles de capa y propiedades. Desde la
sección Ventana de la barra de menú se
acceden a todas las barras y paneles y se puede
empezar a memorizar las Shortcuts que
permiten activar y desactivar las principales
desde el teclado.

Los Shortcuts (atajos de teclado) es algo fundamental para mi

en cualquier programa, en Photoshop es especialmente
importante aprender un grupo de fundamentales para trabajar
con comodidad, velocidad y fluidez.
.
Al crear un documento en blanco es importante
controlar los conceptos de Tamaño, Resolución,
Modo de color (RGB y CMYK), Profundidad de
color...

Y a continuación empezamos pintando con el

pincel, el cual me permite explicar la barra de
opciones y como se puede manejar el grosor
del pincel y el difuminado. Opciones que luego
se podrán utilizar para la selección desde las
máscaras.
LAS CAPAS
Una vez realizado este acercamiento básico, es
el momento de entender como funciona el
trabajo en capas no destructivo. Empezando
por el orden de las capas, El PILAR
FUNDAMENTAL para el diseño gráfico.
 LA SELECCIÓN
Opciones de
SELECCIÓN
Aquí toman relevancia todas las opciones de
selección (Marcos, lazos y selección rápida) y
la ventaja que ofrece poder trabajar con capas.
LAS MASCARAS DE CAPA
 SHORTCUTS (ATAJOS)
ESPACIO Herramienta Mano. Para moverse por el lienzo ampliado
Bloq Mayús Intercambia el puntero del ratón.

B Herramienta Pincel (Brush)

X Intercambiar el color de fondo por el frontal

F Cambiar la vista de área de trabajo

T Herramienta Texto

W Selección de Varita Mágica

M Selección de Marco rectangular

E Borrador

G Cubo de pintura
SHORTCUTS (ATAJOS) - CTRL
Ctrl + + Ampliar zoom sobre la imagen

Ctrl + - Disminuir zoom sobre la imagen

Ctrl + 0 Ajustar la imagen al tamaño de la pantalla

Ctrl + T Transformación libre (Tamaño, Giro, Deformar)

Ctrl + J Copiar Capa Seleccionada

Ctrl + A Selección Todo

Ctrl + D Quitar Selección

Ctrl + S Guardar (Salvar)

Ctrl + F1 Oscurecer Entorno Photoshop

Ctrl + F2 Clarear Entorno Photoshop

 SHORTCUTS (ATAJOS)
Ctrl + Alt + Z Deshacer un paso hacia atrás

Shift + Alt + Z Rehacer un paso hacia delante

Ctrl + Alt + Q Tamaño de la Imagen

Ctrl + Alt + C Tamaño del Lienzo

Ctrl + Shift + C Copiar de todas las capas

Ctrl + Shift + V Pegar en la posición original

Ctrl + Shift I Invertir Selección

Ctrl + Clic en la capa Seleccionar elementos de la capa

Para el Pincel o Borrador:

CTRL + ALT + BOTON DERECHO DEL RATON PULSADO Y SUBIR o BAJAR – Cambia Dureza
CTRL + ALT + BOTON DERECHO DEL RATON PULSADO Y DCH o IZQ – Cambia Diámetro
 LAS CAPAS DE
RELLENO O AJUSTE
TONO / SATURACIÓN
NIVELES…
EL TEXTO
PINCELES CORRECTORES
TAMPON DE CLONAR
ESTILOS DE CAPA
FILTROS
BANCOS DE RECURSOS
ANIMACIONES
ACCIONES
 GUARDAR
GUARDAR COMO
GUARDAR PARA WEB
 Presentación distribuida con licencia Creative Commons.
Basta con agradecerlo con un enlace a opcionweb.com o un comentario en mis redes.