Tutoriales de Photoshop
||En este post repasaremos los siguientes tutoriales:
Efecto de Texto de Luz
Efecto Cara Pintada con Bandera
Efecto para Retratos
Efecto Mosaico con Máscara de Capa
Extraer Pelo con Photoshop
Retrato en Semitono
Efecto de Texto Terrorífico
Editar Fotos de Larga Exposición
|Efecto de Texto de Luz|
||PASO 1
Abre Adobe Photoshop y crea un nuevo documento de 1920 píxeles de altura por 1280 de anchura, con una resolución de 72ppp y un fondo color Negro.
||PASO 2
Selecciona la herramienta Texto y crea un texto de color blanco centrado en el lienzo. (Para el ejemplo de este tutorial yo utilice una fuente Impact con un tamaño de 268 pt.)
||PASO 3
Seguidamente crea por encima de la capa de texto una nueva capa. Selecciona los colores #012767 (color frontal) y #7cc1fc (color de fondo) en tu paleta de colores y con la herramienta Degradado crea un degradado lineal de izquierda a derecha sobre la nueva capa creada.
||PASO 4
Clic derecho sobre la capa del degradado y selecciona la opción Crear máscara de recorte.
||PASO 5
Selecciona la capa de texto con la capa del degrado y clic Control+E para fusionarlas en una sola capa, a continuación Control+J para duplicarla.
||PASO 6
Clic D en tu teclado para recuperar el blanco y negro como colores de fondo y frontal. Seguidamente crea una nueva capa y ve a Filtro/Interpretar/Nubes.
||PASO 7
Cambia el Modo de fusión de la nueva capa a Sobreexponer color. Si fuera necesario puedes mover, escalar o cambiar la opacidad de esta capa para que el efecto de la textura de nubes sea más o menos visible dependiendo de tus gustos.
||PASO 8
Selecciona la capa con el texto que duplicamos anteriormente y que debe encontrarse justo por debajo de la capa de nubes. Ve a Filtro/Desenfocar/Desenfoque gaussiano y aplica un radio de 75 píxeles. Repite con Control+F el efecto de desenfoque creado.
||PASO 9 (Opcional)
Si lo deseas también puedes cambiar el tamaño de esta capa con Control+T.
||PASO 10
Coloca la imagen descargada 8hyFxNB.png encima del resto de capas escalando su tamaño y cambia su modo de fusión a Trama.
||PASO 11 (Opcional)
Como último paso puedes colocar la imagen descargada space-metal.jpg por encima de la capa fondo. Selecciona el resto de capas las cuales componen todo el efecto de texto y muévelas ligeramente hasta situarlas por encima del centro de la composición.
|RESULTADO FINAL|
|Efecto Cara Pintada con Bandera|
||PASO 1
Abre la imagen “Modelo” en tu Adobe Photoshop. A continuación y antes de hacer nada ve a Archivo/Guardar como… Nombra a la imagen “Mapa de desplazamiento” y guárdala como formato PSD.
||PASO 2
Seguidamente ve a Capa/Nueva capa de ajuste/Mapa de degradado y aplica un degradado lineal de Negro a Blanco. En la máscara creada con el Mapa de degradado pinta en color Negro el fondo, pelo, hombros y ojos del modelo. (Es decir, todas las partes donde no queremos ver la bandera).
||PASO 3
El siguiente paso será colocar la imagen “Bandera” dentro de la composición, rotando y escalándola si es preciso. En nuestro caso la hemos rotado 90º a la derecha, escalado y deformado con el fin de estrecharla para adaptarla a la forma del rostro. Para ello ve a Edición/Transformar/Rotar 90º a la derecha, Edición/Transformar/Escala y Edición/Transformar/Deformar.
||PASO 4
A continuación nos situamos sobre la miniatura en la paleta de capas de la máscara del ajuste Mapa de degradado. Presiona la tecla ALT, clic sobre ella para arrástrala y suelta sobre la miniatura de la capa “Bandera”. (Con este paso conseguimos duplicar la Máscara de modo que nuestra imagen y nuestra paleta de capas se vean como en la imagen mostrada a continuación).
||PASO 5
Con la bandera seleccionada ve a Filtro/Distorsionar/Desplazar, aplica 5 tanto para la escala vertical como horizontal y clic Ok. Seguidamente se abre automáticamente la ventana desde la que podrás seleccionar la imagen PSD guardada en el Paso 1 con el fin de aplicarla como Mapa de desplazamiento a la imagen.
||PASO 6
Cambia el Modo de fusión de la capa “Bandera” a Subexponer color y baja su Opacidad hasta el 65%.
||PASO 7
Con la capa “Bandera” aún seleccionada ve a Filtro/Desenfocar/Desenfoque de movimiento y aplica con un Ángulo de 0º una Distancia de 34 píxeles.
||PASO 8
Por último ve a Capa/Nueva capa de ajuste/Tono/saturación y aplica los siguientes valores.
Saturación: -12
Luminosidad: +35
|RESULTADO FINAL|
|Videotutorial Efecto para Retratos en Español|
||ANTES Y DESPUÉS
|Efecto Mosaico con Máscara de Capa|
||Paso 1
Crea un nuevo documento con las siguientes características.
Tamaño: 800x536 pixeles
Resolución: 300 ppp
Contenido de fondo: Blanco
||Paso 2
Abre la imagen Modelo y sitúala desplazada a la izquierda sobre el lienzo tal y como se muestra en la imagen.
||Paso 3
Abre ahora la imagen Iluminación. Escala y rótala de tal forma que la zona con mayor concentración de luminosidad quede sobre el rostro de la modelo. A continuación crea un Degradado lineal de Negro a Transparente desde la parte derecha de tal forma que no se vean las capas Modelo y Fondo que están por debajo de Iluminación.
||Paso 4
Ve al menú de Canales y con el cursor situado sobre el canal RGB haz Control+Clic para cargar la selección con la que trabajaremos para realizar el efecto Mosaico.
||Paso 5
Seguidamente con la selección activa ve al menú de Capas. Haz invisible la capa Iluminación, selecciona la capa Modelo y crea una Máscara de capa.
||Paso 6
Selecciona la Máscara de capa recién creada, ve a Filtro/Pixelizar/Mosaico y aplícale un Tamaño de celda de 60 cuadrados.
||Paso 7
Con la Máscara de capa aun seleccionada ve a Imagen/Ajustes/Niveles y aplica los siguientes valores: 7, 1, 95
||Paso 8 (Opcional)
Si no has quedado satisfecho con la ubicación de la Modelo una vez creado el mosaico y aplicado el correspondiente ajuste de Niveles, ahora es el momento de corregir, para ello tan solo debes soltar el candado que une la imagen de la Modelo con la Máscara, seleccionar la miniatura de la Modelo y con la herramienta Mover recolocar la imagen en la posición que tú consideres.
||Paso 9
Ahora vamos a crear unos cuantos cuadros en la parte derecha del diseño, para ello duplica la capa Modelo con su correspondiente Mascara y suelta el candado que las une (en caso de que no lo hayas soltado ya en el Paso 8).
||Paso 10
Selecciona la miniatura de la Modelo 2 y centra la imagen con respecto al lienzo, a continuación selecciona la miniatura de la Máscara de capa, ve a Edición/Transformar/Rotar 180º y lleva la Máscara de capa hasta la parte derecha del diseño de forma que te quede el diseño tal y como se observa en la imagen siguiente.
||Paso 11
Con la Máscara de capa aun seleccionada ve a Imagen/Ajustes/Niveles y aplica los siguientes valores: 35, 1, 180
||Paso 12
Abre la imagen Naipes y sitúala en la zona en blanca del diseño, fuera de las celdas del mosaico. Baja la opacidad de esta capa a 58%.
||Paso 13
Instala las fuentes descargadas. A continuación selecciona la fuente Astronaut y con un tamaño de 20,6 pt y un color #efd2d6 escribe la palabra POKER.
||Paso 14
Selecciona ahora la fuente TheNautiGal y con un tamaño de 21,77 pt y un color #efd2d6 escribe la palabra face a continuación pero un poco más abajo de POKER.
||Paso 15
Aplica a ambas capas de texto el siguiente Estilo de capa.
Tamaño: 2 px
Posición: Exterior
Color: #ffffff
||Paso 16
Para finalizar aplica un Ajuste de niveles a todo el diseño con los siguientes valores: 40, 1, 255
|Extraer Pelo con Photoshop|
||ANTES Y DESPUÉS
||Paso 1
Crea un nuevo documento de las dimensiones y píxeles que consideres oportunos aplicándole un color de fondo o degradado a tu gusto. A continuación importa la imagen de la modelo al documento recién creado.
||Paso 2
Aplica una Máscara de capa a la capa de la Modelo (para ello clic en el icono Añadir máscara de capa en la paleta de capas).
Selecciona la herramienta Pluma (P), y crea un trazado alrededor de las áreas sólidas de la modelo, excluyendo la zona del cabello. Seguidamente haz clic derecho sobre el trazado y selecciona Hacer Selección, clic en Ok y Mayusculas+Control+I para invertir la selección. A continuación Edición/Rellenar escogiendo Negro en el despegable de la sección Contenido y clic en Ok. Ahora haz clic derecho sobre la máscara de la modelo y selecciona Aplicar máscara de capa y Control+D para deseleccionar.
||Paso 3
Cambia el Modo de fusión de la capa de la modelo a Multiplicar y nómbrala ‘Pelo'. Duplica la capa ‘Pelo’ (clic derecho sobre la capa y selecciona Duplicar capa), establece el Modo de fusión de la copia en Normal y nómbrala 'Cuerpo'. La capa ‘Pelo’ (Multiplicar) debe estar por debajo de la capa ‘Cuerpo’ (Normal).
||Paso 4
Con la capa ‘Cuerpo’ seleccionada, aplica una Máscara de capa. Selecciona ahora un Pincel de bordes suaves (B) estableciendo Negro como color frontal en tu paleta de colores y pinta las áreas blancas alrededor de la cara.
|RESULTADO FINAL|
|Retrato en Semitono con Adobe Photoshop e Illustrator|
||Paso 1
Lo primero que debemos saber a la hora de comenzar a realizar este Tutorial es que para conseguir realizar una ilustración semi-realista un buen stock es esencial, para ello nosotros vamos a trabajar con la imagen de esta bella modelo. Otro buen tanto en favor de esta imagen es la fuente de luz que posee, la cual crea en la modelo zonas sombreadas pero a su vez mantiene los medios tonos visibles.
||Paso 2
Nuestro trabajo se realizará en blanco y negro, usando líneas negras para crear los medios tonos. Por lo tanto, vamos a descartar los colores de la imagen actual. Abre la imagen en Adobe Photoshop y cambia los colores de RGB por Escala de grises, para ello ve a Imagen/Modo/Escala de grises.
||Paso 3
Ahora, vamos a aumentar el contraste entre los negros y los blancos. Esto revelará las variaciones tonales aún más. Ve a Imagen/Ajustes/Brillo/Contraste y sube ambos valores a 40.
||Paso 4
Para hacer la visualización de los medios tonos aún más fácil, vamos a aplicar el filtro Posterizar en la imagen, ve a Imagen/Ajustes/Posterizar y aumenta los Niveles a 10.
||Paso 5
Ahora ya tenemos nuestra imagen base preparada. Guarda este archivo yendo a Archivo/Guardar como... "modelo-escaladegrises.jpg" (Calidad: 12). De esta manera podemos mantener la imagen original intacta y hemos creado una copia con la cual trabajar.
||Paso 6
Abre el archivo "modelo-escaladegrises.jpg" en tu Adobe Illustrator. En el panel Capas, crea dos nuevas capas ("Capa 2", "Capa 3". Selecciona la imagen en la "Capa 1", establece su Opacidad al 70% y bloquea esta capa.
||Paso 7
Selecciona "Capa 2". Con la herramienta Pluma (P) (o la herramienta Lápiz (N) si tienes una tableta), dibuja las sombras de la cara, el pelo y los hombros. Asegúrate de tener seleccionado el color Negro en el panel Color. Utiliza la imagen como guía para dibujar las sombras.
||Paso 8
Con la herramienta Pluma (P), dibuja ahora algunas líneas para definir las características de la cara y la forma del cuerpo. Utiliza un grosor de Trazo de 2 pt para el contorno exterior y para las principales características faciales (nariz, boca, ojos). Utiliza un grosor más delgado de trazo para las líneas internas del retrato.
(Trata de crear las líneas utilizando el menor número de puntos posible cuando utilizas la herramienta Pluma (P), con ello conseguirás un efecto más natural.)
||Paso 9
La parte interesante del dibujo comienza ahora. Para crear los medios tonos comenzarás por la cara de la chica. Dibuja una línea (Trazo 2pt) tal y como se ve en la imagen de a continuación
||Paso 10
Selecciona y duplica esta línea, colócala ahora en paralelo con la línea original.
||Paso 11
Usa la imagen original como guía para la sombra y luego ajusta la línea duplicada siguiendo el sombreado. Utiliza un grosor de Trazo para esta de 0.1pt.
||Paso 12
Ahora selecciona la herramienta de Fusión (W) haciendo doble clic en el símbolo de la herramienta en el panel. En la ventana Opciones de fusión que aparecerá a continuación selecciona la opción Pasos especificados y establece el espaciado en 20, seguidamente haz clic en Ok para aceptar.
||Paso 13
Con la herramienta Fusión (W), haz clic en la línea más delgada (0.1pt) y después clic en la segunda línea (2 pt). Esto hará que se llene el espacio entre estas dos líneas con un nuevo grupo de líneas las cuales verás como cambian gradualmente el grosor de su trazo consiguiendo con ello el efecto de medios tonos.
||Paso 14
Es importante que mantengas alineados los puntos clave de las dos líneas, de esta manera podrás conseguir una transición más suave en el sombreado.
Podrás apreciar como en nuestro retrato ha aparecido un problema en la región cercana a la boca de la chica. Para ajustar este tipo de problemas la solución es seleccionar alguno de los puntos y modificar la curva, automáticamente al realizar esta acción estarás modificando y corrigiendo el sombreado.
||Paso 15
Esta es la forma básica en que la herramienta Fusión funciona, ahora podrás hacer las demás partes de la cara de igual manera (nariz, ojos, etc…). Recuerda siempre crear la línea más gruesa cerca de la zona de sombra y no olvides utilizar siempre la imagen como guía para dibujar el sombreado.
A veces es necesario cambiar el número de Pasos de la herramienta de Fusión para ajustar el medio tono a áreas más pequeñas. Para ello, igual que anteriormente, haz doble clic en el icono de la herramienta de Fusión en el panel de herramientas y cambia el valor de Pasos especificados.
||Paso 16
A continuación una imagen de nuestro retrato con nariz y boca sombreadas ya.
||Paso 17
Tuve que modificar algunos puntos en el cuello para ajustar el sombreado un poco más.
||Paso 18
Puedes utilizar algunas líneas cruzadas para generar otros tipos de medios tonos. En el cuello y los hombros por ejemplo es muy útil para que estos parezcan más profundos.
||Paso 19
El cabello es un grupo de líneas combinadas. Puedes jugar con estos grupos para crear la textura del cabello y darle un movimiento lo más natural posible ya que el efecto conseguido con la herramienta de Fusión es muy eficiente para estos casos.
||Paso 20
Ya tenemos la ilustración casi hecha. Ahora podemos jugar con los espacios negativos y agregar líneas blancas mezclándolas con las sombras oscuras. Eso sumará a la ilustración algunos detalles adicionales que la harán aún más interesante y realista. Para realizar este nuevo grupo de lineas utiliza la "Capa 3"
||Paso 21
Como puedes observar se consigue un buen efecto con el cruce de algunas de las líneas negras y blancas
||Paso 22
Este es el aspecto final de mi ilustración, con todo el sombreado terminado.
||Paso 23
Ahora, con la misma herramienta de Fusión, vamos a añadir un poco de textura en el fondo.
||Paso 24
Este es el aspecto final de la obra con las texturas creadas para el fondo. A continuación vamos a recortar.
||Paso 25
Con la herramienta Rectángulo (M) dibuja un rectángulo sobre la imagen. Selecciona (V) todos los elementos del retrato (incluido el rectángulo) y ahora re-selecciona el rectángulo y ve a Objeto/Máscara de Recorte/Crear.
|RESULTADO FINAL|
Video-Tutorial: |Editar Fotos de Larga Exposición|
||ANTES Y DESPUÉS
|Efecto de Texto Terrorífico|
||Paso 1
Crea un nuevo documento (800x600 píxeles). Aplica sobre la capa “Fondo” un Degradado Radial con los siguientes colores (#f8f8f8; #e0e0e0).
||Paso 2
Abre la imagen de la textura. Ve a Selección/Todo, a continuación ve a Edición/Copiar. Regresa a la ventana de tu diseño y Control+V para pegar.
Ahora aplica una Capa de ajuste Tono/Saturación. Asegúrate de aplicar una Máscara de recorte, para que esta capa de ajuste sólo afecte a la capa de la corteza subyacente.
Reduce la Opacidad de la capa a 30%, y cambia su Modo de fusión a Superponer.
||Paso 3
Carga el Pack de Pinceles descargado en la sección de Recursos de este tutorial. Crea una nueva capa llamada "Marcas de pincel”.
Aplica varias marcas sobre el lienzo (en color negro).
A continuación, cambia el Modo de fusión de esta capa a Superponer y reduce la Opacidad al 80%
||Paso 4
Crea un par de capas más por encima de “Marcas de pincel”. Aplica sobre las capas nuevas marcas en color negro y color blanco e igualmente que con la capa anterior cambia su Modo de fusión a Superponer y reduce su Opacidad al 80%
||Paso 5
Crea una capa de texto en el centro de tu lienzo. El texto evidentemente puede decir lo que quieras, en este caso yo sólo he escrito las letras "PSD". La fuente no es importante, pero te resultará más sencillo si utilizas un tipo de letra que sea bien legible y de color negro.
||Paso 6
Selecciona, corta y pega algunas de las ramas que aparecen en las fotos que has descargado de la sección de Recursos de este tutorial. Mantén estas imágenes en capas separadas para que puedas trabajar con una mayor comodidad.
||Paso 7
Coloca por ejemplo la imagen del árbol en la parte izquierda del lienzo, situándolo a la altura de la parte inferior de la letra P.
Ahora vamos a hacer que nuestro árbol encaje de una mejor forma con el resto de la composición. Para ello abrimos los Estilos de capa y le aplicamos una Superposición de colores para seguidamente aplicar una Capa de ajuste de Tono/Saturación (asegurándonos de aplicar una máscara de recorte a la misma).
||Paso 8
Vamos ahora a deformar nuestras ramas para adaptarlas a la forma de las letras. Para ello vamos a utilizar la herramienta Deformación de posición libre (Edición/Deformación de posición libre). Crea puntos en la rama para después moverlos hasta conseguir ajustarlos de la mejor manera posible a la forma de la letra.
||Paso 9
Así es como tu composición deberá verse una vez que hayas deformado varias ramas para cubrir todas y cada una de las letras. Con cada rama, asegúrate de aplicar el mismo Estilo de capa y el mismo ajuste de Tono/Saturación que los utilizados para la capa inicial.
Esta es la vista que deberás tener de la composición una vez terminados los pasos anteriores y eliminada la capa de texto.
||Paso 10
Crea ahora una nueva capa llamada "Marcas de pincel 2”. Selecciona de nuevo el Pincel descargado y aplica sobre las letras diferentes marcas para darle a las letras un sutil efecto de ramas deshilachadas.
Un consejo rápido a la hora de aplicar estas marcas es el de rotar el pincel para cada uno de los brochazos que vamos a dar, ya que no siempre coincidirán nuestros Pinceles con el ángulo que necesitamos para cada una de las letras. Para realizar dicha modificación bastará con abrir el panel de Pinceles y cambiar la opción de ángulo (Ventana/Pincel).
||Paso 11
El siguiente paso será crear una nueva capa a la que llamarás “Destellos”. Crea en ella varios Degradados radiales de color blanco a transparente.
A continuación cambia el Modo de fusión de esta capa a Superponer y reduce su Opacidad al 40%.
||Paso 12
Abre la imagen del cuervo, realiza una selección del mismo para de esta manera separarlo del fondo de la imagen que no nos interesa, a continuación ve a Edición/Copiar. Regresa a nuestro diseño y Control+V para pegar.
Sitúa el cuervo en la parte superior de una de las letras y aplícale el siguiente Estilo de capa.
||Paso 13
Y ya para finalizar vamos a aplicar una Capa de ajuste de Niveles con el fin de añadir un poco más de contraste a nuestra composición.
|RESULTADO FINAL|