talleres

Universidad Nacional de Chimborazo Escuela de Arte Diseño Gráfico Materia: Software de Diseño II Profesor: Ing. Patricio Villacrés Año: Segundo Taller 1. Efectos de Textura. Textura de Agua. 1. Crear un documento nuevo con los siguientes atributos: Name: Textura Agua Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Negro (Black) Background Color: Blanco (White) 3. Aplicamos el filtro: Filter->Render->Difference Clouds 4. Aplicamos el filtro: Filter->Distort -> Glass con los siguientes parámetros: Distortion: 15 Smoothness: 4 Texture: Frosted Scaling: 100 5. En el menú Image -> Adjustments -> Color Balance ponemos los siguientes valores: Tone Balance: Shadows: -70,0,35 Midtones: -70,0,30 Hightlights: 0,0,40 6. Volvemos a aplicar el filtro: Filter->Distort -> Glass con los siguientes parámetros: Distortion: 15 Smoothness: 2 Texture: Frosted Scaling: 100 Textura de Madera 1. Crear un documento nuevo con los siguientes atributos: Name: Textura Madera Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Rellenamos la imagen con la herramienta de relleno con un color MARRON (ANPA 750-0 AdPro) 3.Aplicamos el filtro: Filter -> Noise -> Add Noise con los siguientes parámetros: Amount: 30 % Distribution Gaussian: Activado Monochromatic: Activado 4.Aplicamos el filtro: Filter -> Blur -> Motion Blur, con los siguientes parámetros: Angle: -10 Distance: 25 pixels Textura de Piedra 1. Crear un documento nuevo con los siguientes atributos: Name: Textura Piedra Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Rellenamos la imagen con la herramienta de relleno con un color GRIS (45% de Negro) 3. Verificamos que los colores predefinidos sean: Foreground Color: Negro (Black) Background Color: Blanco (White) 4. Aplicamos el filtro: Filter -> Render -> Clouds 5. Aplicamos el filtro: Filter -> Noise -> Add Noise con los siguientes parámetros: Amount: 4 % Distribution Gaussian: Activado Monochromatic: Activado 6. En la paleta CANALES, creamos un nuevo canal con el nombre “Alfa1” y le aplicamos el filtro: Filter -> Render -> Difference Clouds y posteriormente el Filtro: Filter -> Noise -> Add Noise con los siguientes parámetros: Amount: 3 % Distribution Gaussian: Activado Monochromatic: Activado 7. Por último activamos la CAPA en la paleta CAPAS y le aplicamos el filtro: Filter -> Render -> Lighting Effects con los siguientes parámetros: Texture Channel: Alfa1 Textura de Arena 1. Crear un documento nuevo con los siguientes atributos: Name: Textura Arena Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Aplicamos el filtro: Filter -> Noise -> Add Noise con los siguientes parámetros: Amount: 125 % Distribution Gaussian: Activado Monochromatic: Activado 3. Luego aplicamos el filtro: Filter->Stylize -> Emboss con los siguientes parámetros: Angle: 145 Height: 2 pixels Amount: 21% 4. Finalmente para conseguir un color arena elegimos del menú IMAGE la opción ADJUSTMENTS y luego Color balance donde aplicamos los siguientes parámetros: Tone Balance: Midtones Color Levels: 100,0,-100 Taller 2 Efectos de Texto Efecto Aceite 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Aceite Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Negro (Black) Background Color: Blanco (White) 3. Escribimos el Texto: “PHOTOSHOP”, con los siguientes parámetros: Font Family: Times New Roman Font Style: Bold Font Size: 60 pt 4. Unimos las dos capas, para lo cual seleccionamos la capa de Background y hacemos un “link” con la capa de texto, luego elegimos la opción: Layer -> Merge Linked o “Ctrl. + E”, para unir las dos capas. 5. Posteriormente difuminamos las letras con el filtro: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 1,3 pixels 6. Invertimos los colores de la imagen presionando las teclas “ctrl.+ i “ 7. Rotamos la imagen eligiendo: Image -> Rotate Canvas -> 90º CW 8. Aplicamos el filtro de viento: Filter -> Stylize -> Wind con los parámetros: Method: Wind Direction: From the Right 9. Volvemos a rotar la imagen en el sentido contrario: Image -> Rotate Canvas -> 90º CCW 10. Aplicamos el filtro: Filter -> Stylize -> Solarize 11. Para darle el color de aceite nos dirigimos a: Image-> Adjustments -> Hue/Saturation con los siguientes parámetros: Colorize: Activado Hue: 45 Saturation: 100 Lightness: 0 Para obtener una variante de aceite Después de aplicar el filtro Solarize, aplicamos el filtro: Filter -> Distort -> Glass con los parámetros: Distortion: 1 Smoothness: 4 Texture: Frosted Scaling: 200 Para darle el color de aceite nos dirigimos a: Image-> Adjustments -> Hue/Saturation con los siguientes parámetros: Colorize: Activado Hue: 360 Saturation: 100 Lightness: 0 Efecto Explosión 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Explosión Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Blanco (White) Background Color: Negro (Black) 4. Presionamos “Ctrl + i” para invertir el color de fondo de “blanco” a “negro” 3. Escribimos el Texto: “PHOTOSHOP”, con los siguientes parámetros: Font Family: Times New Roman Font Style: Bold Font Size: 60 pt 4. Unimos las dos capas, para lo cual seleccionamos la capa de Background y hacemos un “link” con la capa de texto, luego elegimos la opción: Layer -> Merge Linked o “Ctrl. + E”, para unir las dos capas. 5. Posteriormente difuminamos las letras con el filtro: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 2 pixels 6. Aplicamos el filtro: Filter -> Stylize -> Solarize 7. Para mejorar el aspecto de la imagen elegimos: Image -> Adjustments -> Levels con los parámetros: Input Levels: 0; 2,1; 255 8. Aplicamos el Filtro: Filter -> Distor -> Polar Coordinates con los parámetros: Options: Polar to Rectangular 9. Rotamos la imagen eligiendo: Image -> Rotate Canvas -> 90º CW 10. Aplicamos el filtro de viento: Filter -> Stylize -> Wind con los parámetros: Method: Wind Direction: From the Right 11. Volvemos a rotar la imagen en el sentido contrario: Image -> Rotate Canvas -> 90º CCW 12. Para volver a recomponer el texto aplicamos el Filtro: Filter -> Distor -> Polar Coordinates con los parámetros: Options: Rectangular to Polar Para darle el color nos dirigimos a: Image-> Adjustments -> Hue/Saturation con los siguientes parámetros: Colorize: Activado Hue: 0 Saturation: 87 Lightness: 0 Para obtener un color más real elegimos: Image-> Adjustments -> Variations con los parámetros: More Yellow: presionamos con el mouse 12 veses sobre la imagen. Efecto Fuego 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Fuego Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: Grayscale Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Blanco (White) Background Color: Negro (Black) 4. Presionamos “Ctrl + i” para invertir el color de fondo de “blanco” a “negro” 3. Escribimos el Texto: “PHOTOSHOP”, con los siguientes parámetros: Font Family: Times New Roman Font Style: Bold Font Size: 60 pt Unimos las dos capas, para lo cual seleccionamos la capa de Background y hacemos un “link” con la capa de texto, luego elegimos la opción: Layer -> Merge Linked o “Ctrl. + E”, para unir las dos capas. 4. Rotamos la imagen eligiendo: Image -> Rotate Canvas -> 90º CW 5. Aplicamos el filtro de viento 3 veces: Filter -> Stylize -> Wind con los parámetros: Method: Wind Direction: From the Left 6. Volvemos a rotar la imagen en el sentido contrario: Image -> Rotate Canvas -> 90º CCW 7. Aplicamos el filtro Difusión: Filter -> Stylize -> Diffuse con los parámetros: Mode: Normal 8. . Posteriormente difuminamos las letras con el filtro: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 2 pixels 9. Luego aplicamos el filtro Cristal: Filter -> Distort -> Glass con los valores: Distortion: 3 Smoothness: 6 Texture: Frosted Scaling: 200 10. Aplicamos el filtro Rizo: Filter -> Distort -> Ripple con los valores: Amount: 180% 11. Disminuimos el brillo de la imagen: Image -> Adjustments -> Brightness/Contrast con el valor: Brightness: -40 12. Cambiamos el modo de color de la imagen a Indexado: Image -> Mode -> Indexed Color 13. Por último cambiamos los colores de la imagen: Image -> Mode -> Table Color con el valor: Table: Black Body Efecto Hielo 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Hielo Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: Grayscale Contents: White 2. Verificamos que los colores predefinidos sean: Background Color: Blanco (White) Foreground Color: Negro (Black) 3. Escribimos el Texto: “PHOTOSHOP”, con los siguientes parámetros: Font Family: Times New Roman Font Style: Bold Font Size: 60 pt Con la tecla “ctrl.”. presionada hacemos in clic sobre la capa de texto y luego presionamos las teclas “ctrl. + Mayus + i” para invertir la selección Convertimos el texto en imagen: Layer -> Rasterize -> Type Acoplamos las dos capas: Layer -> Merge Down Aplicamos el efecto de cristales con el filtro: Filter -> Pixelate -> Crystallize con los valores: Cell Size: 10 Invertimos la selección con las teclas: “ctrl. + Mayus + i” Seleccionado todavía el texto, añadimos ruido con el filtro: Filter -> Noise -> Add Noise con los valores: Amount: 70% Distribution: Gaussian Desenfocamos el texto con el filtro: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 2 pixels Activamos la herramienta curvas en: Image -> Adjustments -> Curves dibujando la curva lo más parecida posible a la del siguiente gráfico: 11. Deseleccionamos el texto presionando las teclas “ctrl. + d” 12.Invertimos los colores de la imagen presionando “ctrl. + i” 13. Rotamos la imagen eligiendo: Image -> Rotate Canvas -> 90º CW 14. Aplicamos el filtro de viento: Filter -> Stylize -> Wind con los parámetros: Method: Wind Direction: From the Right 15. Volvemos a rotar la imagen en el sentido contrario: Image -> Rotate Canvas -> 90º CCW 16. Cambiamos a modo de color RGB en: Image -> Mode -> RGB Color 17. Para darle color a la imagen elegimos: Image -> Adjustments -> Hue/Saturation con los siguientes parámetros: Colorize: Activado Hue: 221 Saturation: 90 Lightness: 0 18. Elegimos la herramienta “Brush Tool” y en su barra de herramientas elegimos la opción “Brush Present “, donde presionamos en la flecha a la derecha y en el menú que aparece elegimos “Load Brush” donde cargaremos el siguiente archivo: “\Goodies\Brushes\Assorted Brushes.abr “ para elegir el brush 48 y el brush 25 con los que daremos efectos de iluminación a la imagen.  Taller 3 Efectos de Texto (Parte II) Efecto Oro 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Oro Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Blanco (White) Background Color: Negro (Black) 3. Presionamos las teclas “ctrl. + i “ para invertir el color de fondo de blanco a negro 4. En la paleta “canales” creamos una nueva capa con el nombre: “Alfa1”. 5 Escribimos en la capa “Alfa1” el Texto: “PHOTOSHOP”, con los siguientes parámetros: Font Family: Times New Roman Font Style: Bold Font Size: 60 pt 6. Duplicamos el canal “Alfa1” y se llamará: “Alfa2”, luego le aplicamos a la capa “Alfa2” el efecto: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 3 pixels 7. Volvemos a duplicar el canal “Alfa2” y se llamará: “Alfa3”. 8. Con la herramienta de MOVER nos presionamos sobre el canal “Alfa2” y con las flechas de techado presionamos 2 veces hacia arriba y 2 veces hacia las izquierda. Lo mismo hacemos con el canal “Alfa3”, sólo que esta vez presionamos con las teclas de dirección 2 veces hacia abajo y 2 veces hacia la derecha. 9. Nos dirigimos al menú Image y seleccionamos la opción “Calculations...” , donde configuramos los siguientes parámetros: Source1 -> Channel: Alfa2 Source2 -> Channel: Alfa3 Blending: Difference Opacity: 100 % De esta tarea obtendremos un Nuevo canal denominado “Alfa4” 10. Cargamos el canal Alfa1 en Alfa4; situándonos en Alfa4 presionamos la tecla “ctrl.” Y con el mouse hacemos un clic sobre Alfa1. Hecho esto pulsamos “ctrl. + i” para invertir los colores de la selección. Por ultimo nos dirigimos a menú: Image -> Adjustments -> Auto Levels, para ajustar los niveles de color automáticamente. 11. Sin desactivar la selección anterior ajustamos las curvas de la imagen en : Image -> Adjustments -> Curves (ctrl. + m), tal como se observa en la siguiente gráfica: 12. Sin desactivar la selección anterior invertimos la selección con “ctrl. + Mayus + i” y presionamos la tecla “Supr” para borrar el desenfoque del fondo de la imagen. 13. Cargamos otra vez “Alfa1” sobre “Alfa4” para contraer esa selección en 2 pixeles par lo cual nos dirigimos al menú: Select -> Modify -> Contract con el siguiente valor: Contract By: 2 pixels. 14. Invertimos la selección con “Ctrl + Mayus + i” y luego invertimos los colores con “Ctrl + i” 15. Volvemos a invertir la selección con “Ctrl + Mayus + i” y copiamos el contenido de la selección con “ctrl. + c”. Luego hacemos un clic sobre el canal RGB, y nos vamos a la paleta Capas para finalmente pegar el contenido del portapapeles: . 16. Para darle color podemos utilizar distintas herramientas, nosotros hemos utilizado Image->Adjustments-> Hue/Saturation. Con los siguientes valores: Colorize: Activado Hue: 50 Saturation: 80 Lightness: 0 17. Se puede añadir a la imagen final algunos efectos con pinceles o con efectos de luz para obtener mejores resultados. Efecto Cemento Mojado 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Cemento Mojado Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: White 2. Verificamos que los colores predefinidos sean: Foreground Color: Gris1: 172,172,172 Background Color: Gris2: 110,110,110 3. Aplicamos el filtro: Filter -> Render -> Clouds 4. En la paleta Canales (Channels) creamos uno nuevo (alfa 1) y con la herramienta "Pincel" escribimos el texto en color blanco. 5. Duplicamos el canal Alfa 1 presionando el botón derecho del ratón sobre el canal y lo llamaremos Alfa 1 copia. A nuevo canal le aplicamos el efecto: Filter->Stylize->Diffuse ( Mode: Lighting Only). Repetimos el efecto unas 5 veces mas. 6. Cargamos la selección del canal Alfa 1: Select->Load Selection y le aplicamos el efecto: Filter -> Blur -> Gaussian Blur con los parámetros: Radius: 3 pixels 7. Ahora invertiremos la selección: Select-> Inverse y en el menú: Image->Adjustments-> Brightness/Contrast. ponemos los siguientes valores: Brightness: 72 Contrast: -8 8. Deseleccionamos todo con las teclas “Ctrl + d” 9. Por último, con el ratón marcamos el canal RGB , regresamos a la paleta Capas (Layer) y aplicaremos el efecto: Filter-> Render -> Lighting Effects con los siguientes valores: Style: Three Down Light Type: directional Intensity = 35 Gloss = 0 Material = 69 Exposure = 0 Ambience = 9 Texture Channel: Alfa 1copy Height = 50 Efecto Texto Reflejado 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Texto Reflejado Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: Transparent 2. Verificamos que los colores predefinidos sean: Foreground Color: Black Background Color: White 3. Insertamos un texto el cual duplicaremos: Layer -> Duplicate Layer . (Obtendremos una copia de Layer 1) y lo volteamos Edit->Transformr -> Flip vertical y la colocamos con la herramienta Mover". Debajo del texto origina. 4. Enlazamos las dos capas de texto. 5. Convertiremos las capas de texto en imagen: Image -> Rasterize -> Type 6. transformamos el texto: Edit -> Transform -> Distort para dar el efecto de perspectiva. 7. Ahora crearemos una nueva capa en la que haremos una selección rectangular ( de la mitad hacia abajo) la cual rellenaremos de marrón con la herramienta "Bote de pintura". Color marrón: 255,198,114 8. Repetiremos la operación anterior pero la selección la rellenaremos de azul y le aplicaremos el efecto: Filter -> Render -> Clouds 9. Ahora tendremos que ir variando la posición de las capas, lo haremos pinchando la capa en la paleta capas y arrastrándola a su posición. 10. En la paleta Layer (capas) bajaremos la opacidad a un 30% de la capa de texto volteada. 11. Finalmente activamos la capa de cielo y le aplicamos en la parte superior izquierda el efecto: Filter -> Render -> Lents Flare (destello) Efecto Texto Enmascarado 1. Abrimos una imagen. 2. Insertamos un texto 3. Seleccionamos el texto pulsando y haciendo clic en la capa de texto de la paleta Capas (Layer), ahora invertiremos la selección: Select -> Inverse y creamos una capa de ajuste : New Adjustment Layer -> Brightness / Contrast (o del tipo que se quiera: Brillo - Contraste, Tono-Saturación ...). con los valores: Brightness: 0 Contrast: -40 4. Finalmente ocultamos la capa de texto. Efecto Texto Biselado 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Texto Biselado Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: Transparent 2. Verificamos que los colores predefinidos sean: Foreground Color: White Background Color: Black 3. En la paleta “canales” creamos una nueva capa con el nombre: “Alfa1”. 4. Escribimos un texto cualquiera en el canal “Alfa 1” 5. Pasamos a la paleta Capas y creamos una nueva (Layer 1), la rellenamos de blanco con el bote de pintura, y cargamos el canal (channel) Alfa1 desde Select -> Load Selection -> Channel: Alfa1. Lo rellenamos de negro y duplicamos la capa: (Layer 1 copy). 6. A la capa recién creada, “Layer 1 copy”., le aplicamos el filtro: Filter -> Stilyze -> Glowing Edges (Filtro/Estilizar/Bordes, en español) con valores: Edges Width: 2 Edges Brightness: 6 Smoothness: 1 7. Ahora duplicamos la capa a: (Layer 1 copy 2). 8. En la última capa creada le aplicamos el filtro: Filter-> Render -> Lighting Effects. Debemos cargar en canal de textura el canal Alfa1 y variando los valores conseguiremos un buen resultado. Efecto Texto de Cristal 1. Crear un documento nuevo con los siguientes atributos: Name: Efecto Texto Biselado Present Size: Default Photoshop Size Width: 16.02 cm Height: 11.99 cm Resolution: 28,346 Mode: RGB color Contents: Transparent 2. Verificamos que los colores predefinidos sean: Foreground Color: Black Background Color: White 3. Insertamos un texto de color negro 4. Duplicamos la capa de texto con el nombre: “Layer 1 Copy” y la ocultamos 4. seleccionamos el texto haciendo clic en la paleta “Layer” en la capa de texto teniendo pulsado y a continuación creamos un nuevo canal: “Alfa 1” 5. Ahora acoplaremos el texto original con el fondo con el texto: Layer -> Merge Visible 6. Aplicamos el Filtro: Filter-> Stilyze -> Find Edges. 7. Deseleccionamos la selección presionando las teclas “ctrl. + d” 8. Luego aplicamos el filtro: Filter -> Blur -> Motion Blur con los valores: Angle: 45º Distance: 15 pixels 9. Por ultimo hacemos visible a la capa “Layer 1 Copy”. Trabajo Nº 2. Realice 2 ejemplos de cada ejercicio desarrollado en el taller Nº 3 Indicaciones para el trabajo Nº2: El trabajo se entregará en un documento de Word grabado en CD. Todos los pasos de cada ejercicio deben ir acompañado de su gráfico respectivo; excepto de los pasos donde no se refleje ningún cambio en la imagen. Cada ejemplo debe ser totalmente diferente (colores, texto, etc). El trabajo es individual, caso contrario se dividirá la nota para el número de trabajos iguales, similares o parecidos.