1. EDICIÓN DE
IMÁGENES

2. pancho@opcionweb.com

3. Modificar imágenes utilizando una
aplicación informática y diseñar e
implementar la estructura de
cualquier dispositivo de salida.

4. EDITOR DE IMÁGENES
OPCIONES DE ESCRITORIO

5. https://www.adobe.com/es/products/photoshop.html

6. https://www.gimp.org/

7. https://krita.org/es/

8. https://affinity.serif.com/es/photo/

9. http://x.photoscape.org/

10. https://www.paintshoppro.com/es/products/paintshop-pro/

11. https://www.captureone.com/es-ES

12. https://ribbet.com/

13. https://www.paintshoppro.com/es/products/paintshop-pro/

14. https://www.nchsoftware.com/photoeditor/es/

15. EDITOR DE IMÁGENES
OPCIONES ONLINE

16. https://pixlr.com/

17. https://www.photopea.com/

18. https://kleki.com/

19. https://www.canva.com/

20. https://jspaint.app/

21. https://picsart.com/photo-editor

22. https://www.polarr.co/

23. https://www.pizap.com/

24. https://www.photofancy.es/

25. https://www.befunky.com/es/

26. https://www.befunky.com/es/

27. https://www.fotor.com/

28. EDITOR DE IMÁGENES
OPCIONES MÓVILES

29. https://play.google.com/store/apps/details?id=com.adobe.psmobile&hl=es

30. https://play.google.com/store/apps/details?id=com.niksoftware.snapseed&hl=es

31. https://play.google.com/store/apps/details?id=jp.ne.ibis.ibispaintx.app&hl=es

32. https://play.google.com/store/apps/details?id=com.adsk.sketchbook

33. https://play.google.com/store/apps/details?id=com.medibang.android.paint.tablet

34. https://play.google.com/store/apps/details?id=com.eyewind.paperone

35. https://play.google.com/store/apps/details?id=com.picsart.studio

36. https://play.google.com/store/apps/details?id=photo.editor.photoeditor.photoeditorpro

37. https://play.google.com/store/apps/details?id=com.iudesk.android.photo.editor

38. https://play.google.com/store/apps/details?id=photo.editor.photoeditor.filtersforpictures

39. https://play.google.com/store/apps/details?id=photoeditor.layout.collagemaker

40. CARACTERÍSTICAS
DE LAS IMAGENES

41. RELACIÓN DE ASPECTO
4:3 16:9 21:9

42. RESOLUCIÓN [16:9]
768038402560
4320
1280854640426
8K
4K
2K
FulHD
HD
SD
HQ
2160
1440
1080
720
240
480
1920
360

43. RESOLUCIONES

44. 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.

45. COLOR
Red
Geen Blue
RGB
(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.
Se utiliza en todos los sistemas
que forman imágenes a través
de rayos luminosos, ya sea
emitiéndolos o recibiéndolos:
PANTALLAS

46. 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.

47. 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:
8 bits por píxel: 28 = 256 colores
16 bits por píxel: 216 = 65.536 colores
32 bits por píxel: 232 = 16 millones de colores + alfa
1 bit por píxel: 21 = 2 colores
Color real o True Color:
Alta resolución o HiColor:

48. 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.

49. 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.

50. 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.

52. 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.
.

53. 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.

54. LAS CAPAS

56. 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.

57. LA SELECCIÓN
SELECCIÓN
Opciones de
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.

58. LAS MASCARAS DE CAPA

60. 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)

61. 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

62. 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
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
Ctrl + Clic en la capa Seleccionar elementos de la capa
SHORTCUTS (ATAJOS)

63. LAS CAPAS DE
RELLENO O AJUSTE
TONO / SATURACIÓN
NIVELES…

65. EL TEXTO

66. PINCELES CORRECTORES
TAMPON DE CLONAR

67. ESTILOS DE CAPA

68. FILTROS

69. BANCOS DE RECURSOS

70. ANIMACIONES

71. ACCIONES

72. GUARDAR COMO
GUARDAR PARA WEB
GUARDAR

73. Presentación distribuida con licencia Creative Commons.
Basta con agradecerlo con un enlace a opcionweb.com o un comentario en mis redes.