ANRAFERA

ANRAFERA

miércoles, 30 de mayo de 2012

Limpiar fotografía -Tutorial retoque fotográfico-























Hoy quiero enseñaros una sencilla manera de quitar elementos de una fotografía que distraen visualmente la misma y con ello ganar en visualidad.
En el ejemplo que os expongo he eliminado los cables que cruzan la bandera y palos de las macetas, para que sea una imagen más limpia, posteriormente con varias copias y distintos modos de fusión le he dado otro aire.
CONSEJO: Esta técnica es muy sencilla, si bien laboriosa de realizar. Clonar estos elementos a eliminar muy despacio, ampliando mucho la imagen -para favorecer la clonación- y hacerlo clic a clic, nunca arrastrando el puntero del ratón por la zona a clonar.
 Tengan paciencia y háganlo muy despacio -insisto-, nunca tengan prisa por acabarlo.
 Espero les resulte útil y os venga bien, pues -creo- que a veces es necesario eliminar algún elemento de nuestras fotografías para darle mas vistosidad, así mismo sirve -igualmente- para restaurar fotografías como es el caso de este trabajo que realicé.

COMENZAMOS:
1. Pulsen Control + O y escojan una fotografía que contenga algún elemento que os moleste y queráis eliminar de la misma.

2. Control + J, para duplicar la imagen. Sitúense en la Capa Fondo y pulsen la tecla Suprimir, para eliminar la fotografía original, pues trabajaremos sobre una Copia.

3. Control + Mayúsculas + N, para crear una nueva Capa.
Aquí en esta Capa es donde vamos a realizar la Clonación -nunca clono en la propia imagen-.

4. Activar la herramienta Clonar pulsando la letra S y amplíen la imagen pulsando esta combinación: - Control + tecla (+). Cada vez que pulsemos, la imagen aumenta.

 - Control + tecla (-). Para disminuir la imagen.

- Si pulsan la barra del espacio el puntero se convierte en una mano y con ello conseguimos desplazarnos por la imagen de manera más cómoda.

 - Sitúense en una zona muy cercana al elemento a eliminar , pulsen la letra ALT y al mismo tiempo vayan haciendo clic, con el puntero del ratón, en la zona a eliminar, en mi caso los cables.
De esta manera vamos clonando la parte buena de la imagen -donde hemos hecho clic con el puntero del ratón al tiempo que pulsamos la tecla ALT- en la zona que queremos eliminar.

- Hagan este paso una y otra vez, hasta completar la clonación. Cambien el tamaño del pincel haciendo uso de los atajos de teclados

-Control +? (aumentarlo), Control + ¿ (disminuir)-.

5. Una vez hemos eliminado los elementos molestos de la fotografía, unimos las dos capas -la vacía que creamos para la clonación, que es donde se encuentra lo que no queremos de la imagen y la Capa de la foto-; pulsando Control + E.

6.- Ahora tenemos una sola Capa, la de la fotografía sin los molestos elementos que nos molestaban.

- Pulsen Control + J, para duplicarla y cambien el Modo de Fusión de esta Capa -la copia- a Superponer. Bajen la opacidad a un 50% aproximadamente.

7. Con esto ya tenemos la fotografía limpia y con los tonos más acentuados. Podemos dejarla tal cual o bien duplicar esta última capa, cambiar su modo de fusión -por ejemplo a Multiplicar-, bajar un poco más su opacidad…y si quieren vuelvan a duplicar esta última capa, cambien su modo de fusión a Subexponer Color, bajen su opacidad…y vean cómo cambia la imagen” .

 8. Esto es todo! Guarden el trabajo en formato PSD,
para mantener todas las capas, por si posteriormente quieren realizar alguna modificación y guarden otra copia en formato JPG -ocupa menos espacio- en vuestra carpeta de trabajos.

- Control + Mayúsculas + S y cuando os salgan el cuadro de dialogo Guardar Como escojan la opción PSD.

- Control + Mayúsculas + E, para unir todas las capas del archivo y seguidamente Control + Mayúsculas + S y esta vez escojan la opción de modo JPG.

Y como siempre os digo…practicar, practicar y practicar.

 DISEÑO ES IMAGINACIÓN
Saludos.

domingo, 20 de mayo de 2012

ANUNCIO PUBLICITARIO-Tutorial Diseño Gráfico-























Hoy vamos a adentrarnos en el mundo de la publicidad a través de este sencillo Tutorial e intentaré enseñaros cómo construir un anuncio; valga mi ejemplo como simple muestra orientativa, pues como siempre os digo lo que importa es aprender la técnica para posteriormente aplicarla en base a la imaginación y creatividad de cada un@.
Al mismo tiempo realizando mis tutoriales aprenderéis el manejo de las distintas herramientas que nos ofrece este excelente programa: usar los modos de fusión, aplicar transformaciones, etc.
Espero les resulte útil.

COMENZAMOS:
1. CONTROL + O, para escoger la imagen que queráis usar para este trabajo. En mi caso he escogido la fotografía de una de mis hijas. CONTROL + J, para duplicarla y colóquense en la Capa Fondo -imagen original- pulsen suprimir para eliminarla, pues trabajaremos sobre esta copia. Pónganle el nombre de “Imagen” para tenerla identificada y de esta manera trabajara mejor -clic en el interior de la Capa, ubicada en la Paleta de Capas, con el botón derecho > Propiedades de Capa > y a continuación en el cuadro de dialogo que se nos muestra escribir Imagen.

2. CONTROL + Mayúsculas + N, para crear una Nueva Capa -nombrarla como Color negro - rellanarla del color frontal -Negro- pulsando ALT + Suprimir y colocarla encima de la Capa Imagen.

 3. Colocaros en la Capa del Fondo, es decir la capa que contiene la imagen -Capa Imagen- y duplicarla pulsando CONTROL + J. Nombrarla como “Imagen2” y sitúenla encima de la Capa “color negro”, es decir encima de las restantes Capas -Imagen y color negro-.
Pulsar la tecla V para activar la herramienta MOVER, con el puntero del ratón hagan clic en el centro de la imagen y moverla hacia la izquierda -mantener pulsada la tecla mayúsculas al mismo tiempo que la desplazáis, para mantener la posición de la imagen- un tercio del ancho de la imagen.
Con esto conseguimos dejar un espacio a la derecha para colocar el texto de nuestro anuncio, una vez completemos nuestra imagen principal.

4. Activar la herramienta TEXTO pulsando la letra T. En la barra de opciones -ubicada en la parte superior- seleccionar la fuente Arial Black, Regular, 12 puntos, y color negro. Configurada la fuente creen cuatro columna de unos y ceros escritos aleatoriamente y comenzando por la esquina superior izquierda, de la imagen, hasta su parte inferior -base de la imagen-.

5. A continuación, una vez realizada las cuatro columnas de números, nos situamos en su Capa - se encuentra en la Paleta de Capas- y hacemos clic, en su interior, con el botón derecho del ratón y de las opciones que se nos muestran escogemos “Rasterizar Texto”.
Aconsejo nombrar esta Capa, para tenerla identificada. Yo le puse el nombre de Números.
 - Seguidamente vamos a duplicar estas columnas para rellenar toda la imagen de ellas y lo haremos de esta sencilla manera: activen la herramienta MOVER pulsando la tecla V, hagan clic con el puntero del ratón en la columna de números que se encuentra en nuestra área de trabajo -en la imagen- y al tiempo que mantenemos pulsadas las teclas ALT y Mayúsculas muevan la columna de números hacia la derecha. Con esto conseguimos duplicar la columna de números y quedar perfectamente ordenada.
-Repitan este último paso varias veces, hasta rellenar la imagen de columnas.
Os pongo una captura de pantalla para que os fijéis en cómo ha de quedar.





















6. A continuación vamos a unir todas éstas capas -las que contienen las columnas de números- en una sola y para ello haremos esto:
- En la Paleta de Capas hagan clic en la primera Capa de números y mantengan pulsada la tecla mayúsculas al tiempo que hacen clic en la última Capa de los números, así seleccionamos todas estas capas.
-  A continuación pulsen CONTROL + E y con ello acoplamos todas las capas en una sola -Números-.

7. Nos encontramos en esta Capa -Números-. Hagan clic con el puntero del ratón en el interior de ella -Paleta Capas- al mismo tiempo que mantenemos pulsada la tecla Control, así seleccionamos todo el texto -números-.
A continuación invertimos esta selección pulsando CONTROL + Mayúsculas + I y activamos la capa Imagen2, haciendo clic en ella -Paleta de Capas-.
Pulsar CONTROL + C, para copiar esta selección y a continuación CONTROL + V para pegarla en una Nueva Capa, como podrán comprobar. Nombren esta Capa como “caranumeros”.

8. Pulsen CONTROL + J, para duplicar esta Capa -caranumeros- y cambien su modo de fusión de Normal a Superponer.

9. Ahora vamos a borrar los números que se encuentran fuera de la zona principal del trabajo, en mi caso los que se encuentran fuera de la cara.
 - Sitúense en la Capa Imagen2 y creen una Máscara de Capa haciendo clic en el icono que se encuentra en la parte inferior de la Paleta de Capas cuya forma es cuadrada con un circulito blanco en su interior. Rellenarla de color blanco -ALT + X-.
 - Pulsen la letra B para escoger un Pincel, color negro, y pinten sobre los números que quieran ocultar.
En mi ejemplo he ocultado los números que bordean la cara y los que se encuentran fuera de ella.

10. Repitan este paso -9- para la Capa que contiene la imagen original -Imagen- e igualmente eliminen los números creando una Máscara y pintando sobre ella.

11. Con estos pasos hemos creado la base principal del anuncio. Ahora ustedes hagan uso de su creatividad y escriban el texto que deseen e incorporen logotipos -lógicamente al tratarse de un anuncio publicitario aquí pondríamos el Logotipo de la empresa, para asociarlo a la misma-.
 En mi ejemplo he realizado un botón de encendido con el propio Photoshop y posteriormente le he aplicado una sombra paralela de color amarillo para dar la sensación de que el botón está encendido.

-CONSEJO: Para incorporar Logotipos o imagen simplemente tienen que hacer esto: Control + O y escoger el logotipo o imagen a incorporar. Control + A, para seleccionarlo/a completo/a y pulsar Control + C, para copiarlo/a; regresar al Área de Trabajo -Anuncio Publicitario- y Control + V para pegarlo/a en una Capa independiente.
- Si lo creen necesario hagan uso de Transformación Libre -Control + T- para ampliar o reducir.
- Cambien el Modo de Fusión -prueben con Trama, Multiplicar, Superponer o Subexponer Color- para fusionarlo con la imagen.
- Todos los elementos y textos que incorporen al trabajo háganlo en la parte oscura de la imagen -lo hicimos en el paso 3-.

12. Guardar el trabajo en PSD -con capas- pulsando CONTROL + Mayúsculas + S y otra versión en JPG, tras acoplar todas las capas pulsando CONTROL + Mayúsculas + E y a continuación CONTROL + Mayúsculas + S.

Repito una vez más, lo que interesa es aprender las técnicas para posteriormente modificarlas, personalizarlas y…combinarlas, con ello conseguirán excelentes trabajos.
Practicar, practicar y…más de lo mismo!
DISEÑO ES IMAGINACIÓN.
Saludos.

jueves, 10 de mayo de 2012

COLLAGE - Tutorial de Diseño Gráfico-


 Tiempo atrás os enseñé a realizar un Collage con marcos; hoy quiero enseñaros una nueva técnica para crear un Collage, haciendo uso de “Mascara de Recorte”.
Quiero resaltar que los trabajos que os expongo, con mis tutoriales, son simples ejemplos orientativos; ustedes aprendan el manejo de la técnica para posteriormente personalizarlas y hacerlas vuestras. Apliquen más de una técnica, combinen, haciendo uso de cada una de ellas lo que necesiten en base al trabajo a desarrollar y denle rienda suelta a vuestra Creatividad, pues es ésta la que pone la meta.








COMENZAMOS:

1. CONTROL + O; escojan la fotografía que quieran y seguidamente hagan un duplicado de ésta pulsando la combinación CONTROL + J.

2. Activen la herramienta Rectángulo pulsando la letra U, del teclado, y pongan la configuración que les muestro en la captura de pantalla (de color frontal pongan el blanco). - Hagan clic, con el puntero del ratón, en la imagen y arrastrándolo realicen una selección rectangular a gusto de cada un@.







3. Coloquen la Capa duplicada, de la imagen, en primera posición; para ello hagan clic en dicha capa -Paleta de Capas- y manteniendo pulsado el puntero del ratón arrástrenla por encima de la capa del rectángulo, que hemos realizado en el paso anterior.

4. Pulsen este combinado de teclas: CONTROL + ALT + G, para crear una Máscara de Recorte -conseguimos recortar la parte de la foto que no se encuentra enmascarada-.

5. CONTROL + Mayúsculas + N, para crear una Nueva Capa. Nombrarla como MARCO, pues en ella crearemos un marco realizando estos sencillos pasos:

- Mantengan pulsada la tecla CONTROL al tiempo que hacen Clic en el recuadro de la Máscara de --Recorte. Con ello activamos el contorno del rectángulo que hicimos en el paso 2.
-Vayan a SELECCIÓN > MODIFICAR > EXPANDIR: escriban un valor entre 8 y 12 px.
- ALT + Suprimir, para rellenar la selección con el color blanco y con ello conseguimos crear nuestro marco.
 - Ahora aplíquenle una Sombra Paralela haciendo uso de los Estilos de Capas. Pulsen en el icono fx -Añadir un Estilo de Capas- situado en la parte inferior de la Paleta de Capas.
Os saldrá el cuadro de dialogo Sombra Paralela y en el pongan 10 px en el apartado Tamaño y 15px en el apartado Distancia. De Ángulo ponga 120º; el resto de las opciones déjenla tal como está y pulsen OK.

CONSEJO: Si quieren ustedes darle un toque más original y vistoso al marco, aplíquenle un Bisel y Relieve; Superposición de Degradado y algún Filtro -como el de rizo-. A vuestro gusto.

6. A continuación hagan clic, con el puntero del ratón, en la Capa de la Máscara de Recorte; mantengan pulsada la tecla CONTROL y clic, nuevamente, en la Capa del Marco; para seleccionar ambas. Seguidamente, con ambas capas seleccionadas, pulsar en el icono Enlazar Capas -es un eslabón de cadena- situado en la parte inferior de la Paleta de Capas, para mantenerlas unidas.

7. Pulsen CONTROL + T -Transformación Libre- y desplacen el marco, rótenlo a vuestro gusto o déjenlo tal cual.
Pulsar la tecla Intro -Retorno- para aplicar la transformación.

8. Seleccionen todas las Capas, a excepción de la Capa Fondo, haciendo clic en una de ellas y manteniendo pulsada la tecla Control, vuelvan a hacer clic, con el puntero del ratón, en las otras dos Capas -en total son tres Capas las que seleccionamos-.
 Una vez seleccionadas pulsen el combinado de teclas CONTROL + G y con ello conseguimos nuestro primer Grupo de Capas.

9. A continuación vamos a crear un segundo Grupo de Capas, para ello hagan clic con el botón derecho, del ratón, en el Grupo de Capas -el único que tenemos en la Paleta de Capas- y de las opciones que se nos muestran escojan Duplicar Grupo.

10.- Nos situamos en el Grupo 1 copia y hacemos clic en la flechita que se encuentra a la izquierda del icono del Grupo, para desplegarlo y visualizar el contenido del mismo -que serán tres Capas-. -
Activamos la Capa Marco, haciendo clic con el puntero del ratón en ella, y a continuación la movemos a nuestro gusto - clic con el puntero del ratón en el marco de la imagen y arrastrarla-.
 También pueden rotarla -si lo desean- activando el cuadro de Transformación Libre -CONTROL + T- (Paso 7).

11. Ahora deben de repetir éste último Paso -el 10- tantas veces como marcos quieran incorporar a vuestra imagen.
Creo que con 4 o 5 marcos es más que suficiente, para no recargarla, si bien esto lo dejo a gusto de cada uno@.

Os pongo esta captua de pantalla para que vean como han de estar los Grupos de Capas y su contenido.










12. Una vez haya creado los distintos marcos, movidos, girados, rotados…etc. Nos colocamos en la Capa de FONDO -clic con el puntero del ratón para activarla- y le cambiamos de color o bien la rellenamos de un color como he hecho en uno de mis ejemplos que la he rellenado de color negro.
- Pulsar CONTROL + U, para abrir el cuadro de dialogo Tono/Saturación, clic en la casilla COLOREAR para activarla y miren como cambia el color de la imagen de fondo.
Jueguen con los valores de Tono, Saturación y Luminosidad -desplazando los triangulitos reguladores- y cuando estén satisfech@ del color pulsen OK.
…y esto es todo, ahí tienen ustedes un Collage muy fácil de realizar y creo que queda muy visual.

CONSEJO: Guarden siempre una Copia de vuestro trabajo con todas las capas: Control + Mayúsculas + S, formado PSD y así siempre podrán realizar todas las modificaciones que os apetezca sobre el Archivo. Guarden otra copia, del mismo trabajo, en JPG -ocupa poco espacio-. Control + Mayúsculas + E, para unir todas las Capas del Archivo >  CONTROL + Mayúsculas + S: formato JPG.

 Espero les resulte útil y no teman si son muchos pasos, todos son fáciles de realizar...se los aseguro!
…y no se les olviden, practicar, practicar y practicar.


 DISEÑO ES IMAGINACIÓN.

Saludos.

martes, 1 de mayo de 2012

Convertir en Dibujo Vectorial-Tutorial Manipulación Digital-


Mediante ésta técnica vamos a convertir una fotografía en un dibujo vectorial. Para la creación de estos tipos de dibujos es importantísimo, y clave, la opción Sólo borde del filtro Desenfoque Suave. Os expongo varios ejemplos, de manera orientativa, para que vean ustedes los muchos y buenos efectos que podemos conseguir en base a nuestra creatividad. COMENZAMOS:
 1. CONTROL + O; escojan una fotografía.-

 2. Control + J, para realizar un duplicado de la imagen elegida.-

 3. Seleccionar la opción IMAGEN > AJUSTES > DESATURAR (Control + Mayúsculas + U); seguidamente pulsen Control + I, para invertir los colores de la capa gris.-

 4. FILTRO > DESENFOCAR > DESENFOQUE SUAVE: Elegir Sólo borde en la lista desplegable MODO (aparece en la parte inferior del cuadro de dialogo) y pulsar OK. – jugar con el Radio y Umbral, estas opciones son las que controlan la intensidad del dibujo. En mi ejemplo he puesto estos valores: Radio: 60; Umbral: 50; en Calidad he escogido la opción Alta y Sólo Borde (importantísimo) como Modo.-

 5. Con la aplicación del filtro Desenfoque Suave hemos conseguido una imagen que parece estar hecha de líneas blancas sobre un fondo negro. Si lo preferís pulsar Control + I para invertir a blanco y negro. A vuestro gusto.-

 6. A continuación nos colocamos en la Capa Fondo -clic con el puntero del ratón en ella (Paleta de Capas)- y pulsamos Control + J, con ello realizamos un duplicado y queda situado justamente encima de la capa de fondo original.-

 7. Aplicarle, a esta Capa duplicada, FILTRO > ARTISTICO > CUARTEADO con estos ajustes: Número de Niveles: 4; Simplicidad de borde: 4 y en Fidelidad de borde poner 2. Pulsar OK.

 8. Hagan clic, con el puntero del ratón, en la primera Capa de la Paleta de Capas -es la capa que contiene las líneas negras y blancas, que obtuvimos con los pasos 3 y 4-, para activarla. Cambien su Modo de fusión de Normal a Multiplicar y bajen su Opacidad a un 30/50%.- …y esto es todo!

 De manera sencilla y con fáciles pasos, hemos transformado nuestra fotografía en un auténtico Dibujo Vectorial o Bosquejo Lineal -si sólo realizan la técnica hasta el paso 4-.-
Espero les guste y resulte útil…y a practicar, practicar, practicar; es una técnica con muchísimas variantes.-
CONSEJO: Dupliquen la capa que contiene el efecto cuarteado -paso 6 y 7-, prueben con los distintos modos de fusión, varíen la Opacidad de las Capas, aplíquenle un Efecto de Iluminación (Filtro > Interpretar > Efecto de Iluminación) a la capa superior, es decir la que tengáis en primera posición en la Paleta de Capas, etc.- Obtendrás resultados sorprendentes, viñetas de comics, Ilustraciones o un simple dibujo lineal.-
Esta es una técnica que nos vendrá muy bien para dar rienda suelta a nuestra Creatividad.- DISEÑO ES IMAGINACIÓN.-
 Saludos.-