ANRAFERA

ANRAFERA

viernes, 29 de junio de 2012

CREAR UN PASPARTÚ -Tutorial Diseño Gráfico-


Como quiera que es tiempo de vacaciones -el que las tenga y pueda-, así como de poca actividad bloggera, -según veo- durante esta estación estival reduciré mis entradas y os expondré una técnica a mediados o fin de mes;  hasta septiembre que retomemos la actividad normal. 

Hoy os voy a enseñar cómo añadirle un PASPARTÚ a nuestras fotografías y con ello darle un toque especial y original -digitalmente- de manera sencilla y sin complicación alguna.

Espero les resulte útil.


COMENZAMOS:


1.      CONTROL + O,  y escoger la fotografía a la que le vais a añadir el paspartú.


2.      Seguidamente pulsar CONTROL + A, para seleccionar toda la fotografía.


3.      A continuación pulsar CONTROL + MAYÚSCULAS + J, para de esta manera recortar la fotografía de la Capa Fondo y pegarla en una capa independiente.


4.      Ahora dirigiros a IMAGEN y seleccionar TAMAÑO DE LIENZO (IMAGEN > TAMAÑO DE LIENZO). En el cuadro de dialogo, que se nos muestra, hacer clic en la casilla RELATIVO y en los apartados ANCHURA y ALTURA poned  5 cm. 
Hagan clic -parte inferior del cuadro de dialogo- en el icono de Color y escoger, en el Selector de Color,  el que queráis. Seguidamente pulsar OK.
Os pongo una captura de pantalla para que lo comprendáis mejor.
5. Como veis, el tamaño del Lienzo se ha ampliado y habéis creado el Paspartú, del color elegido. 
Clic en la capa de la foto y después clic en el icono AÑADIR ESTILO DE CAPA (fx) situado en la parte inferior de la Paleta y, del menú desplegable, escoger SOMBRA INTERIOR, reducir la Opacidad al  45%, y ajustar la Distancia a 2
Pulsen OK. 
Ya tenemos una sombra paralela suave en los bordes internos de la foto, dando la sensación de encontrarse debajo de un paspartú de verdad.


6.      Vamos a finalizar creando una textura para el paspartú y lo haremos de esta manera tan fácil: 
Nos situamos en la Capa Fondo -donde se encuentra el paspartú- y seguidamente FILTRO > TEXTURA > TEXTURIZAR: las opciones las dejo a vuestra elección. 


Son muchas las variantes de las que disponéis, hagan uso de vuestra imaginación y creatividad.


Ya veis de qué manera tan sencilla hemos creado un paspartú.
Ahora a practicar, practicar y practicar.


DISEÑO ES IMAGINACIÓN
Saludos

miércoles, 20 de junio de 2012

EFECTO PARED DE VIDEO -Tutorial Diseño Gráfico-










































La técnica que os voy a enseñar hoy es muy original y laboriosa, pero no por ello difícil de realizar. Tengan paciencia, pues una vez conseguida queda muy bien.
Espero que el mucho tiempo que he empleado en la realización de este extenso y laborioso tutorial les resulte útil.
NOTA DE INTERÉS: Hagan clic en las imágenes para visualizar a mayor tamaño y con ello comprobar mejor el efecto.

Asimismo aprovecho para deciros que me alegraría mucho que hicierais clic en el icono de BITÁCORAS -no es necesario estar registradopara votar la entrada y hagan que estos tutoriales lleguen a mas personas interesadas en este mundillo del Diseño y concretamente en el aprendizaje de Photoshop -no es para ganar ningún concurso-.
Gracias.

COMENZAMOS:

1. CONTROL + N¸ para crear un documento nuevo. Pongan las medidas del ejemplo -captura de pantalla-.












2. CONTROL + Mayúsculas + N, para crear una nueva capa. Pulsen la letra M para activar la herramienta Marco Rectangular y tracen una selección rectangular.
Pulsen la letra D para configurar como negro el color frontal y acto seguido pulsen ALT + Suprimir, con ello rellenamos de negro la selección.

3. Mayúsculas + M para pasar a la herramienta Marco Elíptico - esta combinación de teclas nos permite alternar entre las herramientas Marco Rectangular y Marco Elíptico-. Realicen una selección ovalada grande -os pongo una captura de pantalla-.















Hagan clic, con el puntero del ratón, en su interior y arrastrarla para situar su parte superior cerca de la parte superior del rectángulo negro.
Pulsen la tecla Suprimir para eliminar la parte inferior del rectángulo negro.
Deseleccionar pulsando CONTROL + D.

4. CONTROL + Mayúsculas + N, para crear una nueva Capa. Pulsen nuevamente Mayúsculas + M, para volver a la herramienta Marco Rectangular y tracen una selección algo más ancha y más alta que la forma negra -la que tenemos del paso anterior-.












5. Ahora manteniendo pulsada la tecla ALT, trazar una selección que comience en la esquina superior izquierda de la forma negra y se extienda hasta el borde derecho, formando un rectángulo más pequeño -os pongo una captura de pantalla, para que lo comprendáis mejor-.












 NOTA: El mantener pulsada la tecla Alt nos permite restar una selección de la selección activa con la ayuda de las herramientas de Marco. En el paso anterior lo que hemos hecho ha sido eliminar el área de la selección más pequeña, quedándonos un borde estrecho.

6. Escojan un color gris oscuro, como color frontal y pulsen ALT + Suprimir, para rellenar el borde seleccionado. A continuación, deseleccionar pulsando CONTROL + D.

7. Hagan clic en el icono Añadir Estilo de Capa, ubicado en la parte inferior de la paleta Capas y, en el menú desplegable, escoger Bisel y Relieve.
Se nos muestra un cuadro de dialogo, pues bien ¡aumentar la Profundidad al 400%, reducir el Tamaño a 1px y hagan clic en OK para aplicar un Bisel a la zona gris.

8. CONTROL + E, para combinar la capa del rectángulo y la de la forma negra, con ello conseguimos nuestro monitor de vídeo, pero es demasiado grande por lo que vamos a escalarlo y reducirlo utilizando el comando Transformación Libre.
Pulsen CONTROL + T para activar Transformación Libre. Mantengan pulsada la tecla Mayúsculas, tiren hacia dentro de uno de los vértices del marco delimitador y reduzcan el tamaño del monitor.
Una vez reducido, hagan clic dentro del marco delimitador y arrastren el monitor a la parte inferior del documento.
Pulsar la tecla INTRO para aplicar la transformación.












9. Pulsar la tecla V para activar la herramienta Mover. A continuación vamos a realizar una copia exacta del monitor de video, sin duplicar la capa.
Para ello hagan esto: mantengan pulsadaa la vez- las teclas ALT + Mayúsculas + hagan clic en el monitor, con el puntero del ratón, y arrástrelo en línea recta hacia arriba. Con ello arrastramos una copia.












10. Realizada una copia del monitor, vuelvan a repetir éste método de “arrastre”paso anterior-.
Es decir mantener pulsadas las teclas ALT + Mayúsculas + al tiempo que hacen clic en el monitor, con el puntero del ratón, y lo arrastran en línea recta hacia arriba. No es difícil, sólo es cuestión de coger el tranquillo. Hagan 5 monitores.


 

















11. Situaros en la Paleta de Capas y hagan clic en el cuadro que aparece junto al icono de ojo de cada una de las capas de los monitoresen la Capa Fondo no lo hagan- y de esta manera enlazamos todas las Capas que contienen los monitores.
Pulsen CONTROL + T, para activar Transformación Libre y, manteniendo pulsada la tecla Mayúsculas, tiren de uno de los vértices, parte superior, del marco delimitador hacia abajo para escalar los cinco monitores simultáneamentecomo si fuera uno sólo-.
Cuando estén satisfechos con el resultado –tamaño monitores- pulsen INTRO para aplicar la Transformación.

12. Ahora, desenlacen todas las capas haciendo clic, nuevamente, en el icono de al lado del ojo de cada una de ellas. - Crear dos monitores más mediante el método “arrastrar copia” del paso 9-.
Ya saben mantener pulsadas las teclas ALT + Mayúsculas al tiempo que hacen clic en el monitor, con el puntero del ratón, y lo arrastran en línea recta hacia arriba.

13. Seguidamente enlazamos, nuevamente, todas las Capas – los 7 monitores – de la misma manera que lo realizasteis en el Paso núm. 11.
Pulsen la letra V para activar la herramienta MOVER, hagan clic con el puntero del ratón en los monitores y colóquenlos de manera que sobresalgan por la parte superior e inferior del documento. Si es necesario vuelvan a usar Transformación Libre, de la misma manera que lo hicisteis en el paso 11, si bien en esta ocasión tiren de uno de los vértices superior hacia arriba, al tiempo que mantenemos pulsada la tecla Mayúsculas, para hacerlo de manera proporcional.

14. En este paso vamos a unir todos los monitores en un sola Capa, de la siguiente manera: en la paleta de Capas hagan clic, con el puntero del ratón, en la primera Capa y acto seguido, manteniendo pulsada la tecla Mayúsculas, hagan clic en la Capa del último monitores decir la anterior a la Capa Fondo-, con ello tendremos las siete Capas seleccionadas, pues bien ahora pulsen el combinado de teclas CONTROL + E y así las combinamos las 7 Capas en una sola.

















15. CONTROL + J, para duplicar la capa combinada que acabamos de crear con los 7 monitores. Activar la herramienta Mover, pulsando la tecla V y, mientras mantienen pulsada la tecla Mayúsculas, arrastrar la copia de la capa combinada a la derecha para crear una segunda pila de monitores.
Esta quedará pegada en el lado derecho de la primera.

16. CONTROL + T para activar Transformación Libre.

TRUCO: Si no veis los extremos superior e inferior del marco delimitador, pulsar CONTROL + 0 –cero- para redimensionar la ventana. Ahora veréis al completo el marco delimitador. A continuación, manteniendo pulsada las teclas Mayúsculas +ALT, arrastren con el puntero del ratón el vértice superior derecho del marco delimitador hacia arriba para lograr cierta perspectiva en la segunda pila de monitores.

17. Normalmente al añadir este efecto de perspectiva, los monitores se ensanchan, si es así, como aún se encuentra activo el marco delimitador de Transformación Libre, suelten las teclas que mantenían pulsadas –Alt y Mayúsculas- y arrastre hacia dentro (hacia la izquierda) el punto de anclaje central de la derecha hasta que los monitores recuperen su forma original, es decir no estén ensanchados.
Pulsar INTRO para aplicar la Transformación.

18. Ahora vuelvan a pulsar Mayúsculas + ALT y, manteniendo pulsadas estas teclas, hagan clic en la segunda pila de monitores y arrástrelos hacia la derecha para crear una tercera pila.
Como quiera que las líneas que separan los monitores de ambas pilas no coinciden, hay que alinearlas. Pulsar CONTROL + T para activar Transformación Libre y, después, CONTROL + 0 –cero- para visualizar todos los puntos de anclaje del marco delimitador.
Seguidamente arrastrar hacia abajo el punto central inferior hasta que coincidan las líneas de los monitores inferiores.
A continuación arrastren hacia arriba el punto central superior hasta que las líneas de los monitores superiores coincidan también.

OJO! No pulsar aún Intro ya que vamos a aplicar el efecto de perspectiva a estos monitores y si no visualizan los puntos de anclaje volver a pulsar Control + 0 –cero-.

Manteniendo pulsadas las teclas Mayúsculas + Alt, arrastren hacia arriba el punto de anclaje superior central un poco más que en la pila anterior para darle una perspectiva algo más pronunciada.
Soltar las teclas –Mayúsculas y Alt- y arrastrar hacia dentro el punto central derecho para que los monitores no den la sensación de estar ensanchados.
Pulsar INTRO para aplicar la transformación.

19. Ahora vamos a repetir el proceso, anterior, para crear una pila más, es decir arrastrar una copia de la capa, utilizar Transformación Libre para alinear los monitores y generar el efecto perspectiva - arrastrando hacia arriba un poco más que la pila anterior -, después suelte las teclas, Alt y Mayúsculas, y arrastre hacia dentro el punto de anclaje central derecho.

20. Sitúense en la Capa superior de monitores –Paleta de Capas- haciendo clic en ella y pulsen tres veces el combinado de teclas CONTROL + E, para combinar todas las capas de monitores en una sola. Con esto completamos el lado derecho del efecto Pared de videos.

21. CONTROL + J, para duplicar ésta Capa –la resultante de las combinaciones anteriores-.
A continuación pulsen CONTROL + T para activar Transformación Libre y hagan clic con el botón derecho del ratón en el interior del marco delimitador y, en el menú contextual, escojan Voltear Horizontal, con ello volteamos la copia de la Capa y creará un reflejo exacto de la imagen, creándose así el lado izquierdo de la Pared video.

22. Una vez volteada la Capa, hagan clic dentro del Marco Delimitador y, mientras mantenéis pulsada la tecla Mayúsculas, arrastrar la Capa hacia la izquierda hasta que la pila central de monitores del lado izquierdo quede situada justo encima de la del lado derecho, así de esta manera tendremos una pila central con tres pilas a la derecha y tres a la izquierda.
Pulsar INTRO para aplicar la Transformación.

23. CONTROL + E, para combinar estas dos capas –la que contiene el lado derecho de la pared de monitores y la del lado izquierdo-.
Ahora tendremos en una sola Capa “nuestra” pared de monitores.
Pulsar CONTROL + T, para activar, una vez más, Transformación Libre y pulsen Control + 0 –cero- para ver los puntos de anclaje del marco delimitador que se encuentran fuera del área de imagen. Mantener pulsada las teclas Mayúsculas + ALT y arrastrar, con el puntero del ratón, el vértice superior derecho hacia dentro de manera que parezca que los monitores estén ligeramente inclinados hacia atrás, de esta manera le damos cierta perspectiva a la pared de videos.
Pulsar INTRO, para aplicar la transformación.
























24. Pulsar la letra C, para activar la herramienta Recortar, y trazar un marco de recorte alrededor del área que quieran conservar, de tal manera que parezca que la “pared de videos” se salga del documento por los cuatro lados.
De esta manera recortamos un poco la imagen y ya tenemos lista nuestra “pared de videos”.

CONSEJO: Guarden el documento, tal como está, para así tener este como una Plantilla y usarlo cuantas veces deseéis en vuestros trabajos. Pulsar Control + Mayúsculas + S y guardarlo en formato PSD. Guárdenlo en una Carpeta independiente y nombrarla como Plantillas –por ejemplo-. De esta manera siempre es más fácil localizarlo.

25. Ahora vamos a darle uso a nuestra Pared de videos. Pulsen CONTROL + O y escojan una fotografía, que usaremos como fondo. Seguidamente pulsar CONTROL + A, para seleccionarla y a continuación CONTROL + C, para copiarla.
Ya pueden cerrar la fotografía y con ello regresamos al documento de la Pared de videos.

26. Pulsen el combinado de teclas CONTROL + V y con ello pegamos en una Capa independiente la imagen.
En la Paleta de Capas, hagan clic con el puntero del ratón en la Capa de la imagen y arrástrenla debajo de la Pared de videos, para situarla detrás de éste.

27. CONTROL + Mayúsculas + N, para crear una nueva Capa en blanco. Esta Capa la utilizaremos para darle sombra a la Pared de videos y así conseguir darle un efecto de redondeado.
Activar la herramienta Pincel, pulsando la letra B, después hagan clic con el botón derecho del ratón en la imagen para abrir el Selector de Pinceles Preestablecidos y escojan un Pincel circular difuso grande -300px aproximadamente-

 28. Bajen la Opacidad de la herramienta Pincel al 40% -en la barra de Opciones-. Pulsen la tecla X para configurar como blanco el color frontal y dar pinceladas de abajo arriba, aunque da igual que empiecen por arriba o por abajo, en el centro de la fotografía, de tal manera que atraviese la imagen verticalmente por el centro.

29. Ahora pulsen la letra D para ajustar como negro el color frontal –pulsando la letra D restablecemos los colores Frontal/Fondo-. Pinten de arriba hacia abajo en el lado izquierdo de la fotografía y seguidamente en el lado derecho. Con estas pinceladas en los laterales de la imagen conseguimos dar mayor dimensión a la pilas de monitores.

30. A continuación, en la Paleta Capas, cambie el modo de fusión –de ésta Capa, que les recuerdo es la que creamos nueva en blanco y hemos pintado sobre ella- de Normal a Sobreexponer Color. Así conseguimos que la capa de las pinceladas se integre correctamente en la imagen.

31. Seguidamente, para que las luces y sombras sólo aparezcan en los monitores –y no en toda la imagen-, pulsen el combinado de teclas CONTROL + G, con ello se crea una Máscara de Recorte, fundiendo las luces y las sombras con los marcos de los monitores.

32. Ahora veréis que las luces aparecen en el centro de la Pared de Videos. Si las consideráis muy intensas, reducir la Opacidad de la Capa de pinceladas en la Paleta de Capas.

 …y esto es todo!!

Tutorial largo pero muy interesante y a su vez hemos aprendido a manejar varias herramientas y manipular el marco delimitador de Transformación Libre. También hemos creado y guardado la plantilla Pared de Videos, la cual nos vendrá muy bien para usarla en nuestros trabajos, darle un toque original y de profundidad a nuestras imágenes.

Practicar, practicar y practicar!

DISEÑO ES IMAGINACIÓN.
Saludos.

domingo, 10 de junio de 2012

CREAR PATRÓN -Tutorial Diseño Gráfico-























Hoy os voy a enseñar a crear un patrón para que posteriormente lo utilicéis en vuestras composiciones o bien como simple fondo o parte de nuevas texturas.
Consiste en reproducir muchas veces un diseño de pequeño tamaño. Es muy sencillo crearlo, sigan mis pasos y espero les resulte útil.

COMENZAMOS:

 1. ARCHIVO > NUEVO o bien la combinación de teclas CONTROL + N: Estos valores que les pongo son orientativos, ustedes pueden variarlos.
- 18 cm de Anchura, Altura 13 cm y 300 píxeles/cm de Resolución. Fondo de color Blanco y 8bits RGB en Modo de Color.

 2. Pulsar la letra T para activar la herramienta Texto y escribir algunas letras -las que queráis- en mi ejemplo he puesto mis iniciales ARFR

3. Situaros en la Paleta de Capas y concretamente en ésta Capa -texto-. Hagan clic con botón derecho y seleccionar RASTERIZAR CAPA. Este paso es obligatorio para poder aplicarle el siguiente filtro.

 4. FILTRO > CREADOR DE MOTIVOS. Se nos muestra la ventana del Creador de Motivos: Seleccionar el texto, que habéis creado anteriormente, y pulsar el botón GENERAR.
Ya tenéis el patrón. Pulsar OK y regresen al documento inicial con nuestro patrón en la imagen.













 - Guardarlo (CONTROL + Mayúsculas + S)  y ponedle un nombre descriptivo para mantener el trabajo realizado y usarlo con posterioridad en vuestras creaciones.

Así de fácil obtenemos un original patrón.

CONSEJO: Realizado el paso 4, no pulsar el botón OK, seguid en la ventana Creador de Motivos, modificar los valores de Altura, Anchura, desplazamiento… y pulsar en el botón Volver a Generar.
De esta manera modificamos el patrón inicial.
- Repetir éste paso hasta conseguir el efecto deseado, veréis que patrones más originales y creativos conseguís.
-  Para darle color a vuestro patrón dirigiros a SELECCIÓN > GAMA DE COLORES y una vez en el cuadro de dialogo con la herramienta cuentagotas haced clic en la parte blanca de la imagen, para seleccionar todo lo blanco de la imagen. Pulsar OK.
-  Hagan clic en el cuadro color frontal, de la Paleta de Herramientas, escoger un color y rellenáis la selección pulsando ALT + Suprimir.
- A continuación invertir la selección pulsando CONTROL + MAYÚSCULAS + I, escoger de color frontal un color distinto y pulsáis nuevamente ALT + Suprimir para rellenar la selección -que ésta es la que corresponde a la parte de color negro de la imagen original-.























Practicar, practicar y practicar. Modificar una y otra vez los valores, realizar experimentos hasta conseguir resultados satisfactorios.

DISEÑO ES IMAGINACIÓN.

Saludos