SUMACSOFT Web Solutions Mayo, 2014 SESIÓN N 3 Trabajando con Photoshop Contenido: Ejercicio 1 2 Ejercicio 2 4 A crear nuestros afiches! Ahora es momento de aplicar lo aprendido. A comenzar! Ejercicio 1 1. Creamos un documento nuevo en Photoshop desde el menú Archivo-> Nuevo, con los siguientes parámetros: 2. Definimos las líneas guías usando la herramienta Regla, para activarla nos dirigimos al menú Vista y activamos la opción Reglas, luego nos dirigimos a la opción Mostrar del mismo menú y seleccionamos la opción Guías. 3. Activamos la herramienta Recortar y creamos la líneas guías haciendo click en la Regla y arrastrando la línea al documento. La herramienta Recortar nos servirá de guía ya que delimita el documento simétricamente.
Trabajando con Photoshop 4. Creamos una nueva capa desde el panel Capas y seleccionamos la herramienta Marco rectangular, con esta herramienta creamos un rectángulo en la mitad superior del documento. A este rectángulo creado le damos un degradado radial, para ello 7. A todas las imágenes le damos un trazo blanco de 30px para darle un efecto de borde. Para ello nos vamos a la Herramienta Función desde el panel Capas y en las Opciones de fusión seleccionamos Trazo : usamos la herramienta degradado. Los colores del degradado serán: 1 Color: R: 248 G: 243 B: 191 2 Color: R: 207 G:203 B: 54 El documento quedará como la siguiente imagen: 8. La imágenes quedarán con un borde blanco, ahora las ordenamos como se muestra a continuación: 5. Ahora es momento de añadirle fotos a nuestra publicidad, para ello abrimos las imágenes que se usarán desde el menú Archivo -> Abrir, cada imagen se abre en una nueva pestaña. 6. Para usar las imágenes es necesario arrastrarlas hasta nuestro documento de trabajo actual, para ello nos dirigimos a una imagen, hacemos click en la imagen y sin soltar la llevamos a la pestaña de nuestro documento actual, llevamos el cursor hacia nuestra área de trabajo y soltamos el click. Para cada imagen arrastrada se creará una nueva capa. 9. Usando la herramienta de transformación desde Edición -> Transformación Libre podemos darle efectos de posición a cada imagen, esta herramienta nos permitirá cambiarles el tamaño, rotarlas y deformarlas. 10. Después de transformarlas, les damos un poco de sombra, para ello nos vamos nuevamente a Opciones de Fusión y seleccionamos la opción Sombra paralela, jugamos con los valores hasta conseguir la sombra deseada. Página 2
SUMACSOFT Web Solutions 12. Desde el panel Capas seleccionamos la capa de la imagen y seguidamente la opción Añadir máscara de capa, junto a la capa se creará una máscara la cual nos servirá para borrar partes de la imagen que no queremos mostrar. Si deseas puedes colocar todos los estilos deseados en una capa, puedes darle efecto de trazo, sombra, bisel, relieve, etc y puedes copiar los mismos estilos a otras capas. Esto te ayudará a ahorrar tiempo. Esto se realiza haciendo click derecho encima de la capa que tiene todos los estilos desde el panel Capas y seleccionando la opción Copiar estilos de capa, luego te diriges a la capa donde quisieras pegar los estilos y siguiendo el mismo procedimiento haces click en Pegar estilos de capa 13. Seleccionamos la máscara creada y con la herramienta pincel damos trazos de color negro sobre la parte que queremos borrar, si hemos borrado parte de la imagen por equivocación, podemos solucionarlo usando el pincel blanco. Nuestra imagen debe quedar de la siguiente forma: 11. Nuestro documento debe quedar como se muestra a continuación: 14. Ahora vamos a agregar el logo a nuestro documento. Para ello abrimos la imagen del logo, la arrastramos a nuestro documento, borramos el fondo blanco del logo con la herramienta Borrador Mágico y a través del menú Edición -> Transformación Libre aumentamos el tamaño del logo; debemos ubicar el logo en la parte superior de nuestro documento como se muestra a continuación: 11. Ahora abrimos otra imagen, para la parte inferior, en este caso queremos la imagen de una mujer. Arrastramos esta imagen a nuestro documento. Página 3
Trabajando con Photoshop 15. Una vez agregada las imágenes, es momento de añadir texto a nuestro documento, seleccionamos la herramienta texto y agregamos la información, es importante jugar con los colores y tamaños: Ejercicio 2 1. Creamos un documento nuevo en Photoshop desde el menú Archivo-> Nuevo, con los siguientes parámetros: 2. Creamos las líneas guía para nuestro documento, usando la 16. Ahora, con la ayuda de Forma personalizada agregamos formas a nuestro documento. herramienta Recortar y la regla : 3. Rellenamos el fondo con un degradado radial utilizando la 17. Damos unos retoques y pinceladas y nuestro trabajo quedará listo. y selec- Herramienta Degradado cionamos una opacidad del 60%. 3. Creamos un rectángulo en la parte inferior de nuestro documento con la Herramienta Rectángulo Página 4, color de fondo R: 45 G:40 B:36 sin trazo. Si deseas cambiar el tamaño puedes hacerlo desde el menú Edición -> Transformación Libre el rectángulo debe quedar como la siguiente figura:
SUMACSOFT Web Solutions 7. Si observamos nuestro documento de trabajo veremos que hay mucho desorden, para ordenamos ocultamos las capas superiores y empezamos a trabajar desde las capas inferiores: 5. Seguidamente utilizando la Herramienta Pluma creamos diversas formas encima del documento, estas formas serán en el futuro los contenedores de nuestras imágenes. Si necesitamos modificar la posición de los vértices podemos usar la Herramienta de Selección Directa, si al seleccionar esta herramienta hacemos click en el vértice de la forma podremos modificar su posición, lo mismo ocurre si nos posicionamos en la arista. Se deben crear seis formas como se muestra en la imagen: 8. Para insertar una capa dentro de otra sólo basta con mantener la tecla pulsada mientras colocamos el puntero del ratón entre las dos capas en la ventana de Capas hasta que tome la forma. Entonces haz clic y se creará la máscara de recorte, y la capa superior se insertará dentro e la inferior: 6. Después de haber creados las formas, vamos a insertar imágenes; para ello abrimos 6 imágenes y las arrastramos a nuestro documento actual, es importante que la capa de una imagen esté encima de la capa de la forma que la va contener, la ubicación de las capas debe quedar de la siguiente manera: 9. Para encajar mejor la imagen podemos cambiar su tamaño desde el menú Edición - > Transformación Libre. Es importante repetir este procedimiento con las demás imágenes y formas: 10. Ahora agregamos el logo de Médicos del Mundo, para ello abrimos la imagen y la llevamos a nuestro documento de trabajo: Página 5
Trabajando con Photoshop 11. Al logo le aumentamos el tamaño desde el menú Edición - > Transformar y le quitamos el fondo blanco con la opción 15. Ubicamos los logos en una posición adecuada y nuestro afiche estará listo: Borrador Mágico, es importante dar check a la opción Continuo dentro de las opciones de herramientas del Borrador Mágico para que borre solo el fondo exterior, seguidamente ubicamos el logo en la esquina inferior izquierda: 12. Ahora es momento de agregar un poco de texto: 13. Insertamos algunos logos importantes, si queremos quitar algunas secciones del logo utilizamos la herramienta Marco Rectangular, con esta herramienta seleccionamos las secciones que queremos eliminar y damos click en la tecla Suprimir, se eliminarán las partes seleccionadas: 14. Si es necesario cambiar el tamaño de estos logos lo hacemos desde el menú Edición -> transformación Libre Página 6