ANRAFERA

ANRAFERA

lunes, 28 de julio de 2014

Texto de CRISTAL - Tutorial-


























Con este tutorial cerramos una nueva temporada. A partir de Septiembre volveremos con nuevas técnicas.

Como final de "curso" vamos a realizar un efecto muy vistoso, efecto“cristal”.

Este es un tutorial MEDIO-AVANZADO, si bien intentaré que los pasos sean lo mas claro posible para que lo pueda realizar uno que empieza en este mundillo de Photoshop.

Espero que os sea útil y le saquéis provecho.

COMENZAMOS:

1. CONTROL + N. Nuevo documento. Medidas a vuestro gusto.

2. Pulsar la tecla T, para activar la herramienta TEXTO y escribid una palabra (en mi caso en honor al efecto que vamos a realizar he escrito CRISTAL).

3. Con la capa del Texto seleccionada hacemos clic sobre el icono AÑADIR ESTILO DE CAPA (está ubicado en la parte inferior de la paleta capas –f-), y accedemos a las Opciones de fusión.
  • CONFIGURACIÓN DE OPCIONES DE FUSIÓN
  • En modo de fusión poner NORMAL y 80% de Opacidad. 
  • La Opacidad de Relleno bajarla a 60%
  •  Aseguraros de que se encuentra activada la opción Fusionar efectos interiores como un grupo. 
  • Resto configuración dejarla tal cual. 
4. A continuación vamos a comenzar a aplicar varios estilos de capa: BISEL y RELIEVE.
  • En el cuadro de dialogo, que sale por defecto, realizar éstas modificaciones: 
  • Cambiar el Modo de Sombra a TRAMA; el color negro, que tendréis por defecto, cambiarlo por un color gris; el Contorno de Resplandor desplegarlo y elegir el Contorno “Desnivel superficial”.
  • Seguidamente le aplicamos el estilo de capa SATINADO con esta configuración: Como Modo de Fusión pondremos TRAMA con la Opacidad al 100%; en Distancia poner 7 px; en Tamaño 8 px y como Contorno elegí el “Contorno Aro”. 
  •  Ahora le aplicamos un RESPLANDOR INTERIOR con la configuración: 
  • Trama en Modo de Fusión al 78%; en el cuadro Elementos poner de tamaño 24 px y en Calidad elegir el contorno “doble aro” con 50% de Rango
  • Seguidamente aplicar RESPLANDOR EXTERIOR
  • Aquí solamente cambiar el color que trae por defecto por un gris claro.
  • Seguimos con los estilos de capa y ahora le aplicamos SOMBRA INTERIOR
  • Cambiar el color de Modo de Fusión a un color azul claro o violeta y en Distancia y Tamaño poner 13 px. 
  • Por último aplicamos SOMBRA PARALELA con ésta configuración: Como color elegir el azul claro o violeta que pusisteis en la Sombra Interior; 14 px de Distancia y 13 px de Tamaño. 
5. Ahora pulsar CONTROL y hacer clic con el puntero del ratón sobre la capa del texto (la que le hemos aplicado los estilos de capa) para activarla como una selección.

6. Nos dirigimos a la Paleta de Canales y hacemos clic en Crear canal nuevo (el icono se encuentra en la parte inferior de la Paleta).
  • ¡Curioso! La pantalla se ha vuelto toda negra ¿no es así? ¡Pues bien! 
  • Pulsar la letra G para activar el Bote de Pintura y rellenar la selección de blanco
7. FILTRO > DESENFOQUE > DESENFOQUE GAUSSIANO:
  • Aplicarle 12 px
  • A continuación repetir la misma operación, pero esta vez aplicarle un desenfoque de 6 px y por último aplicarle otro desenfoque pero de 3 px
  • Una vez aplicado éste filtro, por tres veces, deseleccionar (CONTROL + D) y ahora nuevamente le aplicamos el filtro Desenfoque Gaussiano pero con un valor de 1 px
8. Ahora hagan clic con el botón derecho en la capa del Canal y escojan DUPLICAR CANAL.
  • Lo guardamos como una nueva imagen. 
  • Darle un nombre. Ejemplo: Efecto Cristal
9. Ahora entraremos en una fase para la cual necesitamos una imagen que posea muchos tonos azules y blanco, pero para no andar buscándola, en la Web o en alguna de nuestras carpetas, la vamos a crear desde cero en un par de pasos:
  • CONTROL + N para crear un documento nuevo en RGB. 
  • Pulsar la letra D para restablecer los colores por defecto. 
  • FILTRO > INTERPRETAR > NUBES DE DIFERENCIA: De esta manera tendremos un motivo en blanco y negro. 
  • CONTROL + U para abrir el cuadro de dialogo TONO / SATURACION: 
  • Activar la casilla Colorear y ajustar las barras deslizadoras hasta conseguir un cielo azul (nublado). 
  • Hagan una copia (CONTROL + C) y después guardar las nubes, que hemos creado, como un motivo. 
10. Regresamos a la imagen del texto que estábamos trabajando y creamos una nueva capa (CONTROL + MAYÚSCULAS + N).

11. CONTROL + V para pegar las nubes, que habíamos copiado, en esa capa.
  • Centrar la nubes para que ocupe toda la selección entera – la palabra que escribisteis - (os recuerdo que debéis de tener la selección de la palabra activada, lo hicimos en el paso 5). 
12. CONTROL + MAYÚSCULAS + N: Para crear una nueva capa.

13. EDICION > RELLENAR:
  • En Usar elegir “Motivo” escoger las nubes azules que creamos en el paso número 9, Modo NORMAL y Opacidad al 100%. 
14. FILTRO > DISTORSIONAR > CRISTAL:
  • En el cuadro de dialogo marcar 18 en Distorsión, 5 en Suavizado y en Cargar Textura buscar la imagen desenfocada que creamos en la Paleta de Canal (la que pusimos efecto cristal). 
15. CONTROL + F, para ejecutar el filtro una vez más.

16. Ahora hagan clic con el puntero del ratón en la capa del texto, para que la selección esté por encima.
  • Seguidamente seleccionen la capa donde pusimos el relleno de las nubes. 
  • SELECCIÓN > INVERTIR (Control + Mayúsculas + I).
  • Pulsen la tecla Suprimir
17. Cambiar el Modo de Capa a SUBEXPONER COLOR.

18. Para finalizar situaros en la primera capa y aplicar un estilo de capa BISEL Y RELIEVE con ésta configuración:
  • Profundidad: 300 px; Tamaño: 13 px
  • La sombra configurarla a 120º de Angulo y 60º de Altitud
  • En Contorno elegir el Contorno Aro
  • Modo Resaltado en TRAMA al 100% con color Blanco y Modo de Sombra en 35% y como color un gris claro
Así terminamos este tutorial, un poco largo dado que hemos hecho uso de muchos estilos, creado un motivo para posteriormente usarlo, pero muy real.

...ahora practicar, practicar y practicar!

Os vendrá bien para vuestros trabajos personales.

 DISEÑO ES IMAGINACION

Saludos

viernes, 18 de julio de 2014

LOGOTIPO -Efecto Vítreo-






















La técnica que os voy a enseñar hoy está muy de moda, sobre todo en los logotipos de empresas, marcas de vehículos, productos…etc.

Con ella vamos a añadir de manera sencilla un juego de luces y sombras al logotipo que vamos a crear.

Espero que les resulte interesante y útil.

COMENZAMOS

1. CONTROL + N, para crear un documento nuevo en Modo RGB
  • El tamaño y resolución a vuestro gusto. 
2. Pulsar la letra D, para configurar como negro el color frontal y a continuación pulsáis ALT + Suprimir, para rellenar de negro la Capa Fondo. 

3. CONTROL + MAYÚSCULAS + N, para crear una nueva Capa. 
  • Seleccionar un color azul como color frontal -o el color que queráis-.
  • Activar la herramienta Marco Elíptico, pulsando la letra M al tiempo que mantenéis pulsada Mayúsculas y volvéis a pulsar M -ya os he dicho en otras ocasiones que para alternar herramientas que se encuentran en la misma opción de la Paleta de Herramientas, se ha de mantener pulsada la tecla mayúsculas al tiempo que pulsamos la correspondiente letra, en éste caso la M-. 
4. Trazar una selección ovalada y con la selección activa pulsar ALT +Suprimir, para rellenarla del color frontal, que será el color elegido en el paso anterior. 
  • Pulsar CONTROL + D, para deseleccionar. 
5. Clic en el icono (fx) Añadir Estilo de Capas -se encuentra en la parte inferior de la Paleta de Capas- y seleccionar TRAZO en el menú desplegable que se nos muestra. 
  • En el cuadro de dialogo Trazo ajustar el Tamaño a 8px y como color del Trazo configurar el que os guste -clic Configurar Color de Trazo y seleccionar uno-. 
  • Pulsar OK y veréis como se añada a la elipse un contorno, del color elegido. 
6. Nuevamente clic en el icono (fx) "Añadir Estilo de Capas" y del menú desplegable seleccionar SOMBRA INTERIOR
  • Pongan estos valores de Ajustes (son orientativos): 
  • 10 px de Distancia y 9 px en Tamaño
  • El resto de las opciones dejarla tal cual. 
  • Pulsar OK y notareis que al añadirle una sombra le hemos dado un poco de profundidad. 
7. Pulsar CONTROL + J, para duplicar la Capa de la elipse y después hagan doble clic en el efecto TRAZO de la parte inferior de la Capa de la elipse original. 
  • Se nos muestra el cuadro de dialogo Trazo, hagan clic con el puntero del ratón en Configurar Color de Trazo y escojan el color blanco.
  • Aumentar el Tamaño a 12px.
  • Pulsar OK
  • Con esto hemos creado un trazo blanco por fuera del trazo que teníamos. 
8. Hagan clic en la copia de la Capa de la elipse, de color, para convertirla en la Capa activa. 
  • Pulsar la letra T para activar la herramienta TEXTO.
  • Configurar un color que os guste e introducir el texto que queráis. 
9. Escrito el texto elegido para vuestro Logo, vamos a acoplar todas las capas -sin llegar a acoplar verdaderamente el documento- en una sola para aplicarle un efecto. 
  • Hagan esto: clic con el puntero del ratón en la primera de las Capa de la pila.
  • A continuación pulsar Control + Mayúsculas + N para crear una nueva Capa. 
  • Ocultar la Capa Fondo -ya sabéis haced clic en su icono de ojo ubicado a la izquierda, Paleta de Capas-.
  • Mantengan pulsada la tecla ALT y hagan clic en la flechita ubicada en la parte superior derecha de la Paleta Capas y acto seguido seleccionar Combinar Visibles, en el menú desplegable de la Paleta.

10. Ya tenemos la versión acoplada del Logo, en una Capa independiente. 
  • Hagan visible la Capa Fondo -haciendo clic en el recuadro donde estaba su icono de ojo-. 
  • Activar la herramienta Marco Elíptico pulsando la letra M.
  • Trazar una selección ovalada algo mayor que la del Logo sin que los bordes se extiendan más allá del área de la imagen.

11. Pulsar la combinación de teclas ALT + CONTROL + R para CALAR la selección (SELECCIÓN > CALAR o también SELECCIÓN > PERFECCIONAR BORDE: Calar, dependiendo de la versión que tengáis de Photoshop). 
  • Ajustar el calado a 30 px, pero si estáis trabajando con una imagen de alta resolución (300ppp) utilizar un ajuste de 65/70 px
  • Clic en OK
12. Una vez hemos suavizado los bordes de la selección ovalada, la rotaremos un poco. 
Ir al menú SELECCIÓN > TRANSFORMAR SELECCIÓN.
  • Aparece un marco delimitador. 
  • Situar el cursor en la parte inferior de la elipse, es decir debajo del marco delimitador, y arrastrar hacia la derecha para rotar la selección en el sentido contrario a las agujas del reloj. 
  • Pulsar INTRO.
  • De esta manera aplicamos la transformación. 
13. Pulsar la letra M para activar la herramienta Marco Elíptico -por si éste se ha desactivado- y situar la selección en la parte superior izquierda del Logo. 
  • Al tener activa ésta herramienta, situando el cursor dentro de la selección podréis recolocarla a vuestro antojo. Es fácil. 
14. Pulsar CONTROL + L (IMAGEN > AJUSTES > NIVELES) y arrastrar el deslizador situado en el extremo izquierdo de NIVELES DE SALIDA hacia la derecha. 
  • Conforme lo arrastran va apareciendo la zona de Luz. 
  • Pulsen OK, cuando estén satisfech@s con el ajuste, pero no deseleccionar todavía. 
15. Hagan clic, con el puntero del ratón,  en el interior de la selección -se supone que aún tenemos activada la herramienta Marco Elíptico- y arrastrarla a la parte inferior derecha del Logo. 
  • Pulsen de nuevo la combinación de teclas CONTROL + L (IMAGEN > AJUSTES > NIVELES) y en esta ocasión arrastrar el deslizador del extremo derecho de NIVELES DE SALIDA hacia la izquierda para oscurecer el área seleccionada y con ello crear una Sombra en el Logo. 
  • Cuanto tengáis el ajuste deseado pulsar OK y a continuación deseleccionar la selección pulsando CONTROL + D
16. Por último hagan clic, con el puntero del ratón, en la Capa acoplada - la del Paso 9- y arrastradla debajo de la Capa de Texto - en la Paleta de Capas-. 
  • Así conseguimos que el texto quede delante de las Luces y Sombras. 
Esto es todo ¡ya tenéis vuestro Logo. 

Pese a que parezca complicado...no lo es! sigan mis pasos y ya verán como logran realizar vuestro logotipo con luces y sombras (efecto vítreo).

...y a ahora practicar, practicar y practicar!

DISEÑO ES IMAGINACIÓN 

Saludos.

lunes, 7 de julio de 2014

IMAGEN EN PERSPECTIVA -Tutorial-































Hoy vamos a realizar una técnica muy original y fácil de realizar. Primeramente crearemos una TRAMA y posteriormente la usaremos para introducir en ella una imagen y así darle un efecto de “perspectiva” original y curioso. 

COMENZAMOS

1. CONTROL + N, para crear un archivo nuevo. 
Pongan los valores que os muestro en la captura de pantalla. 


2. CONTROL + A, para seleccionar todo el documento. 
  • Ahora haciendo uso de las teclas de dirección -del teclado- mover la selección 1px a la derecha y 1px hacia abajo (con hacer un clic en la tecla de la dirección hacia la derecha y otro clic en la flecha de hacia abajo es suficiente). 
3. Seguidamente pulsar ALT + Suprimir y con ello rellenamos de negro la selección. 
  • Pulsen CONTROL + A, para seleccionar nuevamente todo el archivo. 
4. EDICIÓN > DEFINIR MOTIVO
  • nombrar éste motivo como TRAMA y pulsar OK
  • Ya tenéis vuestra trama, ha pasado directamente a formar parte del cuadro MOTIVO
  • Cerrar este archivo, ya no lo necesitamos (pulsar CONTROL + W y decir no a los cambios). 
5. De nuevo repetimos el paso 1: 
  • CONTROL + N para crear un documento nuevo, si bien ahora pongan 400px de Anchura y Altura y la resolución aumentarla a 300 pixeles/pulgadas
  • El resto de opciones dejarla como el archivo anterior. 
6. Pulsar ALT + Suprimir, para rellenar la Capa de color negro. 

7. CONTROL + MAYÚSCULAS + N, para crear una nueva Capa. 
  • Bien ¡ahora vamos a aplicar el motivo Trama que hicimos en los pasos anteriores:
  • Mantengan pulsada la tecla Mayúsculas al mismo tiempo que pulsamos la tecla F5, con ello abrimos el cuadro de dialogo RELLENAR (Edición > Rellenar). 
  • Ahí tienen vuestra Trama. 
8. Pulsen el combinado de teclas CONTROL + T y con ello activamos el cuadro de TRANSFORMACIÓN LIBRE
  • A continuación manipular la Trama a vuestro gusto. 
  • Es fácil simplemente hagan clic en el vértice superior izquierdo y arrastra hacia el centro del documento y seguidamente hagan lo mismo con el vértice inferior derecho, al mismo tiempo que mantenéis pulsada la tecla CONTROL
  • Así distorsionamos la Trama. 
  • Pulsar la tecla INTRO para aplicar la transformación. 
  • Cambiar el modo de fusión, de esta Capa, a TRAMA y bajar la opacidad al 50%




9. CONTROL + O y escoger una fotografía. 
  • CONTROL + A, para seleccionarla completamente y CONTROL + C, para copiarla. 
  • Pulsen CONTROL + W, para cerrarla, ya no la necesitamos. 
10. Regresamos al documento principal y pulsamos CONTROL + V, con ello pegamos la fotografía, del paso anterior, en una Capa independiente. 

11. Activen TRANSFORMACIÓN LIBRE, pulsando CONTROL + T y reduzcan el tamaño de la fotografía, arrastrando los tiradores del cuadro Transformación Libre. 
  • Mantengan pulsada la tecla CONTROL al mismo tiempo que hacéis clic en los tiradores, con el puntero del ratón y acopláis la imagen a la Trama. 
  • Pulsen la tecla INTRO para aplicar la transformación. 
12. CONTROL + MAYÚSCULAS + E, para acoplar todas las Capas.
  • CONTROL + MAYÚSCULAS + S para guardar vuestro trabajo. 
Esto es todo!!.
Ahora a practicar, practicar y practicar. 
Personalicen la técnica, hagan cuantas variantes deseen y hagan uso de su creatividad. 

DISEÑO ES IMAGINACIÓN 

Saludos.