Photoshop

Daniel Caballero te muestra cómo convertir fotos en ilustraciones vectoriales en este tutorial paso a paso de Photoshop.

En este tutorial de Photoshop, el artista español Daniel Caballero explica cómo crea sus obras de arte vectoriales a partir de referencias fotográficas en Photoshop. Detalla cómo combina elementos de diferentes fuentes y agrega elementos gráficos para crear una ilustración detallada, que incluye tatuajes, ropa, sombras e iluminación.

Aprenderás a usar la herramienta Pluma de Photoshop para crear formas y líneas claras, y luego estilizarlas con el estilo característico de Daniel. También explica cómo agregar y cambiar detalles y elementos para darle a la pieza un aspecto dibujado a mano. 

Ten en cuenta que, si bien Daniel ha utilizado la versión en español de Photoshop para crear este tutorial, cuando fue necesario, proporcionamos traducciones directas de los nombres y configuraciones de los paneles y herramientas en el texto.

Paso 1

A menudo usó fotos de mis amigos, familia y novia para ayudarme a crear mis ilustraciones; es fácil y rápido conseguir que creen las poses que quiero. Para esta pieza usé a mi hermana y borré todo el fondo de la imagen original usando la herramienta Borrar (E).

Cree un nuevo documento vertical A4 en Photoshop y luego, desde los archivos del proyecto, coloque Background.jpg. A continuación, coloque Photo.png sobre él como se muestra.

Paso 2

Construiremos el retrato creando bloques de piel, luego agregando líneas, ropa y los detalles. Primero, crea una nueva capa (Cmd / Ctrl + Shift + N) en el panel Capas y llámelo ‘Máscara’.

Seleccione un color para la piel; aquí usé # FAE0AF. Con la herramienta Pluma (P), crea un contorno vectorial alrededor del contorno del cuerpo. No incluya ninguna ropa o cabello que se extienda más allá de la forma del cuerpo, últimamente estarán cubiertos con otras capas.

A continuación, rellena la forma con el color de la piel. Abre el panel Trazados (Trazedos en español) y haz clic en el trazado Rellenar con el botón de color de primer plano en la parte inferior. Oculte esta capa, para que podamos usar la foto para crear la línea.

Paso 3

Crea una nueva capa, llamada ‘Líneas de piel’. Seleccione un color marrón oscuro y un pincel con un radio de 3px. Podemos usar el camino creado para la capa ‘Piel’ para crear líneas alrededor de todo el cuerpo y la cara. En el panel Trazados, haga clic en Trazar trazado con pincel.

Utiliza la herramienta Pluma y el comando Trazo con pincel para crear los labios, la nariz, los ojos, la línea de la mandíbula, las cejas y cualquier otra característica claramente definida. Para crear líneas más delgadas, simplemente baje el radio de su pincel antes de usar el comando. Utiliza un borrador con un pincel duro para arreglar las formas de líneas desordenadas.

Paso 4

A continuación, utilice la herramienta Pluma para marcar el contorno del cabello y rellénelo de negro. Use un cepillo fino para agregar pelos finos.

Paso 5

Debajo de la capa ‘Skin Line’, cree una nueva capa. Sobre esta pintura en ojos y labios, y dibuja algunas pecas con un pincel de menor opacidad. 

Paso 6

Crea una nueva capa para la camiseta en la parte superior de la pila de capas, llamada ‘Usar’.

Repite el proceso que usamos para el cuerpo en el Paso 2. Crea una forma rosa para la camiseta (yo usé: # E31F40) y luego aplica la herramienta Pluma para el contorno para crear otra capa llamada ‘Línea de desgaste’.

Usa la herramienta Pluma y el comando Trazo con pincel para agregar la tubería blanca. En una nueva capa, use nuevamente este proceso, pero esta vez usando un color negro, para hacer el contorno general y agregar algunas arrugas. Usa el borrador para estilizarlos.

Paso 7

Haz clic en la capa ‘Piel’. Cree una nueva capa usando Cmd / Ctrl + Shift + N, y selecciona Usar capa anterior para crear máscara de recorte. Llame a esta capa ‘Sombra de piel’ y cambie su modo de fusión a Multiplicar. Esta capa solo afectará al cuerpo, por lo que es perfecta para crear sombras rápidamente. 

Seleccione el mismo color que la piel y pinte formas de sombra en el cuerpo. Puedes combinar la iluminación de su fotografía o elegir una fuente de luz propia (siempre que recuerde ceñirse a ella para los pasos posteriores). Estoy trabajando con la luz que entra por la derecha.

Paso 8

Haz clic en la capa ‘Usar’ y repite el Paso 7 para agregar sombras negras, creando una nueva capa llamada ‘Usar sombra’. El mío se veía un poco duro, así que bajé la opacidad al 18%.

Paso 9

Abre el logo que deseas desde los archivos del proyecto en Photoshop. Cópialo y pégalo en la ilustración, luego arrástralo debajo de la capa ‘Wear Shadows’. Se te asignará automáticamente una máscara de recorte que la restrinja dentro del contorno de la capa ‘Wear’. 

He usado un cupcake aquí sin otra razón que me gusta usarlos en mis ilustraciones. Si no siente lo mismo, no dude en usar cualquier cosa que funcione como el logo de la camiseta. 

Paso 10

Por encima de la capa «Línea de desgaste», crea una nueva capa para los reflejos de la piel. Aplique la herramienta Pluma blanca para dibujar formas rellenas de las partes más brillantes del cuerpo y la camiseta, utilizando la iluminación de la foto original o la fuente de luz que eligió anteriormente como guía. Dale a esta capa una opacidad del 40%.

Paso 11

Trae el tatuaje y ponlo justo encima de la capa ‘Wear’. Cambia el modo de fusión a Multiplicar, para que oscurezca tu imagen con las formas de los tatuajes. Utilice un borrador duro para eliminar las partes de los tatuajes que se encuentran fuera del cuerpo.

Paso 12

Haz clic en la miniatura de la capa ‘Cuerpo’ y presione Cmd / Ctrl + J para duplicarla. Selecciona la capa inferior. Usa un ajuste de Tono / Saturación (Cmd + U) para oscurecerlo a negro y crear una sombra. Presiona OK. 

Seleccione Editar> Transformar> Distorsionar. Arrastra la esquina superior izquierda para darle perspectiva. Presiona Retorno. Luego vaya a Filtro> Desenfocar> Desenfoque gaussiano, con el radio de desenfoque en 35 píxeles. Dale a la capa una opacidad del 20%.

Paso 13

En la parte superior de la pila de capas, cree una nueva con una opacidad del 40% y use la herramienta Degradado (G) para hacer un degradado suave de negro a blanco que se extienda a lo largo de la dirección de su iluminación (tan negro- a blanco de izquierda a derecha en mi imagen). Esto le dará una sensación de iluminación más natural.

Paso 14

Sobre el degradado de negro a blanco, cree una nueva capa con un degradado de rojo a amarillo y déle una opacidad del 35%. Esto le dará una atmósfera más cálida a la ilustración.

Paso 15

Seleccione el botón Crear nueva capa de relleno o ajuste en el panel Capa y seleccione Tono / Saturación. Baja la saturación a -18%

Lea a continuación: Las mejores alternativas a Illustrator.

En este tutorial de Photoshop, te daremos todos los pasos necesarios que debes seguir para hacer un collage.

Paso 1

El primer paso al comenzar una pieza con muchas imágenes como esta es recopilar una variedad de imágenes de archivo que deseas utilizar. No te preocupes por ser exacto en tu elección de tomas, ya que no hay nada que te detenga posteriormente, para agregar o omitir imágenes.

Los sitios web como iStock y Shutterstock tienen muchas imágenes de animales, al igual que los mejores sitios de imágenes gratuitas.

Paso 2

Crea un nuevo documento A4 a 300 ppp, luego recorta una parte de la parte superior, de modo que termine con un lienzo de «pantalla ancha». Coloca el archivo, paisaje.jpg, luego vaya a Imagen> Ajustes y aumente el brillo y el contraste.

Paso 3

El cielo debe ser más dramático, por lo tanto, con un pincel grande y suave con el flujo al 40%, crea una nueva capa, establece el modo de fusión en Color Burn y aplica un poco de azul en ella.

A continuación, busca algunas imágenes de nubes, traelas al documento, establece el modo de fusión en Superposición y, utilizando una máscara de capa, borre partes para mezclarlas con las nubes existentes.

Paso 4

Tenemos nuestro telón de fondo. Ahora es el momento de empezar a poblar la escena. Busca una imagen de alguien caminando y sosteniendo una bandera. Trace su contorno con la herramienta Pluma (P). Haz clic derecho usando la herramienta Selección de ruta (A), luego seleccione Hacer selección y cópielo y péguelo en el documento principal. Mueva y cambie el tamaño para adaptarse.

Paso 5

Hagamos que nuestra fuente de luz provenga de la izquierda del lienzo y agreguemos efectos de iluminación en consecuencia. Ve a la capa que contiene al hombre y Cmd / Ctrl + clic en la miniatura de la capa. Crea una nueva capa y selecciona Capa> Máscara de capa> Revelar selección. Cambia el modo de fusión a Superposición, luego con un cepillo pequeño y suave, cepilla los bordes izquierdos de la capa para simular la luz que lo golpea. Haz lo mismo a la derecha de él, pero con el modo de fusión configurado en Normal y usando un pincel negro.

Paso 6

Con la luz viene la sombra, y lograr las sombras correctas es lo que hará que el hombre se mezcle adecuadamente con el paisaje. Cmd / Ctrl + clic en la capa man, crea una nueva capa debajo y rellénala con negro. Gíralo verticalmente, luego Cmd / Ctrl + clic en el punto de transformación medio inferior y arrástralo hacia arriba y hacia la derecha. Ahora ve a Filtro> Desenfocar> Desenfoque gaussiano e ingresa un valor de 1px.

Paso 7

A continuación, cambia el modo de fusión de la capa de sombra a Superposición, duplica la capa y establece el modo de fusión en Normal. Juega con la opacidad de cada capa para una apariencia realista. Crea otra capa y, con un pequeño pincel suave, agrega un poco de sombra alrededor de los pies del hombre. Agrega una máscara de capa si necesitas modificarla.

Paso 8

Hora de la bandera. Abre flag.jpg y, utilizando la técnica descrita anteriormente, recórtalo y colócalo en el documento principal. Escálalo, gíralo a su posición y usa los pasos anteriores para agregar la iluminación adecuada. Agrega una máscara de capa a la capa de la bandera y luego, con un pincel pequeño y duro, borre las partes para lograr un aspecto ‘rasgado’ en la parte inferior.

Paso 9

Ahora agregaremos algo de angustia a la bandera. Con un pincel como estos pinceles de acuarela gratuitos, aplica una máscara de capa sobre la bandera para crear este efecto. Luego, con un logotipo de su elección, tráelo al documento, establece el modo de fusión en Multiplicar y selecciona Filtro> Licuar y distorsione un poco, para que se mezcle bien con la bandera.

Paso 10

Comienza a agregar animales. Busca una imagen de león (yo utilicé esta de Fotolia) , córtala como lo hizo con los elementos anteriores y tráigala al documento. Aumente el brillo y el contraste para que se destaque, luego aplica las mismas técnicas de iluminación y sombra que usó para el hombre.

Paso 11

Al agregar sombra a los animales, obtendrá un mejor resultado si crea una nueva capa con una máscara de capa, luego usa un cepillo suave de tamaño mediano para agregar sombra a los pies.

Paso 12

Utilizando las técnicas que empleamos para el hombre y el león, coge flamingo.jpg y agrégalo a la composición. No te preocupes demasiado por el posicionamiento por ahora, ya que podemos jugar con eso, a medida que avanzamos. También agrega otras criaturas.

Paso 13

Agregar algunos pájaros en el aire agrega una sensación más dinámica, así que incorporarlos a la composición como lo hizo con las otras criaturas.

Para combinarlos con el cielo, aplique una superposición de degradado usando la configuración en la captura de pantalla.

Paso 14 

El detalle es uno de los toques finales, y para eso agregaremos algunos insectos y lagartijas. Coge snake.jpg y agrégalo al palo que lleva la bandera. Usando una máscara de capa, borre partes de ella, para que parezca envuelta alrededor del palo. También agregue una araña en la bandera y aplica una sombra básica en las opciones de fusión.

Paso 15

El hombre de la imagen nos está mirando, pero debería estar mirando en la dirección en la que se dirige. Para solucionar este problema, obtuve una cabeza orientada de la manera correcta y envuelta en una bufanda. Aplique una máscara de capa a la capa de hombre y borre su cabeza. Utilizando las técnicas que aplicamos para los animales, haga lo mismo con la nueva cabeza y coloque y escale para que quepan.

Paso 16

Finalmente, agrega algunos toques finales, como los adornos al hombre que se muestran. Cambiemos también el estado de ánimo de la pieza. Experimentaremos con el balance de color agregando un mapa de degradado y capas de ajuste de balance de color y brillo / contraste en la parte superior de la pila de capas. Además, aplique texture.jpg con un modo de fusión Overlay al 30% de opacidad, y coloque esta capa justo encima de la capa con las nubes que agregamos anteriormente.

Lea a continuación: Las mejores alternativas a Illustrator.

Nuestra guía para principiantes continúa con un vistazo a cómo recortar una imagen en Photoshop.

Es posible que desees recortar una imagen si has tomado una foto brillante pero hay demasiado espacio alrededor del sujeto, por ejemplo o si tiene un tamaño y forma en particular que deseas que tenga tu imagen, puedes usar la herramienta Recortar para lograrlo.

Primero, deberás abrir la imagen que deseas recortar en Photoshop. Aquí, estamos usando Photoshop CC, que presenta las actualizaciones de la herramienta Recortar introducidas por primera vez en la versión Creative Cloud de Photoshop CS6. También usamos una fotografía de un loro dormido para ilustrar.

Nota: Si estás utilizando una versión anterior de Photoshop, encontrarás que, si bien la base de este tutorial aún se aplica, su herramienta de recorte puede verse diferente y tener diferentes capacidades.

Por ejemplo, las herramientas de recorte en Photoshop CC y Photoshop CS6 no son destructivas, lo que significa que puede optar por retener los píxeles recortados en lugar de eliminarlos por completo.

Para obtener consejos sobre cómo recortar imágenes en Photoshop CS5 o una versión anterior, consulta la Ayuda de Photoshop de Adobe.

Paso 1

Elige la herramienta Recortar

Una vez que haya abierto tu imagen, deberás seleccionar la Herramienta Recortar de la barra de herramientas

Paso 2

Elige tu área de recorte

Puede dibujar una nueva área de recorte haciendo clic y arrastrando donde desea que esté, o puedes arrastrar los controles de las esquinas y los bordes para cambiar el tamaño del área de recorte del área elegida automáticamente cuando cambió a la herramienta Recortar.

Paso 3

Utiliza la barra de control para especificar las opciones de recorte.

Para ayudarle a recortar la imagen exactamente de la forma que desea, puedes utilizar la barra de control para elegir las opciones de recorte.

Si deseas contraer tu recorte, puedes usar el menú desplegable para elegir si deseas recortar tu imagen en función de una proporción o tamaño, y aquí hay varios ajustes preestablecidos entre los que puede elegir.

Alternativamente, después de seleccionar Proporción o Ancho x Alto x Resolución en el menú, puedes ingresar los valores que desea recortar en los cuadros al lado del menú desplegable.

Paso 4

Proporción

Si eliges Proporción, escribe tu proporción preferida en los dos cuadros. Por ejemplo, si escribes 1 en el primer cuadro y 1 (una proporción de 1: 1) en el segundo cuadro, obtendrás un área de recorte cuadrada.

Paso 5

Si has elegido W x H x Resolución (tamaño), también deberás ingresar sus valores, pero esta vez en tres casillas. El primer cuadro es el ancho que deseas que tenga tu imagen y el segundo es la altura. Ambos asumirán automáticamente que deseas que esos valores estén en centímetros (cm), pero si deseas píxeles, deberás escribir px junto a su valor.

El tercer y último recuadro es la resolución. Puedes elegir si deseas que este valor se mida en píxeles por centímetro (px / cm) o píxeles por pulgada (ppi).

Puedes presionar las flechas entre los dos cuadros para intercambiar los valores de ancho y alto.

El botón de borrar eliminará todos los valores que haya ingresado en los cuadros.

Paso 6

Elige una superposición que te ayude a recortar

A continuación, echaremos un vistazo al botón de vistas (parece una pequeña cuadrícula), que te permite elegir qué guías de superposición preferiría ver cuando recortas imágenes. Puedes elegir entre Regla de los tercios, Cuadrícula, Diagonal, Triángulo, Proporción áurea y Espiral áurea.

Si prefieres no ver una cuadrícula, puedes marcar No mostrar superposición nunca.

Además, puedes recorrer las superposiciones presionando O en tu teclado.

Paso 7

Cambia la configuración del engranaje para que se adapte a tus preferencias

El engranaje, que es el botón Configuración, te permite especificar opciones de recorte adicionales. A partir de ahí, puedes optar por usar el modo Clásico, que te llevará de regreso a la herramienta Recortar que se encontraba en versiones anteriores de Photoshop, por lo que puede ser más familiar para algunos.

Si prefiere no ver la parte de tu imagen que está a punto de ser recortada, puedes desmarcar Mostrar área recortada aquí. También puede desmarcar Auto Center Preview, aunque esta función nos resulta útil.

Habilitar el escudo de cultivo significa que podrá ver el área recortada, pero se atenuará. Si desmarcas esta opción, verás el área recortada tan brillante como el resto de la imagen. Aquí, puedes ajustar el escudo de cultivo para que se adapte a tus preferencias.

Paso 8

Haz que la herramienta Recortar no sea destructiva

Si has marcado Eliminar píxeles recortados, significa que todo lo que esté fuera del área de recorte desaparecerá cuando apliques el recorte.

Sin embargo, si desmarca Eliminar píxeles recortados, Photoshop mantendrá las áreas recortadas de tu imagen como parte de los documentos en caso de que cambie de opinión y desee recuperarlas más tarde.

Enderezar tu imagen

Es posible que también hayas visto el botón Enderezar, que te permite enderezar tu imagen durante el recorte.

Para usarlo, asegúrese de tener el botón seleccionado y luego haz clic y arrastre dentro de su imagen. Notarás que estás trazando una línea.

Si su fotografía es de un edificio pero no la tiene del todo recta, por ejemplo, puede hacer clic y arrastrar esta línea para que siga la línea del edificio en su imagen, y luego torcerá su imagen para hacer esa línea perfectamente horizontal.

Alternativamente, puedes hacer clic fuera del área recortada para rotar tu imagen manualmente.

Paso 9

Recorta tu imagen

Ahora, si estás satisfecho con el aspecto de tu imagen dentro del área recortada, puedes aplicar el recorte haciendo clic en el botón de marca.

Lea a continuación: Las mejores alternativas a Illustrator.