1

Docente: Jhon Jairo Díaz.

 2
Docente: Jhon Jairo Díaz.
RGB: (Red, Green, Blue): para pantallas.
CMYK: (Cyan, Magenta, Yellow, Black): para imprimir.

RESOLUCIONES
Para pantallas: 72ppp.
Para imprimir: mínimo 150ppp, recomendado 200ppp, óptimo 300ppp.

FORMATOS DE IMAGEN

JPEG: Es más habitual y conocido. Buena compresión y calidad. Para pantalla e

imprimir.
PNG: Como el JPG, pero con un canal para transparencia. Para pantalla.
TIFF: El formato recomendado para imprimir, poca compresión, mayor peso y
calidad.
GIF: Formato muy liviano, para pequeñas cosas. También gifs animados. Permite
transparencia.
PSD: El tipo de archivo nativo de Photoshop. Guarda las capas.
Archivos vectoriales: Depende del programa utilizado. Ejemplo: Illustrator.

3
Docente: Jhon Jairo Díaz.
 4
Docente: Jhon Jairo Díaz.
 5
Docente: Jhon Jairo Díaz.
 6
Docente: Jhon Jairo Díaz.
 7
Docente: Jhon Jairo Díaz.
 8
Docente: Jhon Jairo Díaz.
 LISTA DE IMÁGENES

✓ Abrir el navegador de google Chrome.

✓ Descargar imágenes que contengan los siguientes requisitos:
✓ Tener en cuenta su resolución 800 x 600. 1024 x 768 o
superior.
✓ Formato de imagen. Jpeg o. Png (llegar a necesitar).
• Animales domésticos
• Flores
• Gato Garfield durmiendo.
• Frutas.
• Cielo azul.
• Montañas.
• Modelos en bikini.
• Bebes.
• Niños y niñas.
• Campo verde.
• Poster películas estrenos.
• Fondos texturas.
• Fondos abstractos.
• Imágenes oscuras.
• Imágenes desaturadas.
• Logos Facebook, Instagram, twitter.png
• Mickey mouse o personajes Disney.Png
• Brillos y Destellos.Png
• Manchas de tinta.png

✓ Crear una carpeta “IMÁGENES PHOTOSHOP” Guardar las

imágenes descargadas.

9
Docente: Jhon Jairo Díaz.
Layers o capas son una de las herramientas que tenemos que dominar para
poder trabajar con soltura con este potente programa de diseño. La otra cosa
que debemos aprender a dominar son las selecciones.

El diseño en Photoshop, y en muchos otros programas de diseño gráfico, se

realiza a través de la creación de diversas capas. Las capas son algo así como
componentes independientes de la imagen, sobre las que se puede dibujar o
crear efectos de manera que afecten sólo a dicha capa. Al superponer
diversas capas se obtiene el diseño completo de la imagen.

10
Docente: Jhon Jairo Díaz.
 EJERCICIO DE CAPAS

✓ Crear el siguiente lienzo.

✓ Realizar las siguientes formas
utilizando la heramienta
elipse y rectangulo aplicando
solo el color de relleno negro
y blanco en una lista de capas.
✓ No olvide darle nombre a las
capas.

✓ Luego de realizar las formas indicadas en cada capa combinar las capas-
seleccionando con la tecla shift.

✓ Deshabilitar la visibilidad las capas ya elaboradas para que no se dañen la

construcción de las capas.

11
Docente: Jhon Jairo Díaz.
 EJERCICIO AJUSTES DE COLOR

Paso 1: Abrir una imagen en Photoshop.

Paso 2: Seleccione el menú Imagen.

Paso 3: Seleccione cada uno de estos ajustes para mejorar la imagen.

• Ajustes de imagen mejora brillos y contraste a la imagen (aclarar la

imagen).

• Estos ajustes permiten mejorar los tonos e intensidades de color de

color (dar más color).

• EJERCICIO: REALIZAR UN LIENZO CON DOS IMÁGENES APLICANDO AJUSTES DE

IMAGEN.

12
Docente: Jhon Jairo Díaz.
 EJERCICIO DE SELECCIÓN DE IMAGEN
• Descargar la imagen de internet “gato Garfield durmiendo”.
• Abrir la imagen en Photoshop.

13
Docente: Jhon Jairo Díaz.
 TIPOGRAFÍAS EN PHOTOSHOP
• Es lo mismo que decir «fuente» o «tipo de letra»
• Vienen muchas tipografías de serie, pero podemos descargar e instalar más
desde internet.
Enlaces para descargar fuentes gratis:

– Dafont.com
– 1001freefonts.com

HERRAMIENTAS DE TEXTO

REALIZAR UN FLYER DE TEXTOS:

• TEXTOS CON FORMATOS
• TEXTOS CON TRANSFORMACIONES
• TEXTOS CON ESTILOS.
• MASCARAS DE TEXTOS

14
Docente: Jhon Jairo Díaz.
 EJERCICIO 1. COMPOSICION

PASO 1: Abrir Photoshop

PASO 2: Crear Nuevo.
PASO 3: Aplicar las siguientes
especificaciones:
PASO 4: Dar clic en Ok.
PASO 5: Quitar candado a la
capa fondo con un clic.

PASO 6: Abrir la imagen del cielo azul. Seleccione el cielo con Marco
Rectangular.
Paso 7: Desplaza la selección al nuevo lienzo. Con la herramienta Mover. Y
transforma su posición con Control + T.

PASO 8: Darle el nombre capa: CIELO.

Paso 9: Abrir la imagen de un campo verde.
Seleccione el campo verde con la herramienta
selección rápida.
Paso 10: Desplaza la selección al nuevo lienzo.
Con la herramienta mover. Y transforma su
posición con Control + T.

15
Docente: Jhon Jairo Díaz.
PASO 11: Darle el nombre capa: CAMPO VERDE.

PASO 12: Abrir la imagen de modelo en bikini. Seleccionar

con la herramienta selección Rápida seleccionando el
contorno.

PASO 13: Luego Dar Clic En El Menú Selección/

Modificar/Desvanecer Y Aplica Un Desvanecimiento De 4
Pixeles.

PASO 14: Desplaza la selección al nuevo

lienzo. Con la herramienta Mover. Y
transforma su posición con Control + T.

PASO 15: Darle el nombre capa: modelo.

PASO16: Crear una Nueva Capa. Darle

nombre SOL.

PASO 17: Utilizar la herramienta marco elíptico dibujar una elipse por fuera
del lienzo una cierta parte mover una esquina del lienzo.

PASO 18: Seleccionar color: f9b14a. Utilizar herramienta bote de pintura

hacia el sol.

PASO 19: Dar clic en fx en estilo de capa (resplandor exterior) y los siguientes
parámetros.

16
Docente: Jhon Jairo Díaz.
PASO 20: Utilizar la herramienta texto horizontal escriba “Composición de
imágenes”. Aplicar tamaño tipografía: Exotc350 Bd BT.

PASO 21: Utilizar el panel estilos de texto. Aplicar la transformación elevar

configura la curva y distorsión.

PASO 22: Dar clic archivo guardar como: Ejercicio 1 composición .Jpeg y PSD.

17
Docente: Jhon Jairo Díaz.
 EJERCICIO 2. POSTER MOVIE

PASO 1: Abrir Photoshop

PASO 2: Crear Nuevo.
PASO 3: Aplicar las siguientes
especificaciones:
PASO 4: Dar clic en Ok.
PASO 5: Quitar candado a la capa
fondo con un clic.

PASO 6: Darle nombre a La Capa Fondo 1 y activar Candado.

PASO 7: Archivo – Colocar elemento incrustado (fondo abstracto).

Dimensionarlo con control + t, Dejar 2 mm libre a cada lado. Darle nombre a
la capa Fondo 2 y activar candado.

PASO 8: Colocar las tres imágenes de películas en el lienzo. Aplicar cada una
de ellas Fx estilo de capa. Trazo: Tamaño: 8, Posición: interior, Color: blanco

18
Docente: Jhon Jairo Díaz.
PASO 9: Aplicar a cada imagen el nombre de poster 1, 2, 3.

PASO 10: Rotar las imágenes del lado derecho y lado izquierdo 5 grados. La
imagen del centro aplicar menú Edición- Transformar- Perspectiva.

PASO 11: Seleccione la capa de la imagen derecha. Duplica capa con control +
j. Darle nombre a la capa de sombra 1, luego darle estilo de capa fx.
Desactivar trazo. Superposición de color negro – ok -arrastrar la capa hacia
abajo del poster y mover con las teclas de dirección para desplazar la sombra.

PASO 12: Ir al menú filtro- desenfocar-desenfoque gaussiano – 5 pixeles-ok.

19
Docente: Jhon Jairo Díaz.
PASO 13: Aplicar los mismos pasos ala imagen del lado derecho.
PASO 14: Seleccione la imagen del centro aplicar estilo de capa fx. Sombra
paralela:

PASO 15: Utilizar la herramienta texto escribe “cartelera de estrenos”

ubicarlo en la parte superior -centrado-tamaño-Tipografía:
PASO 16: Aplicar un estilo de texto. Darle una transformación al texto.

PASO 17: Aplicar un resplandor exterior al titulo

20
Docente: Jhon Jairo Díaz.
PASO 18: Utilizar la herramienta rectángulo redondeado y dibujarlo en la
parte inferior del poster.
PASO 19: Aplicar un color de relleno azul suave, con el bote de pintura.
aplicar un estilo de capa Fx resplandor interior:

PASO 20: Utilizar la herramienta texto horizontal o mascara y escriba la

palabra “PROXIMAMENTE”. Aplicar letra negra, tamaño y sombra paralela.

PASO 21: Dar clic archivo guardar como: Ejercicio 2 POSTER MOVIE .Jpeg y
PSD.

21
Docente: Jhon Jairo Díaz.
 EJERCICIO 3. POSTER BEBE

22
Docente: Jhon Jairo Díaz.
 23
Docente: Jhon Jairo Díaz.
 24
Docente: Jhon Jairo Díaz.
LAS MÁSCARAS DE RECORTE EN PHOTOSHOP Son un conjunto de al
menos dos capas, en las que una recorta a la otra, determinando el área que
va a mostrar de ella.

Qué mejor forma para entenderlo que con un ejemplo

Usaremos 3 capas:

• Una de texto, para la máscara de recorte.

• Otra de imagen, para ser recortada.
• Y una tercera como fondo.

25
Docente: Jhon Jairo Díaz.
 PRACTICANDO

PRACTICA 1

PRACTICA 2

PRACTICA 3

26
Docente: Jhon Jairo Díaz.
 EJERCICIO 4. TEXTO EN FUEGO

27
Docente: Jhon Jairo Díaz.
KL

28
Docente: Jhon Jairo Díaz.
 29
Docente: Jhon Jairo Díaz.
 EJERCICIO .5 FLYER PUBLICITARIO

PASO 1: Abrir Photoshop

PASO 2: Crear Nuevo.
PASO 3: Aplicar las siguientes
especificaciones:
PASO 4: Dar clic en Ok.
PASO 5: Quitar candado a la capa
fondo con un clic.

PASO 6: realizar las capas los 4

rectángulos para la división del fondo aplicar colores de rellenos y
degradados.
PASO 7: Recortar Las imágenes de los modelos y posicionarlos
PASO 8: Utilizar la herramienta textos. colocar las imágenes de redes
sociales.

Paso 9: Dar clic archivo guardar como: Ejercicio 5 Flyer Models .Jpeg y PSD.

30
Docente: Jhon Jairo Díaz.