ANRAFERA

ANRAFERA

sábado, 28 de junio de 2014

CARTEL - Tutorial-




































Hoy les voy a enseñar como crear un cartel de una manera muy sencilla. 

El hecho de realizarlo es para que continuéis aprendiendo técnicas fáciles de realizar al tiempo de conocer y manejar las muchas herramientas de que dispone el programa Photoshop. 

Espero les sea útil y saquen provecho. 

COMENZAMOS

1. CONTROL + N, para crear una nueva imagen más o menos el tamaño de un cartel o póster pequeño: 
  • 14 por 20 pulgadas; 300 puntos por pulgada de Resolución; modo de color RGB y de fondo transparente. 
2. Hagan clic con el puntero del ratón en el icono del selector de color frontal y de la gama de colores que se nos muestran escojan el negro -este suele venir por defecto, si es así este paso sobra- y a continuación clic en el selector del color de fondo y elija un color rojo. 
  • Pulsar la letra G para activar la herramienta Degradado y aplicar un degradado Lineal “Color frontal/color de fondo”.
  • Hagan clic con el puntero del ratón en la parte superior del documento y arrástrenlo hacia  la parte inferior, manteniendo pulsada –al mismo tiempo- la tecla mayúsculas, para rellenar la imagen, es decir la capa del fondo transparente. 
3. Pulsar CONTROL + MAYÚSCULAS + N para crear una nueva capa. 
  • A esta Capa pónganle el nombre de Ondas
  • Seguidamente vamos a crear unas ondulaciones de una manera muy fácil. 
  • Pulsar la letra D para restablecer los colores frontal/fondo por defecto y a continuación pulsar la letra X para colocar el color blanco como color frontal. 
  • Activar la herramienta AERÓGRAFO pulsando la letra B (Pincel) y pulsando -clic con el puntero del ratón- en el icono aerógrafo de la barra de opciones. 
4. Dibujar varias líneas horizontales en el centro de la imagen, de distintos tamaños y longitud, una debajo de otras. 
  • A continuación escoger como color frontal un color rojo oscuro y pintar más líneas, intercalándolas entre las blancas..

5. Ahora aplicar este filtro: FILTRO > DISTORSIONAR > MOLINETE:
  • Pongan estos valores -orientativos-:
  • Ángulo 215.
  • Pulsar OK. 
6. Seguidamente achatamos las ondas de esta manera: 
  • CONTROL + T –o bien Edición > Transformar > Escalar- para activar la herramienta Transformación Libre: 
  • Ahora hagan clic, con el puntero del ratón,  en el Tirador central superior y, manteniendo la tecla mayúsculas pulsada, arrastrar hacia abajo para aplanar la onda –a vuestro gusto-. 
7. Pulsar la letra M, para activar la herramienta MARCO RECTANGULAR y a continuación volver a pulsar la letra M, si bien esta vez hacerlo con la tecla mayúsculas pulsada (mayúsculas+M); de esta manera cambiamos a marco elíptico. 
  • Ajustar la opción Calado a 5px.
  • Realizar una selección ovalada alrededor de las ondas –remolino-. 
  • Aplicar el filtro: FILTRO > DISTORSIONAR > ZIGZAG con estos valores:
  • En Cantidad pongan 40%; 5% de Crestas y en Estilo seleccionar “Alrededor del centro”
8. Pulsar CONTROL + F, para aplicar el mismo filtro una vez más. 

9. Para finalizar añadir el texto, activando la herramienta Texto, pulsando la letra T y escriban lo que les apetezca con una fuente y tamaño a vuestra selección. 

Así de fácil habéis creado un cartel o póster.,,Sencillo!!. 

Ahora sólo queda practicar, practicar y practicar. 

Dar rienda suelta a la imaginación y realizar carteles o anuncios creativos, añadiéndole distintos elementos como les muestro en mi segundo ejemplo.

 DISEÑO ES IMAGINACIÓN 

 Saludos.

martes, 17 de junio de 2014

BOTÓN WEB o BLOG METÁLICO -Tutorial-

Aprovechando que hoy dispongo de un poquito de tiempo libre para emplear en el mundo "virtual" os he preparado este interesante tutorial a través del cual os enseñaré a crear desde cero un botón para vuestra página web o bien blog. 

Veréis que es una sencilla técnica y muy buena para continuar conociendo los entresijos de este maravilloso programa. 

Como siempre os digo, lo que importa es aprender la técnica para posteriormente usarla en vuestros trabajos. 

COMENZAMOS

1. CONTROL + N, para crear un nuevo documento, en modo RGB y fondo negro. 
  • Las medidas las dejo a vuestra elección. 
2. CONTROL + MAYÚSCULAS + N, para crear una nueva Capa. 
  • Pónganle el nombre de Textura. 
3. Ahora pulsar la letra G para activar la herramienta Degradado
  • hacer clic en el triangulito del selector de degradado y escoger el de COBREes el segundo, por la derecha, de la fila segunda-. 
  • Seleccionar Degradado Lineal y aplicarlo, en ésta capa vacía, diagonalmente, es decir clic en el ángulo superior izquierdo y arrastrar hacia el ángulo inferior derecho –o al contrario, como gustéis-. 
4. CONTROL + U, para abrir el cuadro de dialogo TONO/SATURACIÓN y, sin activar la casilla colorear, pongan estos valores (todo es orientativo):
  • en TONO un valor de -170
  • en SATURACIÓN pongan -50
  • Con esto conseguimos un efecto plateado. 
5. Vamos a darle un poco de textura: 
  • FILTRO > RUIDO > AÑADIR RUIDO: 
  • ajustar la opción Cantidad al 5% 
  • Pulsen OK
  • Seguidamente le añadimos: FILTRO > DESENFOQUE > DESENFOQUE DE MOVIMIENTO
  • configurar el Ángulo0 y Distancia a 30
6. Crear una nueva capa pulsando CONTROL + MAYÚSCULAS + N y pónganle de nombre FORMA
  • Activen las herramientas de forma pulsando la letra U y de las herramientas que disponemos, en esta opción, escoger Herramienta Polígono
  • Pongan en la opción Lados 6 y activar el icono Rellenar Pixeles –de los tres iconos que se nos muestran en la barra de herramientas seleccionar el primero, tiene forma de un cuadrado-.
  • A continuación dibujáis un Hexágonohacer clic en el centro del documento y arrastrar hacia arriba al tiempo que mantenéis la tecla mayúsculas pulsada, para crearlo proporcionalmente-. 
7. Hagan CONTROL + Clic, sobre la capa del Hexágonopara activar la selección- y situaros en la capa TexturaOJO, lo repito colocaros en la capa de nombre Textura- y a continuación pulsar este combinado de teclas CONTROL + MAYÚSCULAS + J, de esta manera movemos la textura seleccionada a una capa independiente. 

8. Ahora hagan clic con el puntero del ratón en los iconos de los ojos, de la paleta capas, correspondiente a las Capas Forma y Textura para ocultarlas. 

9. Os recuerdo que nos encontramos en la capa creada en el paso 7 y que tendrá el nombre de Capa 1en ella se encuentra el Hexágono metalizado-. 
  • Con el puntero del ratón hagan clic en el icono (fx) Añadir un estilo de capa, situado en la parte inferior de la Paleta de Capas y aplicarle un Bisel y Relieve con esta configuración: 
  • en ESTILO: seleccionar Relieve Acolchado y de PROFUNDIDAD poner un valor alto -950%
  • Las restantes opciones dejarlas tal cual vienen por defecto. 
10. Hagan clic con el puntero del ratón en el icono del ojo, de la capa Textura, veréis el hexágono esculpido en la placa metálica –OJO, hacer clic en el ojo, no situaros en la capa-. 
  • Pulsar la letra T para activar la herramienta de TEXTO y escribir una palabra en el interior del Hexágono –en mi ejemplo he puesto Inicio-. 
11. A continuación pulsar CONTROL + Clic sobre la capa del texto, para cargarlo como una selección y clic en el icono del ojo, de esta capa, para ocultarla. 
  • Ahora tendremos la selección del texto. 
  • Colocaros en la capa del Hexágono de metal y pulsar la tecla Suprimir. 
  • Así de fácil habéis conseguido un bisel instantáneo para el texto, al borrar parte del Hexágono y el estilo de capa se ha aplicado de manera automática a los bordes. 
12. Pulsen la combinación de teclas CONTROL + M, para activar el cuadro de dialogo CURVAS y ajustarla de manera parecida a la captura de pantalla que os muestro. 
Con esto logramos realzar el efecto metal. 


13. Sin no os gusta el efecto, por la cascada de colores que se ha producido al aplicarle las dos Curvas, abrir la ventana de diálogo TONO/SATURACIÓN, pulsando CONTROL + U y pongan estos valores de configuración:
  • Clic en la casilla de verificación Colorear.
  • en TONO poner un valor de 205.
  • 18 en SATURACIÓN.
  •  Hemos conseguido recuperar el tono azul, del principio. 
14. Por último ocultamos la capa de la Textura, haciendo clic en el icono del ojo –no situaros en ella-, y le aplicamos –a la capa del Hexágono metálico- un RESPLANDOR EXTERIOR
  • Para ello hacer clic en el icono (fx) Añadir un estilo de capa, situado en la parte inferior de la Paleta de Capas y escoger RESPLANDOR EXTERIOR
  • Con el puntero del ratón hagan clic en el icono del color y del selector escoger un color verde.
  • En TAMAÑO pongan un valor de 20px y el resto de las opciones no tocarlas, dejarlas tal cual. 
  • Pulsar OK. 
...listo!! Ya tienen ustedes un botón metálico para la web. 

Ahora a practicar, practicar y practicar

Crearos vuestros propios botones.

DISEÑO ES IMAGINACIÓN 

Saludos.

miércoles, 4 de junio de 2014

ADJUNTAR UNA NOTA A UNA FOTOGRAFÍA -Tutorial-























Pese a que tengo escaso tiempo para estos menesteres -lo mas seguro es que tenga que dejar el blog por falta de tiempo - en esta ocasión les he preparado un interesante tutorial mediante el cual vamos a crear una nota y adjuntarla a una de nuestras fotografías o cualquier trabajo que realicemos.

Como los anteriores es una técnica elaborado pero de fáciles pasos, por lo que no tendrán problema en aplicarla.

Con este efecto conseguimos generar un verdadero interés visual por el texto y de esta forma atraer hacia él la atención de la persona que lo mire...y aprender el manejo de las distintas herramientas que usaremos!

COMENZAMOS:

1. Abrir la foto que vayáis a utilizar -CONTROL + O -

2. Pulsar CONTROL + A para seleccionar la imagen completa..

3. Seguidamente vamos a recortar la foto de la capa FONDO y pegarla en su propia CAPA.
  • Para ello simplemente hay que hacer lo siguiente: MAYÚSCULAS + CONTROL + J
4. A continuación hagan clic en el menú IMAGEN y seleccionar TAMAÑO DE LIENZO.
  • Se nos mostrará un cuadro de dialogo.
  • Teneis que marcar (habilitar) la casilla de verificación RELATIVO (se encuentra bajo los cuadros de anchura y altura) y seguidamente ajustar la ANCHURA y la ALTURA a 5 centímetros.
  • Pulsar OK.

5. Ahora hagan clic en el icono AÑADIR ESTILO DE CAPA (se encuentra en la parte inferior de la paleta CAPAS, es una "f").
  • Al hacer clic en éste icono, se despliega una serie de opciones.
  • Elegir TRAZO y realizar estos ajustes: 
  • TAMAÑO: 15 (si trabajáis una imagen de Alta Resolución -300ppp- pongan de valor 30); en POSICIÓN seleccionar DENTRO (elijo la posición DENTRO para que el trazo tenga las esquinas rectas y no redondeadas); como color elegir un GRIS CLARO.
  • Pulsar OK.
6. A continuación, en la lista de ESTILOS ( icono situado en la parte inferior de la paleta CAPAS, la "f") elegir SOMBRA PARALELA y ponga estos valores:
  • OPACIDAD: Reducir al 50 por ciento.
  • Deseleccionar la casilla de verificación USAR LUZ GLOBAL.
  • DISTANCIA: Aumentarla a 10 píxeles.
  • TAMAÑO: Aumentar, igualmente, a 10 píxeles.
  • Pulsar OK
  • Con ello conseguimos añadir un borde alrededor de la foto con una sombra paralela suave.
7. Ahora creamos una capa nueva pulsando la combinación de teclas CONTROL + Mayúsculas + N.

8. Pulsar M para activar la herramienta MARCO RECTANGULAR y acto seguido tracen una selección (ésta selección va a ser la nota adjunta, hacerla del tamaño que queráis).

9. Configurar el color frontal y escojan un color amarillo: Ejemplo: yo he puesto éste: R=255; G=255; B=161 o bien escriban este código -FFFFA1-).
  • A continuación rellenen la selección pulsando ALT + RETROCESO.
10. Deseleccionar (pulsar CONTROL + D).

11. Activar la herramienta FORMA PERSONALIZADA, pulsando MAYÚSCULAS + U
  • Ir pulsando hasta seleccionarla.
12. En la barra de OPCIONES seleccionar el tercer icono por la izquierda (RELLENAR PIXELES).
  • Pulsar INTRO para abrir el selector de forma personalizada.
  • Saldrá un menú desplegable, tenéis que seleccionar OBJETOS para cargar este conjunto de formas, y hacer clic en AÑADIR.
  • Localizar la forma Clip y seleccionarla.
13. CREAR UNA CAPA NUEVA pulsando la combinación de teclas CONTROL + Mayúsculas + N o bien haciendo clic con el puntero del ratón en el icono de la hoja plegada ubicado en la paleta CAPAS.
  • Configurar como GRIS el color frontal.
  • Pulsar la tecla Mayúsculas, al tiempo que dibujáis el clip con la herramienta personalizada.
Colocarlo en la parte superior de la NOTA AMARILLA.

14. Seguidamente cambien el color frontal a un azul oscuro y pulsar la tecla T
  • De esta manera activamos la herramienta Texto y añadimos el mensaje a la nota.
En la paleta CAPAS, enlazar la capa del clip, la nota y el texto (haciendo clic en el recuadro que se encuentra al lado del icono del ojo de cada capa)

15. Seguidamente pulsar la combinación de teclas CONTROL + T para activar  la herramienta de TRANSFORMACIÓN LIBRE.
  • Situar el cursor fuera del marco delimitador y arrastrar hacia arriba para rotar la nota.
  • Si fuera necesario hacer clic dentro del marco delimitador y arrastrar la nota para re-colocarla.
  • Una vez esteís satisfecho con la posición de la "nota" pulsar OK.
16. A continuación para ir terminando el tutorial, vamos a darle un aspecto metálico al clic.
  • Para ello necesitamos desenlazar las capas, que anteriormente habíamos enlazados (hacer clic en el icono de enlace de cada capa).
  • Situaros en la capa del CLIP y AÑADIR ESTILO DE CAPA.
Como anteriormente, clic en el icono con la f y seleccionar BISEL Y RELIEVE.
  • Realicen estos ajustes:
  • PROFUNDIDAD: 300 por ciento
  • TAMAÑO: Poner 2 px.
  • En la sección correspondiente a SOMBRA marcar la casilla de verificación SUAVIZADO.
  • Hagan clic en la flechita de la miniatura CONTORNO DE RESPLANDOR para abrir el selector de contorno y seleccionar ARO.
  • Ffinalmente reducir la OPACIDAD de MODO DE SOMBRA al 50 por ciento.
  • Pulsar OK.
17. YA TERMINAMOS!!
  • Pulsar la tecla E, para activar la herramienta BORRADOR.
  • Seleccionar un pincel - circular difuso pequeño- y BORRAR el interior del CLIP.
  • De este modo hacemos que parezca que está detrás de la nota y la fotografía.
Para completar el efecto hagan clic en la capa de la NOTA AMARILLA y añadirle un estilo de capa, concretamente SOMBRA PARALELA con los siguientes ajustes: 
  • TAMAÑO: 4 px. el resto dejarlo tal cual.
  • Pulsar OK.
...y esto es todo!! Espero que haya sido de vuestro interés y le saquéis rentabilidad.

DISEÑO ES IMAGINACIÓN.

Saludos