Modulo 1 Adobe Photoshop CC 2021

 

 

Docente:  Jhon Jairo Díaz .  Docente:

1 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

2 

 

 

RGB:  (Red, Green, Blue): para pantallas.  CMYK:  (Cyan, Magenta, Yellow, Black): para imprim ir.  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 JPEG: imprimir.

PNG:  Como el JPG, pero con un canal para transparencia. Para pantalla. PNG: TIFF:  El formato recomendado para imprimir, poca compresión, mayor peso y TIFF: calidad.

GIF:  Formato muy liviano, para pequeñas cosas. También gifs animados. Permite GIF: transparencia.

PSD:  El tipo de archivo nativo de Photoshop. Guarda las capas. PSD:  Ar ch chii vo s v ect or ia iall es:  Depende del programa utilizado. Ejemplo: Illustrator.

Docente:  Jhon Jairo Díaz .  Docente:

3 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

4 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

5 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

6 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

7 

 

 

Docente:  Jhon Jairo Díaz .  Docente:

8 

 

 

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.

Docente:  Jhon Jairo Díaz .  Docente:

9 

 

 

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.

Docente:  Jhon Jairo Díaz .  Docente:

10 10  

 

 

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 capasseleccionando con la tecla shift.

✓ 

Deshabilitar la visibilidad las capas ya elaboradas para que no se dañen la construcción de las capas.

Docente:  Jhon Jairo Díaz .  Docente:

11 11  

 

 

EJERCICIO AJUSTES DE COLOR Paso 1: Abrir 1: Abrir una imagen en Photoshop. Paso 2: Seleccione 2: Seleccione el menú Imagen Imagen.. Paso 3: Seleccione 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.

Docente:  Jhon Jairo Díaz .  Docente:

12 12  

 

 

EJERCICIO DE SELECCIÓN DE IMAGEN   Descargar la imagen de internet “gato Garfield durmiendo”.     Abrir la imagen en Photoshop.

•

•

Docente:  Jhon Jairo Díaz .  Docente:

13 13  

 

 

TIPOGRAFÍAS TIPOGRAFÍ AS EN PHOTOSHOP Es lo mismo que mismo  que decir «fuente» o «tipo de letra»   Vienen muchas tipografías de serie, pero podemos descarga descargarr e instalar más desde internet.  internet.  Enlaces para descargar fuentes gratis: 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

Docente:  Jhon Jairo Díaz .  Docente:

14   14

 

 

EJERCICIO 1. COMPOSICION

PASO 1: Abrir 1: Abrir Photoshop PASO 2: Crear 2: Crear Nuevo. PASO 3: Aplicar 3: Aplicar las siguientes especificaciones: PASO 4: Dar 4: Dar clic en Ok. PASO 5: 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 Mover.. Y transforma su posición con Control + T. T. 

PASO 8: Darle 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 la herramienta mover. Y transforma su posición con Control + T. T.

Docente:  Jhon Jairo Díaz .  Docente:

15   15

 

 

PASO 11: Darle 11: Darle el nombre capa: CAMPO VERDE. PASO 12: 12: Abrir la imagen de modelo en bikini. Seleccionar con la herramienta selección Rápida seleccionando el contorno.   PASO 13: Luego 13: Luego Dar Clic En El Menú Selección/ Modificar/Desvanecer Y Modificar/Desvanecer  Y Aplica Un Desvanecimiento De 4 Pixeles.

PASO 14: Desplaza la selección al nuevo lienzo. Con la herramienta Mover Mover.. Y transforma su posición con Control + T. T.  PASO 15: Darle 15: Darle el nombre capa: modelo. modelo.   PASO16: Crear una Nueva Capa. PASO16: Capa. Darle nombre SO SOL. L. PASO 17: Utilizar 17: Utilizar la herramienta marco elíptico dibujar elíptico dibujar una elipse por fuera del lienzo una cierta parte mover una esquina del lienzo. PASO 18: Seleccionar 18: Seleccionar color: f9b14a f9b14a.. Utilizar herramienta bote de pintura  pintura   hacia el sol. PASO 19: Dar 19: Dar clic en fx fx en  en estilo de capa (resplandor exterior) y los siguientes parámetros.

Docente:  Jhon Jairo Díaz .  Docente:

16   16

 

 

PASO 20: Utilizar 20: Utilizar la herramienta texto horizontal  horizontal escriba “Composición de imágenes”. Aplicar tamaño tipografía: Exotc350 Bd BT. PASO 21: Utilizar 21: Utilizar el panel estilos de texto. Aplicar la transformación elevar configura la curva y distorsión. PASO 22: 22: Dar clic archivo guardar como: como: Ejercicio 1 composición .Jpeg y PSD.

Docente:  Jhon Jairo Díaz .  Docente:

17   17

 

 

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

PASO 6: Darle 6: Darle nombre a La Capa Fondo 1 y 1 y activar Candado. PASO 7:  7: Archivo Archivo   –– Colocar elemento incrustado (fondo incrustado (fondo abstracto). Dimensionarlo con control + t, Dejar 2 mm libre a cada lado. Darle nombre a la capa Fondo 2 y 2 y activar ac tivar candado.

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

Docente:  Jhon Jairo Díaz .  Docente:

18 18  

 

 

PASO 9: Aplicar 9: Aplicar a cada imagen el nombre de poster 1, 2, 3.  

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

PASO 11: Seleccione 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. fx. Desactivar trazo. Superposición de color negro  negro  –– ok -arrastrar la capa hacia abajo del poster y mover con las teclas de dirección para desplazar la sombra. PASO 12: 12: Ir al menú menú  filtro filtro-- desenfocar desenfocar--desenfoque gaussiano – gaussiano – 5  5 pixeles-ok.  pixeles-ok. 

Docente:  Jhon Jairo Díaz .  Docente:

19 19  

 

 

PASO 13: Aplicar 13: Aplicar los mismos pasos ala imagen del lado derecho. PASO 14: Seleccione 14: Seleccione la imagen del centro aplicar estilo de capa fx. Sombra paralela:

PASO 15: 15: Utilizar la herramienta texto  texto escribe “cartelera de estrenos” ubicarlo en la parte superior -centrado-tamaño-Tipografía: PASO 16: 16: Aplicar un estilo de texto. Darle una transformación al texto.

PASO 17: 17: Aplicar un resplandor exterior al titulo

Docente:  Jhon Jairo Díaz .  Docente:

20 20  

 

 

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

PASO 20: Utilizar 20: Utilizar la herramienta texto horizontal o mascara y escriba la palabra “PROXIMAMENTE”. Aplicar letra negra, tamaño y sombra paralela.

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

Docente:  Jhon Jairo Díaz .  Docente:

21 21  

 

 

EJERCICIO 3. POSTER BEBE

Docente:  Jhon Jairo Díaz .  Docente:

22 22  

 

 

Docente:  Jhon Jairo Díaz .  Docente:

23 23  

 

 

Docente:  Jhon Jairo Díaz .  Docente:

24 24  

 

 

LAS MÁSCARAS DE RECORTE EN PHOTOSHOP 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.

Docente:  Jhon Jairo Díaz .  Docente:

25 25  

 

 

PRACTICANDO

PRACTICA 1

PRACTICA 2

PRACTICA 3

Docente:  Jhon Jairo Díaz .  Docente:

26 26  

 

 

EJERCICIO 4. TEXTO EN FUEGO

Docente:  Jhon Jairo Díaz .  Docente:

27   27

 

 

KL

Docente:  Jhon Jairo Díaz .  Docente:

28   28

 

 

Docente:  Jhon Jairo Díaz .  Docente:

29   29

 

 

EJERCICIO .5 FLYER PUBLICI PUBLICITARIO TARIO PASO 1: Abrir 1: Abrir Photoshop PASO 2: Crear 2: Crear Nuevo. PASO 3: Aplicar 3: Aplicar las siguientes especificaciones: PASO 4: Dar 4: Dar clic en Ok. Ok.   PASO 5: 5: Quitar candado a la capa fondo con un clic. PASO 6: 6: realizar las capas los 4 rectángulos para la división del fondo aplicar colores de rellenos y degradados. PASO 7: Recortar 7: Recortar Las imágenes de los modelos y posicionarlos PASO 8: Utilizar 8: Utilizar la herramienta textos. colocar las imágenes de redes sociales.

Paso 9: Dar clic archivo guardar como: como: Ejercicio 5 Flyer Models .Jpeg y PSD. Docente:  Jhon Jairo Díaz .  Docente:

30   30