Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Introducción a Photoshop ¿Qué es Photoshop? Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente hoy en día. Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, para eso es recomendable que utilices Illustrator de Adobe o Freehand de Macromedia. Photoshop está principalmente orientado a tratar y manipular imágenes, o bien creadas por otros programas, o digitalizadas por un escáner o máquina fotográfica. Entonces, una vez introducida la imagen en el programa podrías retocarla, transformarla y editarla con un sinfín de posibilidades. Iniciando Photoshop Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio
. El Área de Trabajo Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno de trabajo. Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado haciendo clic en la opción Ventana → Espacio de trabajo → Espacio de trabajo por defecto:
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 1
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
El Panel de Herramientas El panel alargado es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop. Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha . Este es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y pulsas el botón derecho del ratón se desplegará la lista de herramientas pertenecientes al grupo. Si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo.
Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel y el Lápiz. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La herramienta activa se encuentra siempre marcada por un cuadrado negro. En el panel de herramientas podemos encontrar también los selectores
de color , en Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente configurados por el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán como color de trabajo. El que se encuentra detras es el color de Fondo, podemos establecer este color como el color del fondo del documento, de esta forma podemos utilizar herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de píxeles. El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento podemos hacer clic sobre el icono de doble flecha e intercambiaremos los colores de los recuadros entre sí, haciendo que el color que se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras herramientas usarán ese color
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 2
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
La Barra de Opciones de Herramientas En la parte superior de la ventana y bajo la barra de menú encontramos la barra de Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que tengamos seleccionada. A medida que avancemos y aprendamos nuevas herramientas iremos viendo como utilizar esta barra y sus opciones.
De momento diremos que desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por última vez. Si en algún momento quieres restaurar la herramienta a su estado original, deberás hacer clic con el botón derecho del ratón sobre la imagen de la herramienta en la barra de opciones de herramienta y seleccionar Restaurar Herramienta.
Ejercicios Prácticos Ejercicio 1: Agua 1) Abrir archivo nuevo de 5 x 5 cm y 100 píxeles/pulgada, con fondo blanco. 2) Color frontal blanco y color de fondo negro. 3) Aplicamos: Filtro/Interpretar/Nubes de diferencia 4) Aplicamos: Filtro/Distorsionar/Cristal siguientes valores: Distorsión = 15 Textura = Lienzo
con los
Suavizar = 4 Escala = 100%
5) En el menú Imagen/Ajustar/Equilibrio de color
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 3
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Sombra = -70, 0, 35
Medios Tonos = -70, 0, 30
Luces = 0, 0, 40
6) Volvemos Filtro/Distorsionar/Cristal con los siguientes valores: Distorsión = 5
Suavizar = 2
Textura = Lienzo
Escala = 100%
Ejercicio 2: Madera 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi, con fondo transparente. 2) La rellenamos de color marrón. 3) Aplicamos: Filtro/Ruido/Añadir ruido con los siguientes valores: Cantidad = 30 Distribución Gaussiana = activado Monocromático = activado 4) Aplicamos: Filtro/Desenfocar/Desenfoque movimiento con los siguientes valores: Ángulo = -10
de
Distancia = 25
Ejercicio 3: Arena 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi, con fondo blanco. Le aplicaremos el efecto: Filtro/Ruido/Añadir ruido con los siguientes valores: Cantidad = 125 Distribución Gaussiana = activado Monocromático = activado 2) Ahora le aplicamos: Filtro/Estilizar/Relieve: Ángulo = 145
Altura = 2
Cantidad =
21 3) Finalmente para conseguir un color arena: Imagen/Ajustar/Equilibrio de color con los siguientes niveles de color en medios tonos: 100, 0, -100.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 4
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 4: Explosión 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi, con fondo negro y escribir un texto blanco. 2) Acoplamos imagen en Capa/Acoplar imagen. 3) Aplicamos el filtro Desenfocar/ Desenfoque Gaussiano valor (2). 4) Aplicamos el filtro Estilizar/Solarizar. Para darle mejor aspecto: Imagen/Ajustar niveles de entrada: (0), (2,1), (255). 5) Aplicamos el filtro Distorsionar/ Coordenadas polares, opción (Polar a rectangular). 6) Imagen/Rotar el lienzo 90º AC, aplicamos Filtro/Estilizar/viento desde la izquierda. Rotar el lienzo 90º ACD 7) Aplicamos el filtro Distorsionar/Coordenadas polares, opción (Rectangular a polar) para recomponer el texto. 8) Le damos un poco de color en Imagen/Ajustar/Tono-saturación con la opción colorear activada, (nosotros: tono (0), saturación (87)).
Ejercicio 5: Texto reflejado 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi, con fondo transparente y escribir un texto. 2) Duplicaremos la capa de texto de la siguiente manera: Capa/Duplicar capa y lo volteamos Edición/Transformar/Voltear vertical. Moverlo debajo como si fuera una sombra. 3) Convertiremos las capas de texto en imagen: Capa/Rasterizar/ Texto en ambas capas 4) Transformaremos el texto: Edición/Transformar/Distorsionar. 5) Ahora crearemos una nueva capa en la que haremos una selección rectangular, tomando la mitad inferior de la imagen. Luego la rellenaremos de marrón con la herramienta "Bote de pintura".
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 5
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
6) Repetiremos la operación anterior (crear capa y seleccionar) pero la selección la haremos en la parte superior y la rellenaremos de azul. Aplicarle a esta capa el efecto Filtro/Interpretar/Nubes, teniendo seleccionada la parte pintada. 7) Ahora tendremos que ir variando la posición de las capas, lo haremos arrastrando las capas en la paleta capas, hasta obtener el texto adelante. 8) En la paleta capas bajaremos la opacidad a un 30% de la capa de texto volteada. 9) Finalmente activamos la capa de cielo y le aplicamos en la parte superior izquierda el efecto: Filtro/Interpretar/Destello
Ejercicio 6: Enmascarar una selección con una capa de ajuste 1) Abrimos una imagen.
2) Insertamos un texto.
3) Seleccionamos el texto pulsando <Ctrl> y haciendo clic en la capa de texto de la paleta Capas. 4) Invertiremos la selección: Selección/Invertir y creamos una capa de ajuste Capa/Nueva capa de ajuste del tipo que se quiera (Brillo - Contraste, Tono-Saturación, ...) 5) Finalmente ocultaremos la capa de texto.
Ejercicio 7: Botón con símbolos 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi, con fondo blanco. 2) Creamos una nueva capa y sobre ella una selección circular la cual rellenaremos de un color con la herramienta "Bote de Pintura". 3) Con la herramienta "Texto" insertaremos dos puntos de color negro, para simular los ojos. Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 6
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
4) También con la misma herramienta insertaremos un paréntesis y lo giraremos 90º AC para que quede en posición horizontal. 5) Activamos la capa que contiene la selección circular y le aplicamos el siguiente efecto Capa/Estilos de capa/Opciones de fusión y elegir una opción para que quede con volumen. 6) Finalmente iremos activando las diferentes capas de texto y les aplicaremos el siguiente efecto Capa/Estilos de capa/bisel y relieve/relieve acolchado. Ejercicio 8: Botón hundido 1) Abrir archivo nuevo de 5 x 5 cm y 100 ppi y Pintamos de un color cualquiera. 3) Seleccionamos la herramienta de "Selección Elíptica". En la Barra Opciones, en Estilo, elegiremos tamaño fijo e ingresamos 4 cm de ancho y de alto y hacemos clic en la pantalla. Para centrar la circunferencia, elegimos la herramienta flecha y la movemos. 4) Acto seguido, menú Selección/Invertir, pulsamos <Supr> y volvemos a invertir Selección/Invertir. 5) Creamos una nueva capa, seleccionamos el blanco como color frontal y elegimos la herramienta "Degradado Radial" (color frontal a transparente) y la aplicamos del borde inferior izquierdo del círculo hacia el centro. 6) En esa misma capa seleccionamos el negro como color frontal y aplicamos un degradado igual que el anterior, pero desde el borde superior derecho. 7) Ahora, contraeremos 6 píxeles de la selección, para ello ir al menú Selección/Modificar/Contraer. Por último rotamos la selección Edición/Transformar/Rotar 180º, deseleccionamos y observamos nuestra nueva imagen.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 7
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 9: Efecto Texto Oro. Abrimos un nuevo lienzo. Para ello vamos a Archivo/Nuevo y colocamos los valores siguientes: Anchura = 1600 pixeles; Altura = 1200; Resolución = 300 Damos Ok. Posteriormente vamos a aplicar color negro al lienzo, para ello hacemos click en la herramienta
de color frontal , seleccionamos color negro y posteriormente seleccionamos la herramienta bote de pintura y hacemos click en medio del lienzo para aplicar el color.
Ahora precederemos a crear nuestro texto usando
y color
la
herramienta
texto
,
seleccionamos
, ahora escribimos el texto, lo posicionamos en donde queremos y aceptamos
haciendo click en la herramienta
presionamos las teclas CTRL y T, ampliamos el texto a
nuestro gusto y aceptamos la modificación
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 8
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ahora damos click derecho a la capa de texto y seleccionamos Opciones de Fusión y empezamos a realizar los cambios siguientes: En Sombra paralela aplicamos: Angulo = 145; Distancia = 3; Extensión = 0; Tamaño = 3 y Opacidad = 46 En Bisel y Relieve Aplicamos: Estilo = Bisel Interior; Técnica = Cincel Duro; Profundidad = 750; Tamaño = 10,en modo resaltado hacemos click en la herramienta de color y escribimos el código: F5F1C4 y damos OK; ahora colocamos sobreexponer color; opacidad = 60. En contorno de resplandor aplicamos y colocamos un ángulo = 120; Altitud = 45; en modo sombra hacemos click en la herramienta de color y escribimos código: 4B2B01 y damos OK.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 9
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
En Contorno Aplicamos: En Textura Aplicamos: Primeramente añadiremos algunos efectos de superficies artísticas (esto solo deberá hacerse una vez), los pasos a seguir son los siguientes hacemos click sobre el selector de
motivo
, luego hacemos click sobre el
botón y seleccionamos Superficies Artísticas y hacemos click sobre añadir, ahora seleccionamos la textura que mas le guste. Colocamos la escala de 41 y profundidad de 180. En Superposición de Colores Aplicamos: En modo fusión hacemos click sobre el recuadro de color y damos OK. Escribimos una opacidad de 50. En Superposición de Motivo Aplicamos:
y escribimos el código: CC9900
Hacemos click sobre el Selector de Motivo y ahora seleccionamos la textura que mas le guste. Terminamos aplicando una textura de 150. En Trazo Aplicamos: Hacemos click sobre el recuadro de color , escribimos el código: C69E43, en tamaño escribimos 10 y finalmente damos Ok. Para terminar seleccionamos Capa y Acoplar Imagen.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 10
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 10: Efecto Texto Fuego. Abrimos un nuevo lienzo. Para ello vamos a Archivo/Nuevo y colocamos los valores siguientes: Anchura = 1600 pixeles; Altura = 1200; Resolución = 300 Damos Ok. Posteriormente hacemos doble click sobre la capa fondo y damos OK. Después vamos a aplicar color negro al lienzo, para ello hacemos click en la herramienta de
color frontal , seleccionamos color negro y posteriormente seleccionamos la herramienta bote de pintura y hacemos click en medio del lienzo para aplicar el color.
Ahora precederemos a crear nuestro texto usando
la
herramienta
texto
,
seleccionamos
y color , ahora escribimos el texto, lo posicionamos en donde queremos y aceptamos haciendo click en la herramienta presionamos las teclas CTRL y T, ampliamos el texto a nuestro gusto y aceptamos la modificación Ahora seleccionamos Capa/Rasterizar/ Texto. Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 11
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Hacemos Click Derecho sobre la capa texto, seleccionamos Duplicar Capa y damos OK; ahora bajamos a la capa original, presionamos CTRL y E para combinar las capas.
Habiendo hecho lo anterior seleccionamos Imagen/Rotar Lienzo/90º AC. Seleccionamos Filtro/Estilizar/Viento; colocamos que el efecto sea desde la izquierda; ahora seleccionamos Filtro/Viento (hacemos esto último 5 veces). Posteriormente seleccionamos Filtro/Desenfocar/Desenfoque Gaussiano, escribimos que el desenfoque de radio sea de 2 pixeles y damos OK. Nuevamente nos vamos Imagen/Rotar Lienzo/90ºACD, esto permitirá que nuestra imagen regrese a su forma Original.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 12
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ahora seleccionamos Filtro/Licuar. Hacemos click sobre la herramienta turbulencia , tamaño de pincel = 60, densidad = 30 y presión = 82; ahora con ayuda del mouse empezamos a crear unas ondas sobre las letras de tal manera que se vean como llamas al finalizar damos Ok. Después nos vamos a Imagen/Ajustes/Tono Saturación. Hacemos click en Colorear, colocamos Tono = 40, Saturación = 100 y damos OK
Nos vamos al panel de capas, hacemos click derecho con el mouse sobre la Capa 0, seleccionamos Duplicar Capa y damos OK. Ahora se ha creado una Capa 0 Copia y aparece seleccionada (si no fuese así, haga click sobre ella). Seleccione Imagen/Ajustes/Tono Saturación, esta vez sin colorear, colocamos Tono = -20 y damos Ok. Vamos al panel de capas y hacemos click sobre el selector y seleccionamos Superponer Ahora hacemos click sobre la Capa de Texto Copia, damos click derecho y seleccionamos Opciones de Fusión.
Para finalizar en Superposición de Degradado hacemos click en la barra de Degradado seleccionamos el color naranja-amarillo-naranja y damos OK. luego hacemos click sobre Bisel y Relieve, Contorno, Textura, Sombra Paralela, Superposición de Motivo y damos OK. Seleccionamos Capa y Acoplar Imagen para terminar.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 13
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 11: Efecto Imagen dentro de Texto. Abrir Imagen. Hacemos Click en el botón Crear una Nueva Capa color blanco al lienzo, para ello hacemos click en la herramienta de color
, ahora vamos a aplicar
frontal seleccionamos color Blanco (si no estuviese seleccionado) y posteriormente seleccionamos la herramienta bote de pintura
y hacemos click en medio del lienzo para aplicar el color.
Ahora precederemos a crear nuestro texto usando la herramienta texto seleccionamos
,
y color , ahora escribimos el texto, lo posicionamos en donde queremos y aceptamos haciendo click en la herramienta presionamos las teclas CTRL y T, ampliamos el texto a nuestro gusto y aceptamos la modificación Después hacemos click derecho sobre la capa de texto y seleccionam os opciones de fusión Habiendo Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 14
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
hecho esto realizamos los siguientes cambios: 1. En Sombra Interior Aplicar:
2. En Resplandor Interior Aplicar:
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 15
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
3. En Bisel y Relieve Aplicar: Ahora en Contorno aplicamos:
4. En Superposición de Degradado Aplicar:
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 16
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ahora vamos a la capa de la imagen y damos doble click sobre ella, hacemos click sobre OK. Posteriormente movemos la imagen arriba de la capa de texto Vamos a bajar la opacidad a 40% en nuestro panel de capas
Veremos como la imagen se transparente bajo nuestro texto:
Ahora con la Capa 0 seleccionada, hacemos click sobre Capa/ Crear Mascara de Recorte , ahora regresamos la opacidad otra vez a 100% en nuestro panel de capas y veremos como nuestra imagen se ajusta a nuestro texto.
Terminamos acoplando nuestra imagen, hacemos click sobre Capa/ Acoplar Imagen.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 17
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 12: Efecto Texto Hielo. Abrimos un nuevo lienzo. Para ello vamos a Archivo/Nuevo y colocamos los valores siguientes: Anchura = 1600 pixeles; Altura = 1200; Resolución = 300 Damos Ok. Posteriormente vamos a aplicar color negro al lienzo, para ello hacemos click en la herramienta
de color frontal , seleccionamos color negro y posteriormente seleccionamos la herramienta bote de pintura y hacemos click en medio del lienzo para aplicar el color.
Ahora precederemos a crear nuestro texto usando
la
herramienta
texto
,
seleccionamos
y color , ahora escribimos el texto, lo posicionamos en donde queremos y aceptamos haciendo click en la herramienta presionamos las teclas CTRL y T, ampliamos el texto a nuestro gusto y aceptamos la modificación
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 18
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ahora seleccionamos Capa/Rasterizar/ Texto. Seleccionamos Imagen/Rotar Lienzo/90º AC. Después Filtro/Estilizar/Viento Seleccionamos Viento desde la Derecha. Hacemos click sobre Filtro/Viento y repetimos 3 veces mas. Ahora vamos a Imagen/Rotar Lienzo/90º ACD. Vamos al Panel de Capas, sobre la capa de texto damos click derecho, seleccionamos Duplicar Capa y damos click sobre OK
Ahora Seleccionamos Imagen/Rotar Lienzo/90º AC. Después Filtro/Estilizar/Viento Seleccionamos Viento desde la Izquierda. Hacemos click sobre Filtro/Viento y repetimos 3 veces mas. Ahora vamos a Imagen/Rotar Lienzo/90º ACD. Ahora Vamo a Imagen/Modo/Color Indexado/Ok/OK. Seleccionamos Imagen/Ajustes/Equilibrio de Color hacemos click en sombras y colocamos los niveles de color: -100, -23 y +100. Hacemos Click en Herramienta varita mágica , procedemos a seleccionar las letras (manteniendo presionada la tecla [SHIFT] y haciendo click sobre cada letra). Hacemos click en Imagen/Modo/RGB
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 19
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Hacemos Click en la herramienta Crear una Nueva Capa
, Hacemos Click en
la Herramienta de Color Frontal , seleccionamos color Azul, y seleccionamos la Herramienta Degradado , haciendo el degradado de Arriba hacia Abajo. De el Panel de Capas Color, seleccionamos la pestaña Estilos y hacemos Click soble el Estilo Cielo Cincelado
Ahora Vamos a Selección/Deseleccionar, después seleccionamos la Capa Base, Seleccionamos Filtro/Artístico/Bordes Añadidos/Seleccionamos Trazos de Pincel/hacemos click sobre Sombreado/Damos OK Ahora vamos a hacer Click sobre la Herramienta Añadir Estilo de Capa , Seleccionamos Resplandor Exterior, Click sobre recuadro de color (lo colocamos entre verde y azul) y damos OK/OK. Terminamos acoplando nuestra imagen, hacemos click sobre Capa/ Acoplar Imagen.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 20
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 13: Cambiar Color del Cabello (usando pinceleado). Abrimos la imagen y creamos una nueva capa . Seleccionamos el color con el que se va a pintar el cabello (no puede ser ni blanco o negro).
Toma un pincel un
de bordes suaves acorde al tamaño de tu imagen, selecciona
diámetro de 21 y dureza 0; comenzamos a rellenar la parte del Ojo que corresponde al cabello. Luego vamos al seleccionamos Tono
panel
de
capas
y
Veremos como al seleccionarlo se cambiara de color el cabello, luego como paso final, vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 21
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 14: Cambiar Color del Cabello (usando tono de saturación). Abrimos la imagen y Duplicamos la capa . Seleccionamos Menú Imagen/Ajustes/Tono de Saturación. Activamos casilla siguientes valores: Tono = 0
Colorear
Saturación=80
dejamos
los
Luminosidad=30
Luego seleccionamos Borrador ponemos la dureza en 0 y comenzamos a borrar todas las partes que no sean cabello. Estando en borrador seleccionamos la opasidad y colocamos un valor de 15 y comenzamos a borrar el cabello varias veces hasta que se vea natural. Seleccionamos en panel de capas tono
Finalmente vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color. Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 22
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 15: Cambio Color de Ojos (usando pinceleado). Abrimos la imagen y nueva capa .
creamos una
Seleccionamos el color con el que se va a pintar el ojo (no puede ser ni blanco o negro).
Toma un pincel
de bordes suaves acorde al tamaño de tu imagen, selecciona un diámetro de 21 y dureza 0; comenzamos a rellenar la parte del Ojo que corresponde al iris. Luego vamos al panel de capas y seleccionamos Tono
Veremos como al seleccionarlo se cambiaran de color los ojos, luego como paso final, vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 23
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 16: Ojos Color Arcoiris (usando degradado). Abrimos la imagen capa . Hacemos
click
y creamos una nueva
sobre
la
herramienta
degradado luego seleccionamos herramienta color arcoíris:
la
Realizamos el degrado de izquierda a derecha de forma que cubra todo el iris del ojo ahora ponemos la capa modo COLOR en el panel de capaz
Veras como aparece ya el color del ojo tipo arcoíris y finalmente utilizamos el borrador para eliminar lo que se sale del ojo (colocar borrador con dureza=0, diámetro=21 y opasidad=100%). luego como paso final, vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 24
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 17: Cambio de Color de Ropa (usando Tono/Saturación). Abrimos la imagen y Duplicamos la capa . Presionamos las teclas [CTRL] y [U] Activamos casilla Colorear dejamos los siguientes valores: Tono =260 Saturación=80 Luminosidad=0
Luego seleccionamos Borrador ponemos la dureza en 0 y comenzamos a borrar todas las partes que no sean cabello. Estando en borrador seleccionamos la opasidad y colocamos un valor de 15 y comenzamos a borrar el cabello varias veces hasta que se vea natural. Seleccionamos en panel de capas COLOR.
Finalmente vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 25
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 18: Cambio de Color de Ropa Parcialmente (usando Lazo Magnetico). Abrimos la imagen y Duplicamos la capa . Crear una nueva capa Nos posicionamos en la nueva seleccionamos la herramienta
capa, lazo
magnético y comenzamos a seleccionar cuidadosamente la parte de la ropa a la que vamos a cambiarle color. Seleccionamos el color frontal Despues vamos a la herramienta bote de pintura y hacemos click sobre la parte marcada En el panel de capas seleccionamos la opción COLOR y observaremos como cambia de color.
Finalmente vamos a Menú Imagen/Ajustes/Tono de Saturación, en la barra tono movemos de izquierda a derecha para cambiar el color.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 26
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 19: Convertir Imagen a Bosquejo en Blanco y Negro. Abrir la imagen y Duplicar Capa. Seleccionar Imagen/Ajustes/Invertir luego ir a panel de capas y seleccionar sobreexponer color.
Seleccionar Filtro/Desenfocar/Desenfoque Guassiano y colocar un radio de 5.5 pixeles. Vamos al panel de capas nuevamente, hacemos click en el botón Blanco y Negro seleccionando Tonos y Saturación colocando los valores siguientes: Tono = 0, Saturación = -100 Luminosidad = 0 Vamos al panel de capas nuevamente, hacemos click en el botón Blanco y Negro seleccionando Niveles colocando en niveles de entrada los valores siguientes: 138, 0.90,254.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 27
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ejercicio 20: Convertir Imagen a Bosquejo a Color. Abrir la imagen y Duplicar Capa. Seleccionar Capa/Nueva/Capa Via Copiar. Seleccionar Fondo/ok
Capa/Nueva/Capa
a
Partir
de
Seleccionar Imagen/Ajustes/Invertir. Vamos a Panel de Capas y Seleccionamos Sobreexponer Color.
Seleccionar Filtro/Desenfocar/Desenfoque Guassiano y colocar un radio de 5.5 pixeles. Ejercicio 21: Caricatura.
Convertir
Imagen
a
Abrir la Imagen Seleccionar herramienta
Filtro/Licuar. Con la Deformar hacia adelante
empezamos a estirar la frente. Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 28
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Luego con la herramienta Inflar
agrandamos mas la frente. Después con la
Herramienta Deformar hacia adelante Con la Herramienta Inflar herramienta Desinflar
estiramos la boca hasta exagerar.
agrandamos la quijada y finalmente con la hacemos mas pequeños los ojos y parte de la nariz.
Al terminar solo damos OK.
Ejercicio 22: Efecto Reflejo de agua. Abriremos un nuevo lienzo, colocarle los valores siguientes: Anchura = 1252 y Altura = 864 pixeles (lo demás quedara tal y como esta), hacemos click en botón frontal y seleccionamos color azul. Luego hacemos click en el botón de bote de
pintura y rellenamos el lienzo haciendo click sobre el. Hacemos click en botón degrado y lo hacemos de abajo hacia arriba. Abrimos la imagen con la cual trabajaremos el reflejo, la seleccionamos usando el lazo magnético , luego la recortamos usando [CTRL] y [X] y la pegamos en el lienzo principal Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 29
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
usando [CTRL] y [V]. Seleccionamos Edición/Transformación Libre y ampliamos un poco la imagen (Si es necesario). Después de esto duplicamos la capa, posteriormente la capa copia la movemos hacia abajo. Seleccionamos: Edición/Transformar/Voltear Vertical, nos vamos al panel de capas y colocamos la opacidad a 40%. Seleccionamos: Filtro/Galería de Filtros, elegimos la opción Salpicadura que se encuentra en trazos de pincel, colocamos los valores Radio = 9 y Suavizar = 5. Para terminar seleccionamos la capa Principal (FONDO). Seleccionamos Filtro/Distorsionar/ Ondas Marinas, colocamos tamaño de onda = 12 y magnitud de Onda = 12. Ejercicio 23: Colocar Alas de Ángel a una Imagen. Abrimos la imagen principal y una de alas (las de alas serán proporcionadas por el profesor). Luego precederemos a mover cada una de las alas por separado a la imagen principal, para ello utilizamos la herramienta de mover y arrastramos la imagen deseada. Presionamos [CTRL] y [T] para disminuir el tamaño de la Imagen, aceptamos la modificación
.
Después duplicamos la imagen principal arrastrando la capa a la herramienta de Crear una Nueva Capa y este fondo copia la movemos al principio de las capas, así como lo muestra la figura. Para finalizar utilizaremos el Borrador para crear el efecto de Alas, esto lo haremos con mucho cuidado y realizando cambios de tamaño de pincel cuando sea necesario. La figura final deberá quedar parecida a la siguiente:.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 30
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Imagen en Marcos. Ejercicio 24: Colocar Abrimos el marco que queremos utilizar (los marcos serán proporcionados por el profesor) y también abrimos la imagen.
Movemos la fotografía al marco utilizando la herramienta de mover , posteriormente en la paleta de capas movemos el marco a la primera posición
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 31
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Finalmente utilizamos [CTRL] y [T] para ampliar o disminuir la fotografía según sea su necesidad.
Ejercicio 25: Convertir Imagen a Dibujo. Abrir Imagen y después procederemos a duplicar la imagen. Colocar el nombre DIBUJO a la copia de la imagen:
Posteriormente
cerramos
usando el botón de Cerrar
la
imagen
original
.
Duplicamos la capa de fondo arrastrando la capa a la herramienta crear una nueva capa , nos bajamos a la capa fondo y la rellenamos de negro (Edición/Rellenar).
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 32
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Vamos a Fondo Copia y seleccionamos Imagen/Ajustes/Desaturar, después invertimos la imagen seleccionando Imagen/Ajustes/Invertir. Duplicamos la Capa Fondo Copia. Finalmente seleccionamos fondo copia 2 y elegimos Filtro/Estilizar/Hallar Bordes. Ejercicio 26: Como Crear una Foto con Efecto 3D. Abrir Imagen, Duplicar Capa y creamos una nueva capa. Seleccionamos
la
herramienta
de
selección y creamos un rectángulo a la foto (antes verifique que esta seleccionada la Capa 1).
Nos vamos a bote de pintura y rellenamos la selección de color blanco haciendo click en medio de la selección. Con la misma selección activada nos vamos a Selección/Modificar/Contraer, escribimos 8 pixeles y damos OK. Después Presionamos tecla [SUPR]. Quitamos la Selección Selección/Deseleccionar.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
en
Página 33
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Ahora vamos a darle perspectiva al recuadro para ello seleccionamos Edición/Transformar/Perspectiva. Procedemos a cambiar las dimensiones del recuadro, según su creatividad. Cuando termine presione la tecla [ENTER] para aplicar la modificación. Ahora vamos a proceder a recortar la parte de la imagen que va a quedar dentro del recuadro, para ello primero verifiquemos que tenemos seleccionada la Capa 1 y entonces demos click en herramienta de Varita Mágica y después hacemos click dentro del recuadro. Seguido seleccionaremos la capa Fondo Copia, nos vamos a Selección/Invertir y una ves hecho esto presionamos la tecla [SUPR].
Posteriormente procederemos a quitar la selección en Selección/Deseleccionar. Escondemos la Capa Fondo haciendo click en botón visibilidad de capa para verificar que nuestro diseño ya muestra la parte de nuestra foto que va dentro del recuadro, habiendo verificado esto, se procederá a activar nuevamente la Capa Fondo y escondemos la Capa Fondo Copia. Seleccionamos la Capa Fondo que es donde trabajaremos para recortar la parte de la imagen que ira fuera del recuadro, para ello utilizamos la herramienta Pluma para recortar la parte que nos interesa de la imagen. Al terminar hacemos click derecho con el mouse y Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 34
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
seleccionamos Hacer Selección/OK. Posteriormente presionamos las teclas [CTRL] y [J] para crear una nueva capa (será creada como Capa 2 en el panel de capas) con el recorte de la parte exterior de la foto. Ahora activamos las tres primeras capas (si no estuviesen activadas), procedemos a mover la Capa 2 sobre la Capa 1, es decir que la Capa 2 quedara en primer lugar en el panel de capas. Finalmente procederemos a crear el fondo de la imagen, para ello seleccionamos la Capa Fondo en el panel de capas (que es nuestra imagen Original), creamos una nueva capa aplicándole fondo blanco con ayuda de la herramienta bote de pintura . Hacemos click derecho sobre nuestra nueva capa, seleccionamos Opciones de Fusión/Superposición de Degradado/OK Ejercicio 27: Foto Montaje de Persona en Paisaje. Abrimos las Imágenes que vamos a utilizar en el fotomontaje. Después movemos la imagen de las personas a la del paisaje utilizando la herramienta de mover Posteriormente
con la
. herramienta
varita mágica recortamos la parte de la imagen que no va a ser utilizada en nuestro fotomontaje. Procedemos a ajustar la imagen de las personas a la del paisaje de tal manera que
parezca
seleccionamos
real, la
para
imagen
de
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
ello las Página 35
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
personas con la herramienta de selección
y luego presionamos las teclas
[CTRL] y [T]. Finalmente vamos a Capa 1, damos click derecho con el ratón, seleccionamos Opciones de Fusión, cliqueamos en Sombra interior y click sobre OK.
Ejercicio 28: Foto Montaje de Cara. Abrimos las imágenes que vamos a utilizar en el fotomontaje. Luego
presionamos
la
letra
Q,
seleccionamos el pincel y marcamos todo aquello que no vamos a utilizar, al terminar presionamos Q nuevamente.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 36
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Presionamos las teclas [CTRL] y [C], nos movemos a la imagen a la que vamos a cambiarle la cara y presionamos [CTRL] y [V]. Procedemos a ampliar o disminuir la imagen de la cara según sea el caso para que ajuste a la imagen principal y de esta manera que sea vea natural, para ello utilizamos la herramienta mover rectángulo
y
cliqueamos
en mostrar delimitador para
ajustar bie n la ima gen .
Ejercicio 29: Collage. Abrimos las imágenes que nos servirán para hacer nuestro collage Posteriormente movemos cada una de las imágenes a nuestra imagen Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 37
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
principal, es decir la que nos servirá de fondo, para ello utilizamos la herramienta de mover
arrastrando cada una de las imágenes, posteriormente con la
herramienta varita mágica quitamos todo lo que no vamos a utilizar, después los ajustamos a nuestra imagen principal. Luego para terminar procedemos a degradar las imágenes una por una , para ello debemos crear una mascara de capa, la cual crearemos primero haciendo click sobre la imagen, después click en la herramienta mascara de capa , para después seleccionar herramienta de degradado y degradaremos las imágenes como nosotros queramos. Deberemos tomar en cuenta que en la
herramienta de color frontal siempre este de negro a blanco y que deberemos de seleccionar el degradado color frontal/color de fondo.
Ejercicio 30: Creación de Publicidad Comercial. Abrimos las imágenes que vamos a utilizar en nuestro anuncio. Minimizamos
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Photoshop
y
Página 38
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
abrimos el Programa Xara, haciendo doble click en el icono utilizaremos para crear un efecto tridimensional en nuestro texto.
, el cual
Al hacer lo anterior se le mostrara la pantalla de Xara, en donde procederá a hacer click en la herramienta de texto en el recuadro , seleccionamos el tipo de letra Playbill y escribimos la palabra Whopper y damos OK hacemos cambiamos el tamaño del texto en la barra de herramientas a 270pt
hacemos click sobre herramienta
opciones de diseño borde seleccionamos TEXT.
Con ayuda de las herramientas dele mejor efecto al texto.
en
y
Para finalizar exportamos el texto a formato .PNG haciendo click en el botón de exportar , escribimos el nombre Whopper de tipo .PNG y damos click en Guardar
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 39
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
En la Pantalla de Xara damos click en Save programa.
, luego cerramos el
Ahora regresamos a Photoshop, maximizamos la pantalla que estaba minimizada y abrimos un nuevo lienzo con las características en pixeles de: Anchura = 1920, Altura = 1080, Resolución = 300, Fondo = Blanco y damos OK. Ahora vamos a crear un degradado de rojo a negro para ello utilizaremos las herramientas que ya hemos utilizado en ejercicios anteriores para realizar efectos
similares, de color frontal para dar el matiz de colores y la de degradado para degradar la aplicación de los colores, lo haremos de arriba hacia abajo.
Ya tenemos nuestro lienzo listo para trabajar, para ello procederemos a trabajar cada uno de los componentes de nuestro anuncio publicitario empezando por las letras que creamos en Xara, luego la imagen de la hamburguesa, a continuación la imagen del fuego, después la Imagen de Logo de la empresa y finalmente escribimos el texto final, como a continuación mostraremos paso por paso. Traslado de las Letras creadas en XARA 3D6. Seleccionamos Archivo/Abrir/buscamos nuestro archivo al cual le colocamos el
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 40
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
nombre Whopper y su extensión era tipo PNG, damos click sobre abrir Estando en la capa que corresponde a nuestro texto, utilizamos la herramienta
Varita mágica para copiar nuestro texto y trasladarlo a nuestro lienzo principal, haciendo click sobre el texto, después vamos a escoger el menú Selección/Invertir y posteriormente presionamos las teclas [CTRL] y [C]; para cop iar la sele cció n, nos vam os a nue stro lien zo principal y damos [CTRL] y [V],si nos quedan residuos en la imagen, usamos la herramienta varita mágica para quitarlos y posteriormente usar la tecla [SUPR].
Ahora, con ayuda de la herramienta de bote de pintura
y la herramienta de
color frontal le damos color blanco a las letras, después nos vamos a escoger Capa/Estilo de Capa/Resplandor Exterior y dentro del recuadro de efectos seleccionamos Sombra Interior, damos OK. Para finalizar procedemos a hacer más grande las letras seleccionando Edición/Transformación Libre y las ampliamos a nuestro criterio.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 41
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Traslado la imagen hamburguesa.
de
la
Estando en la capa que corresponde a la imagen de la hamburguesa, utilizamos la herramienta Varita mágica para copiar sola la parte de la imagen que vamos a utilizar y trasladarla a nuestro lienzo principal, haciendo click sobre la imagen, después vamos a escoger el menú Selección/Invertir y posteriormente presionamos las teclas [CTRL] y [C]; para copiar la selección, nos vamos a nuestro lienzo principal y damos [CTRL] y [V],si nos quedan residuos en la imagen, usamos la herramienta varita mágica para quitarlos y posteriormente usar la tecla [SUPR]. Ahora procedemos a hacer más grande la Imagen seleccionando Edición/Transformación Libre y la ampliamos a nuestro criterio. Para finalizar nos vamos a escoger Capa/Estilo de Capa/Resplandor Exterior, dentro del recuadro estructura aplicamos color ROJO y en elementos aplicamos lo siguiente: Extender = 3% Tamaño = 50 px, damos OK.
Traslado la imagen del fuego. Verificar que estamos en la capa que corresponde a la imagen del fuego, posteriormente procederemos a usar la herramienta Mover imagen a nuestro lienzo principal, luego seleccionamos el menú Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
para trasladar la
Página 42
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
Edición/Transformación Libre y procedemos a ampliar la imagen en nuestro lienzo procurando que cubra todos los elementos de nuestro diseño, habiendo hecho esto aceptamos el cambio. Para finalizar vamos a la ventana de capas y cambiamos la opción Normal a Trama y colocamos la capa que corresponde al fuego después de la capa de las letras.
Escribiendo Texto Publicitario. Procedemos a escribir el texto publicitario, usando la herramienta Texto y utilizando siempre el tipo de letra = PlayBill – tamaño: 39.05pt,
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 43
Centro de Capacitación en Inglés y Computación Diseño Gráfico Publicitario Manual Photoshop CS2
escribimos: “ Only at”, aceptamos la introducción del texto. Posteriormente nos vamos al menú Edición/Transformar/Sesgar y movemos un poco el texto aplicando el efecto que mejor le parezca. Trasladando la Imagen de Logo. Finalmente procederemos a colocar la imagen del Logo de la Empresa, estando en la capa que corresponde a la imagen del Logo, utilizamos la herramienta Varita mágica para copiar sola la parte de la imagen que vamos a utilizar y trasladarla a nuestro lienzo principal, haciendo click sobre la imagen, después vamos a escoger el menú Selección/Invertir y posteriormente presionamos las teclas [CTRL] y [C]; para copiar la selección, nos vamos a nuestro lienzo principal y damos [CTRL] y [V],si nos quedan residuos en la imagen, usamos la herramienta varita mágica para quitarlos y posteriormente usar la tecla [SUPR]. Ahora procedemos a hacer más grande la Imagen seleccionando Edición/Transformación Libre y la ampliamos a nuestro criterio. Acoplamos la Imagen seleccionando el menú Capa/Acoplar Imagen y lo guardamos como Diseño Terminado.
Prof. Ing. Nelson Eduardo López Vanegas
Mail: nelv34@hotmail.com
Página 44