Tutorial de Photoshop para crear sombras

Tutorial sombras con Photoshop

Tutorial sombras con Photoshop

En ocasiones necesitamos crear sombras en algún elemento de diseño, no me refiero a la típica ‘sombra paralela’ sino a una sombra un poco más elaborada que de una mejor sensación de profundidad. Mediante este pequeño tutorial vamos a ver cómo hacerlo de una forma muy sencilla y rápida.

Si lo deseáis, para la realización de este tutorial podéis descargar el archivo PSD de ejemplo.
Descarga | aquí

Paso 1

Tras abrir el archivo, podremos observar que disponemos de una capa llamada ‘SOMBRAS‘, esa es la capa a la que vamos a aplicar el efecto de sombra del tutorial.

tutorial-sombras-photoshop-01

Lo primero que vamos a hacer es duplicar la capa seleccionándola y pulsando ctrl-j si estamos trabajando con un Pc o cmd-j si es con un Mac.

tutorial-sombras-photoshop-01b

Paso 2

El siguiente paso va a ser cambiarle los efectos de estilo de capa. Para ello hacemos doble clic en la misma y tras abrirla, pasamos a poner a cero la ‘Opacidad de relleno’ para evitar que el color seleccionado para el texto sea visible y pueda ser sustituido por el que seleccionemos para la sombra.

tutorial-sombras-photoshop-02

Lo siguiente será desactivar la casilla ‘Bisel y relieve’ y a continuación accedemos a ‘Superposición de degradado‘ para modificar el degradado que tiene aplicado el texto. Ponemos los dos extremos en negro y jugamos con la opacidad de cada uno de ellos para conseguir el efecto que deseemos. En este caso, la parte inferior de la sombra tiene una opacidad del 70% y la parte superior del 20%.

tutorial-sombras-photoshop-03

Paso 3

A continuación arrastramos la capa ‘SOMBRAS copia’ debajo de la capa ‘SOMBRAS’. A continuación y con la capa seleccionada pulsamos ctrl-t en Pc o cmd-t en Mac para poder transformar la proporción del texto. Para darle la forma deseada utilizaremos los controles de la caja de transformación, arrastrándolos mientras mantenemos pulsada la tecla ctrl en Pc o cmd en Mac. Tómate un tiempo para practicar con la herramienta si no la controlas, es muy sencillo conseguir la forma deseada.

tutorial-sombras-photoshop-04

Paso 4

Para terminar vamos a aplicar un ligero desenfoque a la sombra para pulir su resultado un poco más. Para eso sólo debemos aplicar a la capa un filtro de ‘Desenfoque gaussiano‘ y manipular el radio para dejarlo a nuestro gusto.

tutorial-sombras-photoshop-05

Tutorial Photoshop. Cómo arreglar una foto que salió naranja

foto-roja

Arreglar foto naranja

En esta ocasión vamos a aprender cómo arreglar, de un modo muy sencillo, la típica fotografía que, tras haberla hecho, descubrimos que salió demasiado anaranjada debido a la falta de luz en el momento del disparo.

Como de costumbre en esta serie de tutoriales de Photoshop, las técnicas que vamos a utilizar son no destructivas, de esta forma evitaremos alterar la imagen original para conservarla intacta. Todas las modificaciones las haremos en una copia de la capa original.

La fotografía utilizada para la realización de este tutorial está disponible gracias a morguefile en este enlace.

Este tutorial vamos a presentarlo tanto en formato screencast de video como escrito.

Paso 1

Lo primero que vamos a hacer tras abrir la foto es duplicar la capa. Para ello haremos clic sobre ella para seleccionarla en el panel de capas (F7), posteriormente pulsaremos Cmd+J para Mac o Ctrl+J para PC. Tras esto, habremos duplicado la capa.

Arreglar-foto-naranja-01

Paso 2

Seleccionamos la copia que acabamos de realizar y en el menú seleccionamos Filtro/Desenfocar/Promediar. Haciendo esto habremos modificado la Capa 1 llenándola del color dominante en la foto.

Arreglar-foto-naranja-02

 

Paso 3

A continuación vamos a invertir el color de la Capa 1 pulsando Cmd+I en Mac o Ctrl+I en PC. Ya casi hemos terminado, ahora vamos a cambiar el modo de fusión de la capa en cuestión a Superponer. Una vez hecho esto habremos terminado con la edición aunque es posible que queramos afinar un poco la fusión modificando la opacidad de la Capa 1.

Arreglar-foto-naranja-03

Arreglar-foto-naranja-04

Arreglar-foto-naranja-05

Ya sólo tenemos que guardar la foto modificada con un nombre diferente si queremos conservar la original.

Tutorial Photoshop. Quitar manchas y arrugas en una foto retrato

split_frequency_05

En esta ocasión vamos a tratar la manera de eliminar de una foto las manchas, arrugas y demás imperfecciones típicas en cualquier retrato. Para conseguir deshacernos de esos elementos de la imagen vamos a utilizar Adobe Photoshop.

La técnica utilizada en este tutorial se basa en dividir las frecuencias de la imagen para después modificarlas por separado (Split Frequency Technique). Dicho de esta manera parece difícil, pero es realmente sencillo conseguir un buen resultado con esa técnica profesional.

La imagen utilizada para realizar este tutorial puede ser descargada desde morguefile en este enlace.

Paso 1

Con la imagen abierta duplicamos un par de veces la capa “fondo” y renombramos las capas resultantes como “Alta” y “Baja”. Ordenamos las capas como en la imagen de ejemplo.

split_frequency_01

 

Paso 2

A continuación seleccionamos la capa “Baja” y le aplicamos un desenfoque gaussiano (Filtro/Desenfocar/Desenfoque gaussiano), en este caso de 15 píxeles.

split_frequency_02

A continuación, teniendo seleccionada la capa “Alta”, seleccionamos “Imagen/Aplicar imagen” con la siguiente configuración. Una vez hecho esto hemos conseguido dividir la información de la imagen en una capa con la información de baja frecuencia y otra con la de alta. Gracias a este metodo podemos cambiar los detalles en la capa de alta frecuencia sin alterar la información de colores, etc que queremos conservar.

split_frequency_03

 

Paso 3

Ahora vamos a pasar a retocar la capa “Alta” para eliminar defectos típicos como lunares, arrugas… Para conseguir esto vamos a seleccionar la capa en cuestión y la utilizar la Herramienta Pincel Corrector indicándole que tome la muestra de la capa actual, tal y como muestra la siguiente imagen.

split_frequency_04

 

Hecho esto, para usar la herramienta, haremos clic sobre la zona adyacente al defecto a corregir manteniendo pulsada la tecla Alt para indicarle a la herramienta de dónde queremos tomar la muestra para sustituir lunares, arrugas, etc. Con la muestra ya seleccionada sólo necesitamos hacer clic sobre la zona a reparar y listo.

Para eliminar los brillos de esta foto situados bajo la nariz podemos seleccionar la Herramienta Desenfocar haciendo clic sobre la zona que queremos difuminar. También la podemos usar la Herramienta Borrador para quitar relieve a la piel si queremos dar ese efecto a la foto. Sólo sería necesario ajustar el tamaño del pincel, así como la opacidad o el flujo que queremos ejercer e ir pasando el ratón sobre las zonas elegidas. Aquí tenemos un ejemplo del resultado tras un momento limpiando la imagen.

split_frequency_05

Tutorial para crear textura vaquera con Adobe Photoshop

Tela vaquera con Photoshop

Tela vaquera con Photoshop

En el tutorial de hoy vamos a aprender a crear una textura de tela vaquera usando Adobe Photoshop. Para conseguirlo usaremos una serie de filtros y y opciones de fusión de capa.

Paso 1

Creamos un nuevo documento con las características que observamos en la imagen.

Textura vaquera paso 1

 

Paso 2

Creamos una nueva capa, a continuación la rellenamos de 50% gris pulsando las teclas May+Del para mostrar la ventana de Rellenar. A continuación configuramos las opciones de la ventana como en la imagen.

Tela vaquera paso 2

 

Paso 3

A continuación vamos a aplicar el primer filtro del tutorial. Seleccionamos Filtros/Galería de filtros y una vez accedamos seleccionamos Modelo de semitono, dentro de Bosquejar. Configuramos las opciones como en la imagen.

Tela vaquera paso 3

Tras esto nos dirigimos a Filtros/Pixelizar/Grabado y lo configuramos como se ve en la imagen.

Tela vaquera paso 3b

Paso 4

Duplicamos la capa (CTRL+J o CMD+J), rotamos 45º y escalamos la capa superior hasta que cubra por completo el documento.

Textura vaquera paso 4Paso 5

En cada una de las capas aplicamos Filtro/Desenfocar/Desenfoque gaussiano  y en la opción radio ponemos un valor de 1.

Tela vaquera paso 5

 

Para la Capa 1 copia elegimos como modo de fusión Multiplicar.

Tela vaquera paso 5B

 

En la Capa 1 elegimos como modo de fusión Luz suave.

Tela vaquera paso 5C

Paso 6

Creamos una nueva capa y con la herramienta Lazo (L) creamos una selección con la forma que deseemos (bolsillo, parche, etc).

Rellenamos la selección con 50% gris usando la misma técnica que en el paso 2 y en el modo de fusión de capa seleccionaremos Luz fuerte.

Tela vaquera paso 6

Paso 7

Ahora vamos a proceder a dar sombra y relieve a la capa que acabamos de crear. Para ello añadimos los estilos de capa haciendo doble click en la zona derecha junto al nombre de la capa o pulsando en el botón fx situado en la parte inferior de la pestaña Capas. Seleccionaremos Sombra paralela y la configuraremos como en la imagen. Seguidamente haremos lo mismo con la opción Bisel y relieve.

Tela vaquera paso 7A Tela vaquera paso 7B

Paso 8

A continuación vamos a crear las costuras y para ello vamos a usar unos pinceles de costars que podéis descargar aquí . Creamos una nueva capa, seleccionamos la herramienta Pluma (P) y vamos dibujando el recorrido que queremos que lleve la costura.

Tela vaquera paso 8A

 

A continuación vamos a preparar el pincel de la costura. Vamos a Ventana/Pinzel (F5) y modificamos la costura a nuestro gusto (yo le he quitado redondez para que saliese más fino el hilo). Una vez que hayamos dejado la costura a nuestro gusto probando diferentes modificaciones pasamos a dibujarla, para ello nos situamos en la capa nueva y vacía que hemos creado y teniendo seleccionado el trazado que hicimos y la herramienta pluma activa pulsamos Alt+Enter, deseleccionamos el trazado y ya podemos ver la costura.

Tela vaquera paso 8B

 

Ahora vamos a aplicar un poco de profundidad al hilo usando Sombra paralelaBisel y relieve. Lo configuramos como en la imagen.

Tela vaquera paso 8D Tela vaquera paso 8C

 

Cambiamos el color del hilo a nuestro gusto con la opción Superposición de color situada en los estilos de capa.

Tela vaquera paso 8E

Paso 9

Esta ya casi está. Ahora vamos a crear unos efectos para simular el desgaste junto a la textura. Seleccionamos la Capa 2 y utilizamos la herramienta Sobreexponer (O) para ir añadiendo detalles a la imagen según nuestro criterio.

Tela vaquera paso 9

 

A continuación podemos añadir más detalles como la etiqueta y listo.

Tela vaquera con Photoshop

 

 

Recursos, 5 webs para conseguir PSD gratis

PSD GRATIS

PSD GRATIS

Hola a todos, como sabréis en algunas ocasiones necesitamos imágenes para editarlas en  Photoshop y así utilizarlas en algunos de nuestros proyectos. Por eso buscamos  archivos PSD, y no siempre encontramos lo que buscamos, hoy os quiero recomendar 5 sitios web donde poder encontrar esos recursos.

1- Deviant Art:

 deviantart

2- Official Psd:

officialpsds

3-  Photoshop Candy:

candy

 

 

 

 

 

 

 

4- Photoshop Cafe:

photoshopcafe

 

 

 

 

 

 

5- Design Bum

designbum