Receta de Photoshop: Texto metalúrgico

Pues voy a ir subiendo algunas recetas cucas de Photoshop, por qué no?

Para obtener algo como esto:

• Archivo, Nuevo, 350 x 150, 28´346 pix/cm, escala de grises, transparente.
• Edición > Rellenar, usar negro, 100%, normal.
• Texto, click en sitio, Elige la fuente que quieras, Bold, Tamaño 50 ptos, Interlineado 100, Tracking 1, línea base 0, blanco (RGB=237).
• Teclear un Texto, Posicionar (Mover).
• Capa, triángulo, combinar hacia abajo.
• Imagen, Rotar Lienzo, 90ºACD.
• Filtro, Estilizar, Viento (Vendaval, desde izda).
• Imagen, Rotar Lienzo, 90ºAC.
• Filtro, Estilizar, Difusión (Normal).
• Filtro, Desenfocar, Desenfocar Más.
• Filtro, Distorisionar, Onda (gener=1, sinusoidal, long=118-120, amp=1-1, Escala 100%, repetir pixels borde).
• Imagen, Modo, Color Indexado, Acoplar capas OK.
• Imagen, Modo, Tabla de Colores Cuerpo negro.

Ejercicio 18 de Photoshop. Banner animado

Abrimos el photoshop, creamos un nuevo documento y escribimos nuestro texto.

Duplicamos la capa y la rasterizamos (es necesario que esté rasterizada para poder aplicarle un filtro).

Para crear una transición entre los cuadro que componen nuestro banner crearemos un efecto de movimiento.

Hacemos click en Filtro – Desenfocar – Desenfoque de movimiento….

Angulo = 0
Distancia = 16 pixeles ( a mayor números de pixeles mas borrosa será la imagen )

Si queremos que nuestro banner muestre varios textos, debemos hacer este proceso para cada una de las capas que deseemos.

Pasamos a Image Ready.

Abrimos la ventana Animación y generamos nuevos cuadros.

En cada uno de los cuadros mostramos la capa que nos interese y además añadimos un tiempo de duración para cada frame.

Para finalizar utilizamos Guardar Optimizada Como y generamos un fichero GIF.

 

..

Crear un botón circular en Photoshop

Crea una nueva imagen de 200 X 200 px con fondo blanco, en modo RGB.

Crea una nueva capa.

Sobre esta capa genera un círculo con la herramienta de selección elipse.

Ahora con la herramienta de Degradado y aplicamos de arriba hacía abajo, dentro de la selección.
Este es el gradiente usado

y este el resultado

Sin perder la selección, crea una nueva capa.

Modifica la selección utilizando Contraer, 5pixeles.

Aplica Calar 5 px.

Ahora pon el blanco como tu color de frente, luego, con la herramienta Degradado selecciona Frontal a Transparente, como ves en la imagen.

Deselecciona. Y obtienes este que es un muy bonito botón de agua al al cual ahora nos resta agregarle un poco mas de realismo. Posiciónate sobre la capa del gradiente azul, y aplica una ligera sombra.

 

Aplica los siguientes valores:

                                                                                                                             Y llegamos a un primer resultado.                                                                                                                                              Si tu botón lo usaras sobre un fondo con textura solo reduce la transparencia de la capa del gradiente azul a valores de entre 90 y 80%, en este caso se redujo a un 85%.                   …

Los Estilos: Opciones de Fusión

Los estilos de capa son efectos (como sombras, biseles, resplandores.) que proporciona Photoshop para dotar de diferentes acabados a las capas.

Ten en cuenta que los estilos están enlazados a la capa que están afectando. Así que si cambias el contenido, la forma o la posición de la capa el estilo se adaptará a los nuevos cambios.

Veamos como podemos acceder al editor de Estilo de Capa. Haz clic en el botón al pie de la ventana de Capas y se mostrará un listado de todos los estilos disponibles.

Haremos clic en Opciones de Fusión para acceder al editor de Estilo de Capa y poder configurar todos los estilos al mismo tiempo.

Llegando al editor de esta forma, el primer menú de opciones son las que puedes ver arriba.

Estas opciones no se refieren a ningún estilo en particular sino a la capa en general.

Y al modo en el que los efectos o estilos de capa se fusionarán con el resto de objetos en la composición.

En los primeros temas vimos cómo modificar la opacidad de la capa desde la ventana Capas (también puedes hacerlo desde la opción anterior), ahora es importante resaltar entre la opacidad y la opacidad del relleno:

La opacidad del relleno establece la transparencia de la pintura de la capa, no afectará a la opacidad de los estilos aplicados a ella. Al contrario que la opacidad que afecta tanto a los estilos como a la capa en sí.

A continuación veremos los estilos uno a uno. Activando la casilla Previsualizar podrás ver cómo los estilos afectarán a tu capa en el lienzo. También tienes una muestra en miniatura de cómo afectarían los estilos a un cuadrado.

Sombra paralela te permite añadir un sombreado bajo la capa en la dirección que escojas. Puedes modificar su color, opacidad y diferentes opciones sobre su contorno.	Sombra interior realiza exactamente la misma función que la anterior, pero la sombra se proyecta hacia dentro. Este efecto da la sensación de hundimiento:
Resplandor exterior crea un resplandor alrededor de toda la zona coloreada de la capa. Puedes escoger el color, la forma de transición e incluso configurar el resplandor como un degradado.	Igual que el caso anterior, Resplandor interior crea un resplandor alrededor de toda el área coloreada de la capa pero en dirección hacia el interior. Sus opciones son las mismas.
Bisel y relieve te ofrece la posibilidad de crear la sensación de que la capa se encuentra en relieve añadiéndole un borde biselado. Este estilo puede configurarse modificando las opciones de Contorno para el bisel y Textura para la forma en que se muestre el relieve.	El estilo Satinado aplica una sombra sobre el área con pintura que le da un aspecto de satinado. Este y los siguientes estilos han de usarse con cuidado porque alteran en gran medida la pintura de la capa.
La Superposición de colores te permite la superposición de un color con una opacidad determinada sobre toda la pintura de la capa (las áreas transparentes no se ven afectadas).	La Superposición de degradado superpone un degradado (a tu elección) sobre la capa. Modificando su opacidad puedes conseguir transiciones de color bastante agradables.
Superposición de motivo, como las anteriores, superpone sobre la pintura de la capa un motivo a tu elección, podrás modificar el motivo a utilizar y su tamaño.	Por último el estilo Trazo añade un borde a la capa de la anchura y el color escogidos. Esta opción es muy útil para enmarcar imágenes. También puedes usar degradados para el trazo lo que te dará mucho juego a la hora de aplicar este estilo.

Como hemos dicho antes, podemos combinar distintos tipos de estilos.

Aquellos cuyas casillas se encuentren activadas serán los estilos que se mostrarán:

 

 

Ten en cuenta que si el estilo Bisel y relieve no se halla activado los estilos Contorno y Textura no se mostrarán aun cuando estén activados.

Cuando hayas definido todos los estilos haz clic en Ok y verás como tu capa se completa con los nuevos estilos.

Puedes guardar tu conjunto de opciones como un estilo predefinido pulsando el botón Estilo nuevo en el editor de Estilo de Capa o pulsando el botón al pie de la ventana de Estilos.

Puedes acceder a esta ventana desde la pestaña Estilos en la ventana de Color o haciendo clic en el menú Ventana → Estilo.

 

 

Desde esta ventana te es posible aplicar también otros estilos ya definidos por Photoshop haciendo clic sobre ellos. O gestionar tus estilos creando nuevos , borrando los ya existentes arrastrandolos sobre este botón o eliminándolos de la capa activa del momento .

También puedes cargar otras bibliotecas haciendo clic en el botón y seleccionando la opción correspondiente en el menú:

 

 

Pero veamos las opciones que nos ofrece este otro menú contextual: haz clic derecho sobre el icono de estilo de cualquier capa en la ventana de Capas.

 

 

Desde aquí puedes acceder directamente a la ventana de configuración de los diferentes estilos en el editor de Estilo de Capa haciendo clic sobre alguno de ellos.

Uno de los comandos más útiles es el de Copiar estilo de capa. Te permite Pegar posteriormente en otra capa (a la que se le aplicarán los mismos efectos) o a un conjunto de capas enlazadas.

Las siguientes opciones las explicaremos a continuación:

 

 

• Luz global te permite cambiar con un par de clics la posición de la luz global de todos los estilos.
  
• Con el comando Crear capas transformarás todos los estilos aplicados en capas enlazadas o recortes a la capa sobre la que estaban actuando. Si ejecutas este comando no podrás modificar más los estilos ni estos se adaptarán a los cambios de la capa sobre la que actuaban.
  

  Algunos estilos no pueden verse convertidos en capas, así que usa este comando con cuidado.

• Ocultar/Mostrar todos los efectos esconde o enseña todos los estilos que se están aplicando a la capa en el momento.

 

• Escalar efectos te permite escalar el estilo tanto como indiques en el cuadro de diálogo. Un porcentaje mayor que 100 agrandará el estilo; al contrario uno menor de 100 lo hará más pequeño.

..

Ejercicio 15. Hundir texto en una imagen.

Para conseguir este efecto:

Abrimos el fichero.

Desbloqueamos la capa.

Escribimos una Máscara de texto horizontal sobre el pato.

Copiamos y pegamos la selección (se genera una nueva capa).

Sobre esta nueva capa aplicamos la Opción de Fusión: Sombra interior.

Modificamos los Ajustes de la capa cambiando el Brillo y el Contraste, bajándolos a -50 y -25.

//

Ejercicio 15. Composición de Formas, Textos y Recortes.

1. Abre la imagen rio.jpg de la carpeta de ejercicios.
2. Utilizando recortes de capas deberás crear un nuevo documento con formas y texto donde utilizarás como fondo para el recorte zonas de esta imagen hasta conseguir la siguiente composición:
   

//

Ejercicio 14. Composición de texto y formas.

Vamos a crear esta imagen a partir de formas simples y un poco de texto:

 

Abre un documento nuevo desde Archivo → Nuevo. Dale las medidas de 650 píxeles de anchura y 425 de altura. Con la ayuda del Bote de pintura rellena la capa entera de color blanco. Para ello asegúrate de que el color Frontal es de ese mismo color. Ahora selecciona la herramienta Forma personalizada y haz clic en el desplegable Forma .
Pulsa el botón y carga la biblioteca Web. El sistema te preguntará que si estás seguro, dile que sí. Selecciona la forma Volumen . Crea una capa nueva pulsando el botón en la ventana de Capas. Ahora, asegurándote de que la herramienta Forma está en posición Rellenar píxeles , mantén pulsada la tecla Shift (para mantener las proporciones 1 a 1) y dibuja la forma en el lienzo. Haz clic en Edición → Transformar → Rotar y gira la forma 180 grados para cambiar su orientación. También puedes hacerlo seleccionando la opción Voltear horizontal. Ahora seleccionaremos otra forma. Haz clic en el desplegable de Forma y carga la biblioteca de Música. Los siguientes pasos son iguales a los anteriores. Crea nuevas capas donde colocarás las notas musicales; ayudándote del comando Transformación, rótalas y colócalas dispersadas sobre el lienzo. Una vez tengamos todas las formas añadiremos el texto. Selecciona la herramienta Texto . Escoge una fuente que te guste y aumenta su tamaño sobre los 70 puntos. Haz clic sobre el lienzo y escribe una frase. Pulsa el botón para aceptar los cambios. Ahora deformaremos el texto. Pulsa el botón .
Elige el estilo Levantar y modifica su curva al 44% y la distorsión horizontal a -58%. Pulsa OK para aceptar los cambios. Con la ayuda de la herramienta Mover coloca todas las capas de la forma que creas conveniente.

Herramientas de Texto

El grupo de herramientas de Texto, como imaginarás, sirve para introducir texto en nuestras composiciones. Aunque podemos encontrar diferentes formas de hacerlo:

 

 

Primero vemos que es posible escribir texto en 2 direcciones diferentes, una de izquierda a derecha y la otra de arriba abajo.

Si nos fijamos aún más también veremos que las dos últimas herramientas, Máscara de texto horizontal y Máscara de texto vertical , no dibujan texto, sino que crean una selección con la forma del texto que hayas escrito.

Veremos ahora las dos primeras herramientas, Texto horizontal y Texto vertical , que comparten todas sus características.

 

 

Como ves la herramienta texto te permite elegir la fuente, tamaño, alineación y color.

El icono te permite cambiar en el momento de escritura entre modo horizontal o vertical.

El desplegable indicará la forma en la que los bordes del texto se fusionan con el fondo. La opción Ninguno dejará los bordes completamente rectos, mientras que el resto realizan suavizados y transiciones para mejorar el acople del texto a la imagen.

Otra de las opciones a destacar sería Crear texto deformado que muestra un cuadro de dialogo con diferentes tipos de deformado modificables:

 

Desde el icono podemos acceder a más opciones, aunque éstas son más útiles para grandes cantidades de texto.

 

 

Una vez hayamos configurado todas las opciones del texto, y tras haberlo escrito, deberemos hacer clic en el icono para aceptar el texto. (Cambiar de herramienta causaría el mismo efecto).

Observa que ha aparecido una capa de textos en la ventana Capas:

 

 

Este tipo de capas no aceptan más pintura, así que el fondo y otras imágenes deberán ir distribuidas en capas diferentes.

Existe la posibilidad de convertir una capa de texto en capa normal, para ello haz clic derecho sobre la capa y selecciona Rasterizar texto.

 

 

Mientras la capa de texto no se rasterice podrá ser susceptible de cambios. Para ello selecciona la herramienta Texto y activa la capa de texto que quieres modificar. Los cambios que realices en la barra de opciones se verán reflejados en la capa.

//

Herramientas de Formas

Las herramientas de Forma nos permiten añadir formas poligonales, prediseñadas o definidas por el usuario a nuestra composición. Podemos acceder a ellas desde el panel de herramientas.

 

 

Observa que una vez seleccionada la herramienta de forma, podemos cambiar entre ellas directamente desde la barra de opciones de herramientas:

 

 

El uso de las herramientas Rectángulo , Rectángulo redondeado , Elipse , Línea y Forma personalizada funcionan del mismo modo. El clic sobre el lienzo determinará la esquina superior izquierda de la forma, y tras arrastrar el ratón, la esquina inferior derecha se emplazará en el lugar donde soltemos el botón.

La herramienta Polígono toma el primer clic como centro de la forma y el fin del arrastre como el tamaño de su radio.

Las opciones únicas de las formas son pocas, por lo que las explicaremos seguidamente:

• La herramienta Rectángulo redondeado te permite seleccionar el radio de sus esquinas desde la barra de opciones de herramientas: .

 

• Puedes seleccionar el número de lados de la herramienta Polígono .

 

• La herramienta Línea te permite configurar su grosor: .

 

• Y por último, veremos más a fondo la opción de Forma de la herramienta Forma personalizada.

  Para seleccionar la forma a dibujar haz clic en el desplegable:

  

  Como en otras opciones, aquí nos es posible elegir entre un gran número de opciones. Si pulsamos el botón podemos acceder a las opciones de forma.

  

  Es posible cargar más formas predefinidas por Photoshop escogiendo entre uno de estos grupos:

  

Puedes descargar de Internet ficheros de formas. Tienen las extensión CSH. Se deben copiar en la carpeta Ajustes preestablecidos\Formas personalizadas de tu instalación de Photoshop.

C:\Archivos de programa\Adobe\Photoshop 7.0\Ajustes preestablecidos\Formas personalizadas

Hasta aquí hemos visto todas las opciones de estas herramientas, pero si nos fijamos podemos configurarlas aún más. Haciendo clic en el desplegable al lado de las formas descubriremos más opciones:

 

 

Para el Rectángulo, Rectángulo redondeado, Elipse y Forma personalizada las opciones son las mismas que se muestran en la imagen de arriba.

La opción cuadrado obliga a la forma a tener el mismo alto que ancho. Este efecto se puede conseguir del mismo modo sin activar esta opción, pero manteniendo pulsada la tecla Shift mientras se dibuja la forma.

Es posible crear formas con un tamaño fijo, predefiniendo su altura y su anchura en las cajas de texto .

La opción Proporcional te permite fijar la proporción entre la altura y la anchura de la forma.

Las casillas Desde el centro y Ajustar a píxeles activan eso mismo: que la forma se dibuje desde el centro y ajustándose a los límites de los píxeles

existentes.

Las opciones de Polígono son las siguientes:

 

 

Radio te permite fijar un tamaño fijo a la forma final. La opción Estrella creará un polígono en forma de estrella con tantas aristas como lados hayas especificado.

La herramienta Línea te permite añadir flechas en su inicio y/o en su final, además de darte la posibilidad de configurar su punta:

 

 

Para usuarios que empiezan a utilizar el programa es aconsejable el uso de Rellenar píxeles para dibujar las formas. Las otras dos opciones están relacionadas con capas y trazados que no hemos visto en el curso.

 

 

Sus opciones, al tratarse de un vuelco de pintura sobre la capa, ya nos son conocidas:

 

 

Normalmente el uso de suavizado es preferible, así las formas se muestran con bordes menos bruscos. Aunque para líneas de grosor fino es mejor desactivar la opción para que la línea quede más definida.

//

Los Recortes de Capa

Otra de las opciones que nos permite Photoshop son los   recortes de capa.

El objetivo de esta función es crear una intersección entre dos capas para mostrar la resta resultante. Así, por ejemplo, a partir de estas dos capas

Conseguir esta como resultado:

El procedimiento es muy sencillo. Sólo basta con mantener   la tecla Alt   pulsada mientras colocamos el puntero del ratón entre dos capas en la ventana   de Capas hasta que tome la forma .   Entonces haz clic y se creará la máscara de recorte.

  Otra forma de hacerlo sería a través del menú Capa → Crear   máscara de recorte o pulsando la combinación de teclas Ctrl   + G.

Ten siempre en cuenta que lo que estas haciendo es una sustracción, a la capa superior le restaremos la inferior, y esa será la capa resultante.