35 Tutoriales para aprender a utilizar Photoshop

35 Tutoriales que van de menos a más dificultad para aprender a utilizar poco a poco las diferentes opciones que nos ofrece Photoshop.

Acceder a los tutoriales

Visto en 1stwebdesigner

Share



Más de 1.000 tutoriales de Photoshop para diseñadores web

Aquí os dejo una serie de enlaces a tutoriales y recursos que los profesionales de Photoshop pueden usar para diseñar sitios web. Todos los enlaces han sido obtenidos de la lista de páginas más populares de delicious.com de los últimos meses.

66 y 90 Tutoriales de Photoshop para diseñar plantillas de sitios web
5 técnicas sorprendentes para profesionales del diseño en Photoshop
Más de 300 lugares para convertirse en un experto de Photoshop
760 tutoriales de Photoshop para diseñadores web
Los 100 mejores tutoriales de Photoshop de 2009

Visto en wwwhatsnew.com

Share



Recurso PSD gratuito para diseñar tu web

En Medialoot han presentado su primera colección de botones, barras y otros componentes que podemos usar gratuitamente en nuestros proyectos web.

Cada uno está disponible en PNG y PSD (photoshop) en tres estilos diferentes y siete colores. Puede usarse para fines personales o profesionales, indicando siempre el enlace al artículo de medialoot desde donde se ofrece el trabajo.

Por si os sabe a poco aquí os dejo un recopilatorio de +50 recursos ui y diseño web gratuitos.

Visto en wwwhatsnew.com

Share



Convertir en vampira a Gwen Stefani con Photoshop

Con el siguiente tutorial de photoshop podremos conseguir, en pocos pasos, el perfecto “look de vampiro” sobre cualquier retrato, en nuestro caso vamos a convertir en una vampiresa a Gwen Stefani.

Imagen inicial

convertir_vampira_antes

Imagen final

convertir_vampira_despues

Comencemos :

1. Iniciamos el Photoshop, abrimos la imagen, duplicamos la capa, le metemos un buen zoom para trabajar cómodamente. Con la herramienta lazo mismamente seleccionamos los dientes tal que así:

convertir_vampira_paso1

2. Pulsamos Ctrl+T y lo transformamos tal que así:

convertir_vampira_paso2

3. En el diente de la parte opuesta hacemos lo mismo:

convertir_vampira_paso3

Tras alargar los dientes debe de quedarnos algo así:

convertir_vampira_paso4

4. Seleccionamos la herramienta esponja, la ponemos en modo desaturar y flujo 75%.

convertir_vampira_paso51

Comenzamos a pintar toda la imagen exceptuando los ojos y una pequeña zona alrededor de los ojos.Debe quedarnos algo así:

convertir_vampira_paso6

5. Ahora seleccionamos la herramienta subexponer, ponemos rango sombras y exposición al 10%.

convertir_vampira_paso71

Pintamos los ojos y la pequeña zona que hemos dejado a su alrededor y los labios  (boca completa). Procura no tocar las mejillas ni el resto de la piel.

convertir_vampira_paso8

¡Ya hemos terminado! ¿Qué te ha parecido?

Tutorial original video-tutorials-chile.blogspot.com

Traducción Roberto Herrero www.miblog.indomita.org

Share



Tutorial photoshop dibujar una pluma

Share



Tutorial Rana Mutante (la rana de Springfield)

Bueno, hoy le ha tocado el turno a un tutorial de photoshop para “mutar” animales.
El nombre original es El “making of” de una rana de Springfield.

Tutorial Original : worth1000.com
Autor Original : fRedLine
Traducción : Pablo Casado
Roberto Herrero

Un ejercicio práctico de máscaras, clonar y ajustar capas.
Vamos a transformar a esta ranita tan mona.

En esta pobre criatura.

Como ya he dicho, la creación de la rana de Springfield es un ejercicio práctico de máscaras, clonación y ajuste de capas.

La transformación ha sido realizada utilizando Photoshop 7; el PS6 ofrece ajuste de capas pero los usuarios de versiones anteriores y de otras aplicaciones, tendrán que dar un rodeo con respecto al ajuste de las capas, ofreceré una solución alternativa al final del tutorial.

De hecho, es una transformación relativamente sencilla de lograr.
Echa un vistazo al “árbol” de capas para que obtengas una impresión global de lo que vamos a desarrollar.

Y sin más preámbulo … manos a la obra!

Creando un fondo limpio.

Primero, hagamos doble click en la capa “Fondo” y renombremos a “Original”.

Arrastra esa capa sobre el icono “página” que esta debajo de la “Paleta de capas” para duplicarlo. Haz doble click en la nueva capa y renómbrala a “Cloned“.

Ahora haz click en el icono “Carpeta” para crear una nueva carpeta de capas, doble click en ella y renómbrala a “Background“. Arrastra ambas capas a la carpeta “Background“. Haz esto arrastrando cada icono de la capa sobre el icono de la carpeta.

Deberían de colocarse en su orden original, si no, puedes reordenarlas. Ahora guarda tu trabajo.

Activa la capa “Cloned“, escoge la herramienta “clonar” entre 20-35 píxeles, brocha suave (según gustos) y clona sobre el ojo derecho de la rana.

No te preocupes si te llevas algo de su cabeza también, solo asegúrate de que las sombras y la madera parezcan naturales y suaves.

Duplica la capa “Original“, nómbrala “No Eyes” y ponla encima de la capa “Cloned”.

Con la capa “No Eyes” seleccionada, haz click en el icono “máscara de capa” (la caja gris con un círculo blanco) para aplicar una máscara vacía a esa capa.

Clicka en la “máscara de capa” para activarla y pinta con una brocha dura, negra y fina para enmascarar el ojo derecho.

Para llegar ahí utiliza el zoom y brochas pequeñas (alrededor de 2 – 3 píxeles) para conseguir una frente limpia.

Pulsa “x” en tu teclado para cambiar a una brocha blanca si quieres deshacer cualquier enmascaramiento.

Guarda.

Ahora clicka en la capa “No Eyes” (para que no estes trabajando mas en el enmascaramiento) y elige la herramienta clonadora con unos 20-35 píxeles, brocha suave.

Clona su ojo izquierdo, establece tu fuente clonadora a una parte de su cuerpo que tenga una textura y color similares. No debes clonar directamente de su nariz: conseguirías un patrón demasiado obvio.

Puedes incluso disminuir la opacidad de la herramienta clonadora y usar brochas mas pequeñas al final para cubrir con delicadeza cualquier “costura” alrededos de los bordes.
Objetivo: suave, transición realista.

Guarda.

De acuerdo, tenemos una bonita rana sin ojos. Eso es incluso una buena mutación, pero no nos conformaremos.

Aislando los ojos

De acuerdo, vamos a ocultar las capas “Cloned” y “No Eyes” momentáneamente. Ahora haz “Original” la capa activa y activa la herramienta “sección rectangular”
Haz la seleccion alrededor del ojo derecho, que tenga espacio abundante alrededor de sus bordes; copia y pega. Esto pegará una copia del ojo derecho y su piel de alrededor sobre una nueva capa.
Haz clic en la capa “Original” y haz una seleccion similar alrededor del ojo izquierdo. Copia y pega. Nombra cada capa “Left Eye” y “Right Eye” respectivamente.
*** Nota sobre los nombres de las capas: He nombrado los ojos de acuerdo con la perspectiva de la rana ***

Crea una nueva carpeta de capas y llámala “Eyes.” Arrastra las dos capas de los ojos en la carpeta “Eyes“.
Coloca los ojos aproximadamente donde los asentaremos, en la “cuenca del ojo”. Ahora enlaza las capas y haz los ojos mas pequeños con Ctrl + T; manten presionado Shif mientras reescala para mantener las proporciones. Desenlaza las capas y recoloca los ojos de nuevo.
Haz una máscara en blanco en cada capa y enmascara los píxeles que no necesites.

*** La ilustración tiene intencionadamente un fondo oscuro para remarcas el enmascaramiento que se esta haciendo. ***

Graba. Lo siguiente, ¡Los ojos!

El ojo derecho

Haz una copia de la capa “No Eyes” y renómbrala a “Right Stalk“.

Arrastra esta capa a la carpeta “Eyes ” debajo de las capas de los ojos.

Aplica la máscara en la capa (Click derecho en la “máscara de capa” y haz click en “Aplicar Máscara de Capa”.)

Deja las capas de ambos ojos visibles para usarlas de referencia.

Usa una herramienta de clonación suave para crear una aproximación de la “cuenta del ojo”.

Esta es la parte “artística”, establece tu fuente de clonación a la textura alrededor de las patas para que consigas curvas y texturas que puedas imaginar en la “cuenta del ojo”.

Trata de conseguir unos buenos patrones y, de nuevo, procura hacerlo realista, sin costuras. Puede quedar algo “tosco” porque, realmente, estas haciendo una gran mancha ahí aunque luego podremos volver y arreglarlo después de ponerle una máscara.

Guarda.

Pega una máscara en la capa “Right Stalk” y rellénala con negro (Alt E, L), así todo ese duro trabajo estará disimulado.

Ahora, usa una brocha dura, afilada y blanca en la máscara para revelar una “cuenca del ojo”.

De nuevo, aquí existe un amplio margen para realizar una interpretación artística. Puedes usar varias brochas de distinto tamaño y punta para conseguir un efecto arrugado y carnoso.

Graba.

De acuerdo, tenemos una área decente en la cuenca del ojo, pero parece bastante plana. Comprueba que la capa “Right Stalk” esta seleccionada y clica en el icono “ajuste de capas” (yin/yang) al final de la “paleta de capas”.

Selecciona Niveles y ponlos mas o menos como se muestra aquí.

Haz click en OK y selecciona el nuevo ajuste de capa. Teclea “Ctrl G” para agrupar la capa de ajuste con la capa “Right Stalk“. Renombra la capa de ajuste a “Right Stalk Levels“.

Ahora solamente la “cuenca del ojo” esta muy oscura. Graba.

Activa (clicka en) la capa “Right Stalk Levels“.

Ahora pinta la máscara con una brocha suave y negra para exponer las áreas que quieras iluminar. Llega ahí con pequeñas pinceladas para realzar los efectos de arruga.

Ahora, ya que tienes un poco de perspectiva 3d con la que poder trabajar, podrías inlulso resamplear las partes de la cuenca del ojo con la brocha clonadora.
Recuerda, tienes todo el cuerpo de la rana debajo de la máscara en la capa “Right Stalk” como fuente del clonado, “samplear”.
Asi desactiva temporalmente la mascara (click derecho en la capa máscara, desactivar máscara) para encontrar exactamente la textura o patrón que quieres en la “cuenca del ojo”.
Guarda.

El ojo izquierdo

Vamos a seguir aproximadamente el mismo proceso que con el ojo derecho. Aquí estan las capas y los pasos como referencia.

Puede que tengas que jugar con la opacidad de la capa “Left Stalk” mientras realizas la clonación inicial para que sea realista y proporcional a la “cuenca del ojo” derecho.

Y con eso, quiero decir que ayuda a ver, al menos, un vago contorno de la “cuenca del ojo” derecho mientras creas el izquierdo.

Una vez pongas la máscara en “Left Stalk” es más fácil de perfilar ya que puedes ver la “cuenca del ojo” derecho claramente.

De nuevo, esta es la parte realmente divertida, asi que disfruta.

Bueno, en retrospección, haz una copia de “Right Stalk“, aplica la máscara, fusionala con una copia de “No Eyes” y usa eso como “Left Stalk“. Tendrás la referencia de la cuenca derecha clara mientras clonas el izquierdo.
Guarda.

Cuando hayas completado las capas “Left Stalk” y “Left Stalk Levels“, quizás necesites un poco de sombra detrás de la cuenca izquierda. Bueno, yo hicé eso de todas formas.

Crea una nueva capa, arrástrala debajo de la capa “Left Stalk” y renómbrala a “Left Eye Shadow“. Coge una brocha negra, de 35 píxeles, y aproxima una sombra de la cuenca y del ojo.

Establece la opacidad de la capa “Left Eye Shadow” a un 45%.

Haz una máscara en ella y usa una brocha suave y negra, con un 50 % de opacidad para definir los bordes de las sombras.

Si lo miras detenidamente, he usado una brocha sólida alrededor de la verruga naranja para la perspectiva.

Graba.

Y ahora, los toques finales.

Los toques finales.

Vale, ya tienes una rana mutante que parece estar loca. Ahora es cuando entran en juego esos 5 minutos extra que nunca vienen mal.
Pliega las dos carpetas, “Eyes” y “Background.” Esconde la carpeta eyes mediante un click en el pequeño icono de ojo en la capa.

Activa la carpeta “Background” y escoge el lienzo entero (Ctrl + A), y ‘copia y pega’ ( Ctrl+Shift+C) todo lo que sea visible. Pégalo, y se creará una nueva capa automáticamente, arrastrala encima de la carpeta “Eyes” y llámala”BG Done“.
Los contenidos de la capa “Eyes Done” estarán en medio del lienzo.

Manten la carpeta “Eyes” visible y arrastra la capa “Eyes Done” directamente sobre ella.
Puedes esconder y mostrar los contenidos de la capa hasta que estén posicionados perfectamente sobre los contenidos de la carpeta.

Ahora, esconde la carpeta “Eyes” y haz la capa “BG Done” visible.

Guarda.
Bueno, todo esto ha sido trabajo sin resultados, ¿Eh? La razón por la que quiero aislar la entera estructura de los ojos es para añadir un poco de borrosidad en sitios estratégicos. Si miras alrededor del cuerpo de la rana verás que se mezcla con el fondo.
Nuestros “ojos” tienen algunos bordes afilados que huelen a “cortar y pegar.” Queremos conseguir una herramienta para añadir borrosidad (de 3 a 5 píxeles) con una opacidad del 30% y emborronar algunos de los píxeles más bruscos alrededor de los bordes de la capa “Eyes Done“.
Guarda.

Vamos a hacer los ajustes finales y a terminar esta belleza.

Selecciona todo y “copia y pega”, después pégalo. La nueva capa debería de estar en lo más alto y activa. Luego, simplemente use el Auto contraste ( Imagen>Ajustes>Auto Contraste) para retocarlo y listo.

Los auto niveles cambiaban demasiado el calor para mi gusto, pero a estas alturas puedes experimentar aplicando efectos a la imagen entera en una capa.

Grábalo como web y siéntete satisfecho por un trabajo bien hecho!!

Y no te olvides de agradecer a Jax todas las oportunidades posibles que ha generado con el manual!

Apéndice ¡¡Yo no tengo ajutes de capas!!

Puedes obtener un efecto similar de muchas formas. Aquí tienes una idea mia con la cual he experimentado un poco.

Duplica la capa “right stalk“, rellénala de negro y aplica la “máscara de capa”. Reduce la opacidad hasta un 50 % y haz una nueva máscara en ella. Pinta con tamaño variable y opacidad con brochas negras para hacer el efecto 3d. Un poco menos elegante, pero con sudor e innovicación definitamente sirve.

Espero que eso ayude, nos vemos!! 😀

Tutorial Original : worth1000.com
Autor Original : fRedLine
Traducción : Pablo Casado
Roberto Herrero

Share



Emparejar un rinoceronte con una cebra

Hoy hemos cambiado de tercio y ha tocado traducir un tutorial para photoshop para crear/mezclar nuevas especies animales 😀

Tutorial Original : worth1000.com
Autor Original : variant2
Traducción : Pablo Casado
Roberto Herrero

Usando la herramienta transformar “ctrl+t”, el filtro licuador y un poco de sombra, vamos a disfrazar a un rinoceronte con la piel de una cebra. Imagenes fuente.
En este tutorial vamos a combinar dos animales:


y este:

Para crear:

Lo primero y lo mas importante es encontrar imágenes fuente apropiadas. He escogido estas dos porque los ángulos y las posturas son muy parecidas.

Ya que me ha gustado el alto contraste del color de la cebra, he decidido usar esa piel y moldearla sobre el cuerpo del rinoceronte.Con eso dicho, he extraído a la cebra del fondo y la he pegado en el fichero del rinoceronte en una nueva capa.

Nota: Es una buena idea usar una imagen en alta resolución porque cuando estiras los píxeles, un fichero en baja resolución va a perder su realismo.

Bien, veamos cuales son las diferencias y similitudes entre estas dos imágenes.

Reduce la opacidad de la cebra y comparala con el fondo del rinoceronte. Usando la herramienta transformar “ctrl+t” alarga o estrecha, la imagen, a tus necesidades para conseguir el mejor ajuste. Cuanto mejor se corresponda ahora, menos trabajo tendremos que hacer luego.

Es importante adecuar primero las piernas y luego la cabeza para esta imagen.

Ya que mi objetivo es cubrir el cuerpo del rinoceronte completamente con la cebra , he decidido usar el filtro de licuar para hacer el resto de los ajustes.

Tienes que tener un poco de paciencia con el filtro licuador si quieres conseguir los mejores resultados. Supongo que tienes algo de experiencia con este filtro asi que ire directo al grano.

1. Disminuye la opacidad de la cebra hasta un 70 % aproximadamente. Esto te ayudará a conseguir mejores resultados al ajustar los dos animales.

2. Comienza usando una brocha grande (alrededor de 1/3 del tamaño del animal) y con pequeñas pinceladas, arrastra el torso de la cebra para que concuerde con el del rinoceronte. Trata de evitar laaaargos arrastres porque no obtendrás los resultados deseados. Usando la brocha grande, he estirado la parte superior, las nalgas, el vientre y el pecho y luego recoloqué la cabeza.

3.Una vez que estes contento con los resultados, vamos a afinar el resto del cuerpo usando brochas de menor tamaño. Para la cabeza de la cebra, he usado pinceladas pequeñas y uniformes para igualar la forma de debajo del rinoceronte.

Como las piernas estan muy juntas, he tenido que usar el filtro licuador que trae la herramienta “mascarilla” para proteger una pierna mientras le daba forma a la adyacente.

Una vez hayas igualado las silueta del rinoceronte, graba los ajustes y preparate para el siguiente paso.

De acuerdo, la forma se ve bien pero nuestro nuevo amigo animal parece un poco plano. Vamos a añadirle mas profundidad a esta imagen añadiendole sombras. No voy a usar ningun modo de mezcla porque quiero mantener tanto detalle y contraste como sea posible, así que :

Haz una nueva capa encima de la cebra y selecciona una brocha suave con un 15-30 % de opacidad.

Consejo: Manten presionada la tecla OPCIONES y mueve el puntero entre la nueva capa y la de la cebra. Cuando el puntero cambie su forma, clica el boton del raton y acabas de hacer una mascara “clipping”. Ahora todas tus sombras serán contenidas dentro de la cebra.

Para conseguir el mejor sombreado, de vez en cuando activaba y desactivaba la visiblidad de la capa de la cebra y usaba el fondo del rinoceronte como referencia para saber donde añadir las sombras.

Sip, esto luce mejor.

Ahora la cabeza:


Si miras a la imagen original del rinoceronte, verás que la cabeza tiene una sombra definida debajo de los cuernos. Parece como si estuviese aumentada.

Añadamos una nueva capa.

Usando una brocha mas pequeña y suave, con una opacidad del 30% aproximadamente, prolonga las líneas definidas debajo de los cuernos (usa el fondo del rinoceronte como referencia). Con paciencia, deberías obtener los resultados deseados.

Si encuentras que el sombreado es un poco oscuro, puedes ajustar la opacidad de las capas de las sombras.

Buena suerte y espero que este tutorial te ayude.

Tutorial Original : worth1000.com
Autor Original : variant2
Traducción : Pablo Casado
Roberto Herrero

Share