Tutorial de Photoshop: Cómo crear efectos vintage

Tutorial de Photoshop: Cómo crear efectos vintage

El fotógrafo Graham Boyd tiene una gran receta para envejecer imágenes digitales con resultados realistas, mucho mejores que los de Instagram o filtros en Photoshop.

¿Hay algo en la imagen principal de la que parece, bueno, no del todo correcto? 

De hecho, presenta una paradoja temporal importante digna del Dr. Who: a pesar de su estilo de los años 50, en el centro de la foto se encuentra un iPhone. Se coloca cómodamente en una de una nueva serie de fundas para iPhone del fabricante de accesorios Proporta, diseñada en colaboración con la marca de ropa vintage Lalita.

El flujo de trabajo de Photoshop para lograr ese aspecto antiguo fue ideado por el diseñador de productos de Proporta, Graham Boyd, quien también tomó la foto. 

Los pasos que describe le permitirán usar efectos sutiles para crear una imagen efectiva, y el uso inteligente de una serie de técnicas y capas debería brindar resultados de manera rápida y confiable. 

Como dice Graham, agrega una nueva dimensión a la fotografía digital.

Paso 1

Abra la imagen elegida en Photoshop. Seleccione Capa> Nueva capa de ajuste> Niveles y aumente la cantidad de negro en la imagen deslizando la flecha negra a 8. Duplique la capa de fondo y mueva la nueva capa a la parte superior de la pila de capas.

Haga clic con el botón derecho en la nueva capa en el panel Capas y seleccione Convertir en objeto inteligente. Esto le permite revisar o corregir fácilmente los efectos que aplica, en caso de que lo necesite.

Paso 2

Necesitamos aumentar el contraste y el grosor de la línea de la imagen, así que aplique un filtro de paso alto a la nueva capa (Filtro> Otro> Paso alto). Use un radio de 14. Establezca el modo de fusión de la capa en Superposición. Se acentuará las texturas estampadas, como la chaqueta de la modelo en esta foto.

Paso 3

Ahora disminuimos el contraste de la capa de fondo. Vaya a Capa> Nueva capa de ajuste> Brillo / Contraste y use una configuración de contraste de -20.

Paso 4

Agregue una nueva capa de ajuste de Curvas. Vaya al menú desplegable Canal y manipule cada canal individualmente. Para el canal rojo, aumente las luces y disminuya las luces bajas usando una curva en forma de S. Para el canal verde: aumenta los reflejos, mantenga los medios tonos neutros y disminuya los bajos. Para el azul, disminuye las luces y aumenta las luces bajas. Ahora debería tener un aspecto similar al anterior.

Paso 5

Cree una nueva capa sobre la capa de ajuste de Niveles y rellénela con un magenta completo (R255, G0, B255). Cambie el modo de fusión de esta capa a Trama y reduzca la opacidad a aproximadamente un 6%. Esto agrega un poco de la calidez asociada con el estilo vintage.

Paso 6

Seleccione la capa de fondo y agregue una capa de ajuste de Tono / Saturación. Mueva el control deslizante de saturación a -20. Esto blanquea la imagen sutilmente sin reducir la calidez agregada en el último paso.

Paso 7

Duplique la capa de fondo y seleccione Filtro> Ruido> Agregar ruido. Use una cantidad proporcional al tamaño de su imagen para dar un toque sutil (mi imagen es de 2,408 x 3,508px, también conocido como retrato A4 a 300 ppp, así que usé 8.0). Asegúrese de que Uniforme esté seleccionado y Monocromo deseleccionado.

Paso 8

Con su capa con ruido seleccionada, seleccione Filtro> Corrección de lente (o presione Cmd / Ctrl + Shift + R). Seleccione la pestaña Personalizado y, en la sección Viñeta, reduzca la cantidad a -100 y empuje el Punto medio a +35. 

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

Tutorial de Photoshop: Cómo cambiar el tamaño de imágenes por lotes

Tutorial de Photoshop: Cómo cambiar el tamaño de imágenes por lotes

Como parte de nuestra guía para principiantes de Adobe Photoshop, le mostramos cómo usar acciones y procesamiento por lotes para cambiar el tamaño de varias imágenes.

Si tiene una carpeta llena de imágenes cuyo tamaño desea cambiar, es posible que esté temiendo cuánto tiempo llevará abrir cada imagen en Photoshop, cambiar su tamaño, volver a guardarlas y cerrarlas todas de nuevo. Sin embargo, hay una manera de hacer que el cambio de tamaño de varias imágenes en Photoshop sea realmente rápido y fácil, pero primero requiere un poco de trabajo configurarlo. 

Lo primero es lo primero, querrá asegurarse de que todas las imágenes que necesita cambiar de tamaño estén en una carpeta. Dentro de esa carpeta (o donde prefiera que terminen sus imágenes redimensionadas) cree otra carpeta llamada algo así como «Imágenes redimensionadas».

Ahora, abra una de las imágenes en Photoshop (en el ejemplo, estamos usando Photoshop CC, pero este proceso también funcionará en versiones anteriores de Photoshop).

Crear una acción

Vaya al panel de acciones. Si no puede verlo, vaya a Ventana y haga clic en Acciones.

En la parte inferior del panel de acciones, entre la papelera y los íconos de carpeta, hay un ícono cuadrado «nuevo». Haga clic en él y verá aparecer la ventana Nueva acción.

Elija un nombre para su acción. Aquí, estamos cambiando el tamaño de nuestras imágenes a 512 píxeles de ancho, por lo que lo llamamos ‘Image Resize – 512px’. A continuación, puede elegir si desea que la acción se almacene dentro del conjunto ‘Predeterminado’ o en uno separado que haya creado. (Cree nuevos conjuntos haciendo clic en el icono de carpeta mencionado anteriormente).

Si desea crear un atajo para que la acción sea más fácil de realizar, puede hacerlo eligiendo una tecla de función en el menú desplegable y marcando shift y / o comando. También puede codificar con colores la acción si lo desea.

Una vez que haya elegido el nombre de la acción, el conjunto, el atajo y el color, ahora necesita registrar su acción.

Presione el botón de grabación y luego vaya a Imagen> Tamaño de imagen para abrir la ventana Tamaño de imagen (abajo).

Elija cómo desea cambiar el tamaño de sus imágenes. Puede cambiar las dimensiones para observarlas en diferentes medidas, como porcentaje o píxeles, y también puede elegir el ancho y la resolución.

Una vez que haya terminado, haga clic en «Aceptar».

Ahora, vaya a Archivo> Guardar como y luego elija la carpeta «Imágenes redimensionadas». No cambie el nombre de archivo de su imagen.

 Haga Clic en «Guardar».

Elija sus opciones de imagen y luego haga clic en «Aceptar».

Finalmente, cierre su imagen y luego, en el panel de acciones, haga clic en el ícono cuadrado de ‘detener’ al lado del botón rojo de grabación.

Tu acción debería aparecer ahora en tu panel de acciones.

Pon a prueba tu acción.

En caso de que hayas estropeado algo en algún punto de la línea, es mejor comprobar tu acción antes de intentar realizarla en varias imágenes.

Abra otra imagen que le gustaría cambiar de tamaño y luego seleccione su nueva acción.

Ahora, haga clic en el icono ‘reproducir’. Su imagen debería desaparecer de su ventana, pero ahora debería encontrarla, redimensionada, en la carpeta «Imágenes redimensionadas».

Cambiar el tamaño de varias imágenes procesadas por lotes

Ahora puede procesar sus imágenes por lotes para cambiar el tamaño de todas. Para hacer esto, abra Photoshop, luego vaya a Archivo> Automatizar> Lote.

Ahora debería ver la ventana Lote. Elija el conjunto en el que creó su acción y luego elija su acción.

Donde dice «Fuente», querrá elegir «Carpeta» y luego hacer clic en el botón «Elegir …» para elegir la carpeta en la que se encuentran todas sus imágenes.

No es necesario que elija un destino porque incorporó eso en su acción.

(NOTA: Si desea agregar una extensión a los nombres de archivo de sus imágenes, puede hacerlo seleccionando «Imágenes redimensionadas» como su carpeta de destino, y luego marque «Anular acción» Guardar como «Comandos». Ahora, escriba la extensión (en nuestro caso, podría ser «_512» para representar el tamaño de la imagen)).

Ahora haga clic en Aceptar.

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

Tutorial de Photoshop: Cómo crear un destello de lente realista

Tutorial de Photoshop: Cómo crear un destello de lente realista

Dale un nuevo giro a este efecto de destello de lente de Photoshop tan usado (y abusado).

El filtro Lens Flare de Photoshop es un efecto que se ha usado tanto a lo largo de los años, que se ha convertido en una especie de cliché en la ilustración digital. Lo cual es una pena, ya que en la situación adecuada, puede proporcionar una poderosa mejora de iluminación a una pieza.

Afortunadamente, Fabio Sasso nos ha proporcionado un tutorial que le muestra que si tienes una idea sólida y una ejecución única, no importa si toca un efecto que ha estado sobreexpuesto durante mucho tiempo para lograr el resultado que desee.

Aprenderás a presentar variaciones interesantes sobre un tema antiguo cambiando la posición de los destellos de la lente y el uso creativo de los modos de fusión, las herramientas de pincel y el color.

Así que prepárate para volver a familiarizarse con uno de los efectos más potentes del software de imágenes digitales.  Así que simplemente manténgase alejado de esas configuraciones predeterminadas .

Paso 1

Abra Photoshop y crea un nuevo documento. Agrega una nueva capa y rellénala con cualquier color. Etiqueta esta capa como ‘Degradado azul’, luego ve a Capa> Estilo de capa> Superposición de degradado. Para los colores degradados, use # 0c0c36 para el azul oscuro y # 25245e para el violeta claro.

Paso 2

Agrega una nueva capa y rellénala de negro. A continuación, vaya a Filtro> Renderizar> Destello de lente y seleccione el Tipo de lente principal de 105 mm con 100% de brillo.

Luego seleccione Filtro> Desenfocar> Desenfoque gaussiano y use 30 píxeles para el Radio. Lo último que se puede hacer con esta capa es cambiar su modo de fusión a Sobreexponer color.

Paso 3

Agrega otra capa y nuevamente, rellénala de negro. Luego, vaya a Filtro> Renderizar> Destello de lente y elija el Tipo de lente de zoom de 50-300 mm con 100% de brillo.

Repita los mismos procesos para el Desenfoque gaussiano y el modo de fusión que en el Paso 2.

Paso 4

Con la herramienta Rectángulo (U), agregue un rectángulo blanco del ancho de la página y colóquelo en el centro. Seleccione esta capa y vaya a Capa> Capas de grupo.

La capa de rectángulo estará dentro de una carpeta. Cambie el modo de fusión de la carpeta a Sobreexponer color.

Paso 5

Seleccione la capa del rectángulo y vaya a Filtro> Desenfocar> Desenfoque gaussiano. Utilice 20 píxeles para el radio. Como esta capa está dentro de una carpeta con Color Dodge, los bordes borrosos crearán un efecto de iluminación realmente interesante.

Paso 6

Agrega una nueva capa dentro de la carpeta con el rectángulo. Seleccione la herramienta Pincel (B) con un pincel muy suave y, usando blanco como color, pinte una segunda fuente de luz.

Paso 7

Repita el mismo proceso con la herramienta Rectángulo (U) y la herramienta Pincel (B) para agregar más elementos a su diseño.

Para la luz en el centro, crea algunas líneas verticales y luego ve a Filtro> Desenfocar> Desenfoque de movimiento. Use 90º para el Ángulo y establezca la Distancia en 90. Esto creará un elegante efecto de reflexión.

Paso 8

Ahora ve a Ventana> Pincel. Seleccione un pincel redondeado básico y establezca la Dureza al 0% y el Espaciado al 80%. Luego agregue otra capa dentro de la carpeta con los otros efectos de luz. Haga clic en un área cercana al centro y, manteniendo presionada la tecla Mayús, haga clic en la parte inferior izquierda para crear una línea de puntos.

Si el efecto es demasiado fuerte, ve a Filtro> Desenfocar> Desenfoque gaussiano y suavízalo un poco. Cambie la opacidad al 70%.

Paso 9

Agregue otra capa y pinte algunos puntos de luz con la herramienta Pincel (B) usando blanco para el color cerca del destello de lente grande. A continuación, vaya a Filtro> Desenfocar> Desenfoque radial. Utilice 15 para la cantidad, Zoom para el método de desenfoque y mejor para la calidad.

Paso 10

Agregue una capa encima de las demás y luego, usando la herramienta Pincel (B) con un pincel grande y suave, pinte una gran mancha rosa y dos grandes manchas azules. Cambie el modo de fusión a Luz intensa y la Opacidad al 50%.

Paso 11

Con la herramienta Elipse (U) agregue una elipse blanca. Vaya a Capa> Estilos de capa> Opciones de fusión. Cambie la Opacidad de relleno a 0, luego seleccione Sombra interior. Utilice Rosa para el color y Sobreexposición lineal para el modo de fusión. Establezca el ángulo en 90º, la distancia en 0, el estrangulador en 14% y el tamaño en 250 píxeles.

Paso 12

Agrupe esta capa en otra carpeta y hágala invisible (Capa> Máscara de capa> Ocultar todo). Seleccione la herramienta Pincel (B) y con un pincel redondeado de tamaño mediano, pinte con blanco sobre la máscara de capa para que un poco de las áreas izquierda y derecha de la elipse sean visibles.

Repite la misma técnica para crear otro reflejo de lente, pero esta vez más pequeño.

Paso 13

Ahora vamos a poner un efecto de filtro amarillo sobre todo. Vaya a Capa> Nueva capa de ajuste> Filtro de fotos. Seleccione Amarillo para el Filtro y 90% para la Densidad.

Paso 14

Seleccione todas las capas y duplíquelas, luego combine todas las capas duplicadas en una sola capa. También puede hacer esto usando un atajo de teclado (Cmd / Ctrl + Alt + Shift + E). A continuación, vaya a Filtro> Desenfocar> Desenfoque gaussiano.

Mueva esta capa para que esté debajo de la capa Filtro de fotos, luego cambie el modo de fusión a Pantalla con la Opacidad establecida en 50%.

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

Tutorial de Photoshop: cómo usar una tableta Wacom

Tutorial de Photoshop: cómo usar una tableta Wacom

Te explicamos las formas de hacer que tu tableta Wacom funcione mejor y más fácilmente con las herramientas de Photoshop, Intuos Pro, Intuos 5, Intuos 4, Intuos 3 Wacom, lo que brinda a los y tabletas Cintiq de son increíblemente populares en las industrias creativas diseñadores, ilustradores y fotógrafos más fluidez de movimiento y mucha más precisión en todo su procesamiento digital.

Sin embargo, asegurarse de que Photoshop y su tableta funcionen juntos a la perfección requiere algunos ajustes para adaptarse a cómo le gusta trabajar. El fotógrafo e ilustrador Tigz Rice explica cómo aprovechar al máximo su tableta Wacom cuando se usa con Photoshop.

También hay muchas funciones en Photoshop, incluidas algunas que no esperaría, que utilizan las funciones de presión e inclinación de las familias Wacom IntuosPro, Intuos 5, Intuos 4, Intuos 3 y Cintiq, así como el control táctil que se encuentra en Intuos Pro. y tabletas Cintiq. Tigz también te explica algunos de sus favoritos, dando ejemplos de cómo funcionan algunos de los tipos de pincel y cómo puede acceder a ellos y modificar la configuración para que se adapte a su propio flujo de trabajo digital.

Antes de comenzar, diríjase al sitio web wacom  para asegurarse de haber descargado e instalado los controladores más recientes. Siga las instrucciones de descarga e instalación, que solo deberían tomar uno o dos minutos.

Paso 1

Comencemos con algunas de las funciones táctiles integradas en la gama Wacom Intuos y Cintiq. Si ha usado un teléfono inteligente o una tableta antes, algunos de los gestos son muy similares a los que ya conoce, cómo hacer zoom y desplazarse. También puede girar el pulgar y el índice en el sentido de las agujas del reloj o en el sentido contrario a las agujas del reloj para rotar el lienzo.

Hay 13 ‘Gestos estándar’ integrados en las gamas Wacom Intuos Pro y Cintiq que funcionan con Photoshop. Puedes encontrar una lista de ellos, junto con algunas animaciones de demostración de gestos útiles, en las preferencias de la tableta Wacom en preferencias del sistema (Mac) o Panel de control (Windows).

Paso 2

Además de los 13 gestos estándar, hay 5 gestos totalmente personalizables para que programes tus propios accesos directos de Photoshop que utilizan tres, cuatro y cinco dedos.

Estos se pueden programar con cualquier pulsación de tecla que desee, incluida una selección de prácticos atajos de Photoshop, como Stamp Visible.

Paso 3

Para aquellos de ustedes en Cintiq Companion y Photoshop CC 2014, llevarán sus habilidades táctiles un paso más allá. Para activarlo, vaya a Photoshop> Preferencias> Funciones experimentales (Mac) o Photoshop> Preferencias> Funciones experimentales (Windows) y seleccione Usar gestos táctiles.

Deberás reiniciar Photoshop antes de poder comenzar a utilizar las funciones táctiles.

Paso 4

Si cambia constantemente el tamaño de su pincel, haga clic en el botón usar siempre presión para el tamaño en la barra de opciones. Esto permite que la presión del lápiz anule el tamaño de la marca en el documento.

Un toque suave esto dará como resultado una pequeña marca, mientras que un toque firme llenará toda el área de la marca del pincel. Esta función funciona con una amplia gama de herramientas, incluidas las herramientas Pincel, Borrador, Clonar, Curar, Esquivar y Grabar. Simplemente establezca el tamaño máximo de su pincel en el panel Pinceles y su pincel nunca se hará cargo de su trabajo.

Paso 5

De manera similar, si siempre cambia la opacidad de su pincel, haga clic en el botón ‘Usar siempre presión para opacidad’ para tener el mismo efecto en la opacidad de su herramienta.

De hecho, ¿por qué no probar los dos botones de presión juntos? Estos dos íconos son excelentes herramientas para los artistas digitales que intentan replicar marcas dibujadas a mano, que varían en ancho y presión.

Paso 6

Sobre el tema de las marcas dibujadas a mano, desde Photoshop CS5 en adelante, Adobe presentó Bristle Tips. Cuando se combinan con un Wacom Intuos Pro o Cintiq, estos simulan el movimiento de un cepillo de la vida real.

Con un mouse, estos no parecen hacer nada especial, pero la tableta Wacom detecta la dirección en la que el lápiz se acerca a la tableta e inclina el pincel en consecuencia para reproducir el ángulo.

Puedes elegir entre una variedad de tipos de pincel, incluidos pinceles puntiagudos, romos, angulares y en abanico. Hay algunos ejemplos de lo que puedes lograr con un lápiz, en comparación con usar la misma configuración con un mouse.

Consejo: si ha invertido en un bolígrafo Wacom Art, también puede mejorar la rotación del bolígrafo. Esto le permite girar el «cepillo» 360 grados completos sobre la función de inclinación.

Paso 7

Desde CS6 en adelante, Adobe también introdujo Erodious Brushes. Estos funcionan exactamente de la misma manera que los pinceles de cerdas, pero con la excepción de que se desgastan como un lápiz o una tiza cuando se usan, cambiando el tamaño, la textura y la forma de las marcas a medida que el medio se embota.

Puedes elegir entre una variedad de formas de punta, así como configurar la suavidad de la punta para controlar qué tan rápido se desgasta. 

Estos cepillos se pueden ‘restablecer presionando el botón’ Afilar punta ‘en el Panel de cepillos.

Paso 8

Si eso no fuera suficiente para ti, también hay una gama de aerógrafos controlados por Wacom disponibles, donde puedes controlar todo, desde el ángulo del aerógrafo hasta el tamaño y la cantidad de salpicaduras de pintura.

Estos pinceles son particularmente buenos para cielos estrellados. un par de ejemplos de técnicas de pincel que puede lograr con su Wacom.

Paso 9

Por otro lado, si estás utilizando una tableta Wacom pero desea fijar el ángulo en el que está trabajando su pincel para un proyecto en particular, puedes establecer anulaciones para X Tilt, Y Tilt, Rotación y Presión en la sección Brush Pose del panel Pincel.

Paso 10

Otro de mis efectos de pincel favoritos es Color Dynamics, que le permite hacer la transición entre los colores de primer plano y de fondo mientras dibuja.

Simplemente elija sus dos colores y luego, en el submenú Dinámica del color del Panel de pincel, elija entre Presión del lápiz o Inclinación del lápiz. Finalmente, marque la casilla de verificación aplicar por propina y estará listo para dibujar, este efecto es ideal para sombrear superficies.

Paso 11

Después de haber jugado con la dinámica del pincel y tener una idea de cómo funciona su tableta, es posible que desees personalizar la sensibilidad a la presión de su tableta para requerir más o menos presión del lápiz (dependiendo de su estilo de trabajo).

Vuelve al panel de preferencias de la tableta Wacom y haga clic en el icono del lápiz. En el  puede cambiar el Tip Feel de suave a firme.

Paso 12

También puedes personalizar la curva de presión si desea ser realmente preciso.

Paso 13

En este panel de preferencias de la tableta Wacom también podemos establecer preferencias para zurdos y diestros. Primero, haga clic en Opciones en la parte inferior y elija su ‘Mano’.

Paso 14

Luego, diríjase al submenú Mapeo y elija la orientación de sus ExpressKeys. Las personas zurdas suelen tener sus ExpressKeys a la derecha, por lo que pueden acceder a ellas con la mano que no dibuja.

Paso 15

Para los amantes de los accesos directos, todas las tabletas Wacom vienen con varias ExpressKeys en un borde, que le permiten programar más de sus accesos directos favoritos. Estos también se pueden configurar por paquete de aplicación, por lo que puede tener un conjunto para Photoshop y otros separados para (por ejemplo) Illustrator o Lightroom.

Lo que hacen las ExpressKeys se puede configurar en el panel de Preferencias de Wacom yendo al menú Funciones y eligiendo de los menús desplegables o escribiendo sus propias pulsaciones de teclas.

Paso 16

Si eres un amante de los accesos directos y te quedas sin ExpressKeys, todos los modelos Wacom Intuos Pro y Cintiq ofrecen la opción de crear tu propio menú radial, donde puedes agregar una gran cantidad de accesos directos y submenús en una ExpressKey.

Esta función es particularmente útil para cualquier persona que trabaje en el Cintiq Companion mientras está de viaje o en un espacio de trabajo reducido donde es posible que no tenga acceso a un teclado.

Paso 17

Finalmente, si ha olvidado en qué configuró todas sus ExpressKeys, la Intuos Pro tiene una práctica función de visualización frontal. Simplemente coloque el cursor sobre las ExpressKeys en este cuadro translúcido aparecerá en su pantalla para informarle en qué está configurada cada tecla.

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

Tutorial de Photoshop: Cómo crear una doble exposición

Tutorial de Photoshop: Cómo crear una doble exposición

Una excelente manera de ser creativo con su fotografía es combinar dos tomas en una ‘doble exposición’, replicando la antigua técnica del cuarto oscuro, pero con un control mucho más preciso usando Photoshop. Reunir bien dos (o más) fotos crea una imagen coherente que puede ser dinámica, hermosa, nostálgica o inquietante, según las fotos que use y cómo las combine. 

En este tutorial, el fotógrafo Tigz Rice lo guía a través del proceso de creación de exposiciones dobles en Photoshop, además de mostrarle dos resultados posibles bastante diferentes de la misma primera imagen.

Eliminará su modelo de su fondo utilizando las herramientas de recorte y enmascaramiento de Photoshop, incluido Refine Edge, use modos de fusión para unir las dos fotos y ajuste las capas para arreglar el aspecto de la pieza.

Tigz señala que, si bien algunas de las cámaras SLR digitales modernas de hoy en día, como la Canon 5D MkIII, tienen funciones integradas que le permiten crear fotos de exposición múltiple en ubicaciones, hay momentos en los que simplemente no hay tiempo suficiente para configurar una toma correctamente. – o tal vez solo desee un poco más de control sobre el resultado final. 

Las múltiples exposiciones creadas aquí se basan en una sesión de Tigz de la intérprete Aurora Galore.

Paso 1

Tutorial de Photoshop: Cómo crear una doble exposición

Abra la imagen elegida en Photoshop y haga las correcciones necesarias.

Paso 2

Haga clic en el icono Crear nuevo relleno o ajuste en la parte inferior del panel Capas y elija Color sólido.

Paso 3

Tutorial de Photoshop: Cómo crear una doble exposición

Rellene con blanco y presione OK.

Paso 4

Tutorial de Photoshop: Cómo crear una doble exposición

Haga clic en el candado de la capa ‘Fondo’, nuestra imagen original, para convertirla en una capa normal que podamos mover por la pila de capas. Arrástralo sobre las capas rellenas de blanco para que vuelva a ser visible. 

Paso 5

A continuación, debemos recortar nuestro modelo del fondo para que se siente sobre un fondo blanco puro. La herramienta más sencilla para fondos de color de bloque es la herramienta Selección rápida.

Cree una selección aproximada alrededor del modelo.

Paso 6

Tutorial de Photoshop: Cómo crear una doble exposición

Utilice la herramienta Refine Edge de Photoshop para dibujar alrededor del borde de la línea del cabello del modelo y capturar todos esos pelos finos y detalles. Para obtener instrucciones completas sobre cómo recortar usando el cuadro de diálogo Refinar borde, lea nuestro tutorial Enmascaramiento del cabello: cómo recortar el cabello en Photoshop aquí.

Una vez que esté satisfecho con su selección, elija Máscara de capa en el menú desplegable Salida y haga clic en Aceptar.

Paso 7

Tutorial de Photoshop: Cómo crear una doble exposición

Cambie el nombre de esta capa a ‘Imagen inferior’ y conviértala a Blanco y negro haciendo clic en el botón Blanco y negro en el panel Ajustes.

Paso 8

Así es como se ve mi imagen con la configuración estándar del ajuste Blanco y negro. Podemos ajustar los resultados, pero puede ser más fácil simplemente aplicar otro ajuste que haga exactamente lo que queremos.

Paso 9

Tutorial de Photoshop: Cómo crear una doble exposición

Agregue una capa de Curvas, también desde el Panel de Ajustes y use el panel de Propiedades emergentes para agregar más contraste a su imagen donde sea necesario. 

Las áreas más oscuras de su imagen son donde se mostrará la segunda ‘exposición’, así que asegúrese de tener suficiente área oscura para mostrar.

Paso 10

Tutorial de Photoshop: Cómo crear una doble exposición

Ahora, abra su segunda imagen en Photoshop. La segunda imagen puede ser cualquier cosa que desees; he usado otra pose de la misma sesión.

Realice los ajustes menores que sean necesarios.

Paso 11

Arrastre y suelte la nueva imagen en el primer documento, manteniendo presionada la tecla Mayús para centralizar la imagen. Cambie el tamaño según sea necesario presionando Cmd / Ctrl + T y manteniendo presionada la tecla Alt mientras arrastra en cualquiera de los puntos de las esquinas.

Paso 12

Tutorial de Photoshop: Cómo crear una doble exposición

Cambie el nombre de esta capa a ‘Imagen superior’ y conviértala a Blanco y negro usando el botón Blanco y negro en el panel Ajustes.

Paso 13

Tutorial de Photoshop: Cómo crear una doble exposición

A continuación, elija un modo de fusión que permitirá que se muestren áreas de ambas imágenes. 

Con ‘Imagen superior’ seleccionada en el panel Capas, elija uno de los siguientes cuatro modos de fusión: Aclarar, Trama, Sobreexposición lineal (Agregar) o Color más claro. Los resultados variarán dependiendo de sus propias imágenes. 

Paso 14

Con la herramienta Mover seleccionada (V), experimente con diferentes composiciones moviendo la capa ‘Imagen superior’ hasta que esté satisfecho con la ubicación.

Paso 15

Tutorial de Photoshop: Cómo crear una doble exposición

Dependiendo de cómo funcionen sus imágenes juntas, es posible que desee agregar otra capa de ajuste de Curvas sobre la capa ‘Imagen superior’, o retroceder y realizar más cambios en su capa de Curvas original para aumentar el contraste en las áreas de doble exposición.

Paso 16

Tutorial de Photoshop: Cómo crear una doble exposición

Agregue una máscara de capa a la capa ‘Imagen superior’ y, con un pincel negro suave, en mascare cualquier área de la máscara superior que crea que no encaja bien con la composición general.

Aquí, he recuperado algunos de los detalles de los ojos de la capa ‘Imagen inferior’.

Paso 17

Tutorial de Photoshop: Cómo crear una doble exposición

Finalmente, agreguemos un toque de color. En el panel Ajustes, haga clic en el botón Agregar tono / saturación. 

Marque la casilla de verificación Colorear en el Panel de propiedades. Desliza las barras de Tono y Saturación hasta que alcances el efecto deseado.

Paso 18

Tutorial de Photoshop: Cómo crear una doble exposición

Avanzando: También puede experimentar con una variedad de otras segundas imágenes, como esta selección de árboles que he almacenado en mis archivos de fotografías. 

Paso 19

Tutorial de Photoshop: Cómo crear una doble exposición

Usando el mismo método que se muestra en los pasos 7-13, apliqué esta imagen de los árboles como una ‘doble exposición’ para una apariencia más espeluznante.

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

Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Fusiona fotos y efectos de iluminación para crear una ilustración compuesta con textura en Photoshop.

¿Deseas fusionar varias imágenes a la perfección en un diseño? En este tutorial, Kevin Roodhorst nos enseña cómo hacer un gráfico inspirado en África compilado a partir de varios elementos fotográficos. Se le mostrará cómo agregar varias texturas y efectos, incluidos los efectos de iluminación, utilizando Photoshop e Illustrator.

Paso 1

Paso 1 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

En Photoshop, comience con un fondo oscuro que tenga texturas sucias. Descarga las imágenes que desee. En el ejemplo se eligió un elefante, una rana, bongos y un tigre. También se necesitará una foto de modelo.

Pégalos en la imagen y desaturar usando Imagen> Ajustes> Desaturar.

Paso 2

Paso 2 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Ahora agregue una imagen de fondo. Aquí, Kevin quería que el cabello del modelo se combinará con las formas del fondo, así que detrás de los objetos ha colocado un diseño en 3D que hizo con Cinema 4D.

Paso 3

Paso 3 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Comience a agregar más detalles. Cree algunas formas en Photoshop, como círculos y líneas, y cópialas en el proyecto. El propósito es utilizar estos elementos para centrar la atención en los objetos.

Paso 4

Paso 4 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Intente agregar algunas partículas pequeñas detrás de cada objeto, para crear más unidad. Aquí se han usado dos tipos diferentes de partículas. Uno con la herramienta Lazo (L) en Photoshop, en el que toma la herramienta Lazo y selecciona partículas diminutas y las copia y pega en otro lugar.

La otra forma es crear partículas en Cinema 4D usando el efecto Explosion FX.

Paso 5

Paso 5 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Cree algunos efectos de luz para agregar al proyecto. Vaya a Capa> Estilo de capa> Opciones de fusión y configure el Modo de fusión de cada efecto de luz en Pantalla, que debería tener un efecto agradable en los colores.

Cree otras formas 3D en Illustrator y coloquelas en la imagen; la combinación de los componentes de Photoshop e Illustrator debe formar un buen equilibrio de variación en el trabajo.

Paso 6

Paso 6 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Agregue más vitalidad al diseño agregando capas de color en la parte superior; usé cuatro: rojo, verde, marrón y naranja.

Para cada capa de color, experimente con diferentes opacidades y modos de fusión. En este diseño se optó por una tonalidad marrón que encaja mejor con el tema africano.

Paso 7

Paso 7 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Para resaltar mucho más los efectos de luz, aumente el contraste en algunos lugares. A continuación, agregue nubes yendo a Filtro> Renderizar> Nubes.

Establezca el Modo de fusión de esta capa en Superposición, nuevamente yendo a Capa> Estilo de capa> Opciones de fusión. Alrededor del diseño puede agregar todo tipo de efectos de partículas pequeñas y estrellas.

Paso 8

Paso 8 Tutorial de Photoshop: técnicas de composición fotográfica de alta gama.

Utilice la herramienta Enfocar (Filtro> Enfocar> Enfocar) para aclarar el diseño en lugares específicos, como los ojos del modelo, el elefante y el tigre.

Luego, verifique si se puede hacer más usando las opciones de brillo y color de contraste, que se encuentran en Imagen> Ajustes. En este caso, se disminuye el color usando Vibrance.

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

Tutorial de Photoshop: Cómo desbloquear una capa.

Tutorial de Photoshop: Cómo desbloquear una capa.

Puede haber ocasiones en las que desee proteger el contenido de una capa en Photoshop para asegurarse de que no se modifique accidentalmente. Para hacer esto, puedes bloquear capas.

Paso 1

Paso 1 Tutorial de Photoshop: Cómo desbloquear una capa.

Abra el archivo de Photoshop

En primer lugar, deberá asegurarse de que el archivo en el que está trabajando esté abierto en Photoshop. Aquí, estamos usando una foto de modelo, que se colocará frente a un fondo a rayas.

Estamos trabajando en sólo dos capas en esta imagen, pero es posible que esté trabajando en muchas más capas.

Paso 2a

Paso 2a Tutorial de Photoshop: Cómo desbloquear una capa.

Seleccione las capas que desea bloquear

Seleccione la capa que desea proteger en el panel de capas.

Bloquear capas individuales o un grupo de capas

Ahora, haga clic en el botón Bloquear (parece un candado) encima de las capas para bloquear ese panel y todas sus propiedades.

Si desea bloquear un grupo de capas, puede seleccionar varias capas y luego hacer clic en el botón Bloquear.

Ahora verá un pequeño símbolo de candado al lado de cada capa bloqueada.

Para desbloquear una capa, simplemente seleccionela y vuelva a hacer clic en el botón Bloquear. El símbolo del candado debería desaparecer.

Paso 2b

Paso 2b Tutorial de Photoshop: Cómo desbloquear una capa.

Bloquear parcialmente una capa

Si no desea bloquear todas las propiedades de una capa, puede bloquear parcialmente una capa siguiendo los siguientes pasos:

Bloquear píxeles transparentes

Para bloquear los píxeles transparentes en una capa, que solo le permitirá editar las partes de una capa que no son transparentes, haga clic en el botón cuadrado Bloquear píxeles transparentes.

Paso 2c

Paso 2c Tutorial de Photoshop: Cómo desbloquear una capa.

Bloquear los píxeles de la imagen

Para bloquear los píxeles de la imagen en una capa, que solo permitirá la modificación de los píxeles transparentes de la imagen, puede hacer clic en el icono Bloquear píxeles de la imagen, que parece un pincel.

Paso 2d

Paso 2d Tutorial de Photoshop: Cómo desbloquear una capa.

Bloquear la posición de los píxeles en una capa

Si desea asegurarse de no mover los píxeles en una capa, puede hacer clic en el botón Bloquear posición, que se parece a cuatro flechas.

Si se ha bloqueado parcialmente una imagen, el símbolo del candado que se muestra en esa capa en particular en el panel de capas no se completará por completo.

Paso 2e

Pso 2e Tutorial de Photoshop: Cómo desbloquear una capa.

Alternativamente, puede bloquear capas seleccionando la capa o grupo de capas y yendo a Capa> Bloquear capas y a continuación, elija sus preferencias en la ventana Bloquear capas

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

Tutorial de Photoshop: Cómo hacer fuego

Tutorial de Photoshop: Cómo hacer fuego

Aprende a usar la herramienta Render Flames de Photoshop para agregar fuego a tus fotos e ilustraciones.

Agregar llamas a sus imágenes nunca ha sido tan fácil gracias a la herramienta Render Flames recientemente agregada en Photoshop CC 2014, será mucho más sencillo.En este tutorial, el fotógrafo e ilustrador Tigz Rice nos muestra cómo usar la herramienta Render Flames para agregar fuego a una chimenea apagada en un compuesto digital.

Tigz también proporciona una amplia gama de consejos y técnicas para mezclar las llamas en su obra de arte y crear un brillo realista.

Paso 1

Paso 1 Tutorial de Photoshop: Cómo hacer fuego

Abra la imagen elegida en Photoshop y seleccione la herramienta Pluma (P). Asegúrese de que la herramienta esté configurada en Ruta en el menú desplegable superior izquierdo de la barra de opciones.

Paso 2

Pas2 2 Tutorial de Photoshop: Cómo hacer fuego

Crea una nueva capa y llámala ‘Flame 1’. Con la herramienta Pluma, haga clic y arrastre en el documento para crear una trayectoria curva en forma de S en la dirección en la que desea que aparezcan las llamas, desde x hasta x.

Paso 3

Paso 3 Tutorial de Photoshop: Cómo hacer fuego

Vaya a Filtro> Renderizar> Llama para abrir el cuadro de diálogo Llama en Photoshop. 

Paso 4

Paso 4 Tutorial de Photoshop: Cómo hacer fuego

En el menú desplegable Flame Type, elija One Flame Along Path.

Paso 5

Paso 5 Tutorial de Photoshop: Cómo hacer fuego

Ahora tiene la opción de personalizar completamente su llama, incluyendo Ancho, Complejidad, Turbulencia, Opacidad, Color e incluso cómo las llamas se reducen desde su origen.

Estos ajustes dependerán del tipo de llama que desee crear. Experimente con los parámetros para ver cómo funcionan. Si quieres llamas que fluyan hacia arriba como las de una chimenea real, puedes ver la configuración que se presenta en la imagen para conseguir eso aquí. 

Paso 6

Paso 6 Tutorial de Photoshop: Cómo hacer fuego

Presione OK para confirmar y use la herramienta Mover (V) con las teclas de flecha en su teclado para empujar las llamas en su lugar.

Paso 7

Paso 7 Tutorial de Photoshop: Cómo hacer fuego

En el panel Rutas, haga clic en el icono «Agregar» nueva ruta para crear una nueva capa de ruta, que nos permitirá trabajar en una segunda llama.

Paso 8

Paso 8 Tutorial de Photoshop: Cómo hacer fuego

Cree una segunda capa y cambie el nombre de esta ‘Llama 2’.

Una vez más, use la herramienta Pluma (P) para crear una nueva curva en forma de S que complemente el fuego en la capa ‘Llama 1’.

Paso 9 

Paso 9 Tutorial de Photoshop: Cómo hacer fuego

En lugar de volver a pasar por las opciones de Render Flame, podemos crear una llama con la configuración correspondiente a nuestra primera llama presionando Cmd / Ctrl + F y usando la función ‘repetir último filtro’ en Photoshop.

Paso 10

Paso 10 Tutorial de Photoshop: Cómo hacer fuego

Repita los dos pasos anteriores un par de veces más hasta que esté satisfecho con sus llamas.

Luego, resalte todas las capas de llamas y Mayús + clic en la capa: Agregar nuevo grupo para unir todas las llamas en un grupo. Cambie el nombre de este grupo a ‘Flames’.

Paso 11

Paso 11 Tutorial de Photoshop: Cómo hacer fuego

Comencemos ahora a mezclar un poco más estas llamas en su entorno. Primero, agregamos una capa de ajuste de Tono / Saturación sobre nuestro grupo ‘Llamas’.

Pase el cursor sobre la línea entre la capa de ajuste y el grupo mientras presiona Alt, hasta que aparezca un cuadro blanco con una flecha y luego haga clic para unir los dos. Esto se conoce como recorte.

Paso 12

Paso 12 Tutorial de Photoshop: Cómo hacer fuego

Seleccione la capa de ajuste y vaya al panel Propiedades. Reduzca la saturación de las llamas para que coincida con su entorno.

Para mayor control, haga clic en Maestro para acceder a un menú desplegable de colores. Seleccione Amarillos y reduzca la saturación para que sus amarillos estén menos saturados que los rojos en las llamas.

Paso 13

Paso 13 Tutorial de Photoshop: Cómo hacer fuego

De vuelta en el panel Capas, haga clic en el icono Crear nuevo relleno y elija Color sólido.

Como el ambiente tiene un tinte azul grisáceo, elegiremos un color similar para nuestro relleno. Una vez que esté satisfecho con el color, presione Aceptar.

Paso 14

Paso 14 Tutorial de Photoshop: Cómo hacer fuego

En el panel Capas, cambie el modo de fusión de su capa de relleno de color a Superposición y recorte esta capa a la capa Tono / Saturación a continuación, siguiendo el mismo proceso que en el Paso 11.

Paso 15

Paso 15 Tutorial de Photoshop: Cómo hacer fuego

Aún en el panel Capas, cambie el opacidad de la capa de relleno de color al 35% para reducir el efecto tonal en las llamas.

Paso 16

Paso 16 Tutorial de Photoshop: Cómo hacer fuego

Resalte el grupo ‘Llamas’ y haga clic en el icono Agregar máscara de capa. En la máscara de nueva capa, use un cepillo negro suave para cepillar con cuidado la rejilla de la chimenea.

Paso 17

Paso 17 Tutorial de Photoshop: Cómo hacer fuego

Duplique la capa de fondo y vaya a Filtro> Convertir para filtros inteligentes para convertir la capa en un objeto inteligente.

A continuación, vaya a Filtro> Filtro de Camera Raw para abrir el cuadro de diálogo Camera Raw. Haga clic en el icono de Filtro radial y agregue +0.5 Exposición y +50 Temperatura para crear un brillo para las llamas. Una vez hecho esto, presione OK.

Paso 18

Paso 18 Tutorial de Photoshop: Cómo hacer fuego

Con un cepillo negro suave en la capa de Smart Filters, enmascare el cálido resplandor alrededor de la chimenea para terminar.

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

Tutorial de Photoshop: Cómo crear un pincel

Tutorial de Photoshop: Cómo crear un pincel

Ponte cómodo con pinceles de Photoshop personalizados con tinta y brillantes técnicas de fotomontaje.

Si aún no está utilizando pinceles personalizados de Photoshop, entonces se está perdiendo una de las características más útiles de Photoshop: si se usan bien, aportarán estilo e individualidad a sus diseños, además de ahorrarle mucho tiempo.

En este tutorial, Craig Shields muestra cómo puede alejarse de la pantalla y crear sus pinceles desde cero de formas decididamente no digitales, usando tinta y pinceles, antes de ajustarlos para usarlos en Photoshop.

Parte del placer de este tutorial es la oportunidad que ofrece de alejarse de la computadora y ensuciarse las manos; Perfeccionará sus habilidades combinando medios digitales y tradicionales, además de divertirse.

Puede descargar una imagen de una nebulosa, un pincel personalizado creado por Shields y una textura de fondo.

Paso 1

Paso 1 Tutorial de Photoshop: Cómo crear un pincel

Para hacer sus propios pinceles de Photoshop personalizados, deberá buscar algunos pinceles viejos; cuanto más viejos, mejor. Además, necesitará un poco de tinta o pintura negra, una pequeña cantidad de agua y un poco de papel blanco normal para hacer sus marcas.

Paso 2

Paso 2 Tutorial de Photoshop: Cómo crear un pincel

Coge una hoja de papel, moja tus pinceles en un poco de tinta y empieza a pintar. Sea tan rudo y experimental como desee: intente diluir un poco la tinta para que las marcas que haga no sean negras sólidas, lo que agrega textura adicional a sus trazos. Haz tantas como quieras y diviértete con ellas.

Paso 3

Paso 3 Tutorial de Photoshop: Cómo crear un pincel

Ahora escanee sus marcas en Photoshop, luego vaya a Imagen> Ajustes> Desaturar para hacer todo completamente en blanco y negro. Finalmente, vaya a Imagen> Ajustes> Nivelación automática para hacer los blancos más brillantes y los negros más oscuros.

Paso 4

Paso 4 Tutorial de Photoshop: Cómo crear un pincel

Con la herramienta Lazo, dibuje aproximadamente alrededor de una de las marcas que hizo, luego vaya a Seleccionar> Gama de colores. Establezca la falta de claridad en 200, luego use el selector de color para hacer clic en la parte más oscura del trazo que ha seleccionado.

Paso 5

Paso 5 Tutorial de Photoshop: Cómo crear un pincel

Para convertir la selección en un pincel de Photoshop, vaya a Editar> Definir pincel preestablecido. Esto abre una ventana donde puede asignar un nombre a su pincel si lo desea. Su pincel personalizado ahora está en la paleta Pinceles. Repita este proceso para todos sus escaneos.

Paso 6

Paso 6 Tutorial de Photoshop: Cómo crear un pincel

Ahora necesitamos algo para usar tus nuevos pinceles. En Photoshop crea un nuevo documento A4 y ve y descarga la imagen de nuestro modelo.

Esto fue creado por Voivodess, quien amablemente nos ha dado permiso para incluir la imagen. Arrastre la imagen a su nuevo documento y colóquela en la parte inferior del lienzo. Nombra esta capa ‘Modelo’.

Paso 7

Paso 7 Tutorial de Photoshop: Cómo crear un pincel

A continuación, vaya a Imagen> Ajustes> Desaturar. Agregaremos nuestro propio color más adelante. También colocaremos cosas detrás de la modelo, por lo que debes cortarla del fondo. Con la herramienta Pluma, dibuja una ruta a su alrededor, haga clic con el botón derecho (Ctrl + clic) en la ruta y, a continuación, elija Hacer selección. Luego seleccione Capa> Máscara de capa> Revelar selección para hacer una máscara de capa.

Paso 8

Paso 8 Tutorial de Photoshop: Cómo crear un pincel

En la paleta Capas, haga clic con el botón derecho (Ctrl + clic) en la máscara de capa y seleccione Aplicar máscara de capa. Ahora agregamos algo de textura. Vaya a Capa> Máscara de capa> Ocultar todo. Seleccione la herramienta Pincel y tome uno de los pinceles que hizo anteriormente. Usando #FFFFFF como su color de primer plano, comience a pintar para revelar partes del

modelo. Intente usar diferentes pinceles para obtener diferentes texturas.

Paso 10

PAso 10 Tutorial de Photoshop: Cómo crear un pincel

Ahora que tiene el cabello listo, abra bg_texture.psd y arrástrelo detrás de la capa ‘Modelo’, nombrándolo ‘bg_texture’. Luego, seleccione la capa ‘Modelo’ y vaya a Imagen> Ajustes> Brillo y Contraste e ingrese los valores de 5 y 30. Esto hace que el contraste del modelo coincida un poco mejor con el fondo.

Paso 11

Paso 11 Tutorial de Photoshop: Cómo crear un pincel

Cree una nueva capa sobre la capa ‘Cabello’, llámela ‘Color de cabello’ y establezca la opacidad de la capa al 85%. Vuelve a tu paleta de pinceles y pinta algunas secciones de cabello coloreadas. Recomiendo elegir un color llamativo, como el # 6ADAE6, para pintar, si desea que su imagen resalte.

Paso 12

Paso 12 Tutorial de Photoshop: Cómo crear un pincel

 A continuación, crea otra capa, en la parte superior de su pila de capas, y llámela ‘Primer plano gris’ en la parte superior. Establezca el color de primer plano en # 969798 y haga trazos similares a los que acaba de hacer con el color. Asegúrese de establecer el modo de fusión de capas en ‘Multiplicar’.

Paso 13

Paso 13 Tutorial de Photoshop: Cómo crear un pincel

Y

a casi llegamos. Crea otra capa nueva y llámala ‘Gris oscuro’ y cambia tu color de primer plano a # 686868. Establezca el modo de fusión de la capa ‘Gris oscuro’ en ‘Multiplicar’ y pinte algunas formas y marcas más con los pinceles que creó anteriormente.

Paso 14

Paso 14 Tutorial de Photoshop: Cómo crear un pincel

Abra lighting.psd, arrástralo a la parte superior de la pila de capas y configure el modo de fusión de capas en Pantalla, nombrelo ‘Iluminación’. Elegí un color rosa, pero si quieres cambiarlo, ve a Imagen> Ajustes> Tono / Saturación y juega con los calores.

Paso 15

Paso 15 Tutorial de Photoshop: Cómo crear un pincel

Vaya a Capa> Nueva capa de ajuste> Niveles> Automático. Haz de esta la capa superior. Y por último, pero no menos importante, para obtener un detalle adicional, haz otra capa, llámala ‘Líneas blancas’ y dibuja tantas líneas blancas finas donde quieras, para terminar tu pieza.

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

Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Aprende a agregar calidez, suavidad, textura y profundidad a una obra de arte vectorial con las técnicas favoritas de Ari Liloan.

Las personas suelen pensar en las ilustraciones vectoriales como frías, mínimas y planas. Porque en su mayoría lo es y eso es parte del encanto de la ilustración vectorial.

Sin embargo, en realidad puede agregar una gran cantidad de calidez, suavidad, textura y dimensión en un entorno vectorial. 

Este tutorial centra algunas de estas herramientas y técnicas menos conocidas en Adobe Illustrator. Aprenderá cómo renderizar sombras y reflejos convincentes, algunos enfoques de mejores prácticas para el arte de líneas limpias, la herramienta de patrón, la herramienta de deformación, la transparencia, los efectos de desenfoque y, en general, agregar un poco más de amor a las ilustraciones vectoriales de lo necesario. 

Idea

Para demostrar técnicas menos conocidas en Illustrator, podrá observar diferentes texturas como vidrio, escamas, metal, cabello y piel. 

A menudo decimos que se requiere un cierto cóctel de habilidades para convertirse en ilustrador, por lo que un vaso de ginebra surrealista parece una elección adecuada de ilustración.

Comenzaremos mirando algunos materiales de referencia para tener una idea amplia de cómo la luz afecta a ciertos objetos. 

Dibujar

Dibujar Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Los bocetos ocurren en Adobe Photoshop. ‘Happen’ probablemente suene demasiado accidental, ya que aquí es donde ocurre toda la planificación y la contemplación.

Ari Liloan comenta que le gusta mantener sus bocetos bastante cerca del resultado final. De esa manera, no tendrá que confundir los detalles o preocuparse de cómo dibujar una mano correctamente una vez que se mueve al vector.

Arte lineal

Arte lineal Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Para el arte lineal usar la herramienta Pluma es una buena técnica ya que es la herramienta más poderosa en cualquier entorno vectorial.

Colocar el boceto en una capa separada con un modo de fusión de Multiplicar para luego pueder cambiar fácilmente de un lado a otro sin afectar el esquema de color general, ya que solo verás las líneas de tu boceto de esa manera.

Trucos de curvas Bezier

Curvas Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Un truco común para idealizar formas y líneas es presionar la tecla Shift mientras dibujas tus curvas Bezier.

También es una buena práctica trazar sus puntos de ancla en los extremos de una forma si desea que la forma se vea más perfecta.

Para las formas orgánicas no hay reglas, pero para las formas inorgánicas es una técnica útil a tener en cuenta.

Colores planos

Colores Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Para bloquear colores, necesitarás volver a dibujar todas las formas y ponerlas en una capa separada debajo de la línea de arte.

Un consejo dado por Ari Liloan es separar la línea y la forma, ya que te da más libertad para experimentar con el arte lineal en comparación con tener formas con un contorno. 

Aparte de la teoría básica del color, caminar entre los extremos de los esquemas de color, Agregar colores neón que duelen un poco a la vista junto a algunos pasteles apagados es un contraste interesante con el que es recomendable jugar.

Degradados

Degradados Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

El primer paso para agregar un toque de dimensionalidad es usar gradientes sutiles en lugar de colores planos. Simplemente agregando tonos rojos a las partes más oscuras de la cara o más blanco aquí y allá da una idea de dónde está la fuente de luz.

Es sutil pero sienta las bases de todos los demás efectos y es una gran herramienta para navegar por sus luces y sombras.

Sombras y luz

Sombra y luz Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Una vez que se ha establecido la fuente de luz, traza sombras y puntos de luz. Agrega las sombras a la forma usando el modo Dibujo interior.

Si la forma es demasiado nítida, puedes agregar suavidad para obtener una sombra de apariencia más realista de cuatro maneras: Resplandor interno, Desenfoque, Textura y Degradados.

Resplandor interior y degradados

Resplandor Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Al aplicar el modo de fusión de Multiplicar a las formas de las sombras lograrás desaparecer cualquier parte blanca. Incluyo un efecto Inner Glow, que suaviza los bordes y crea una sombra de aspecto más realista.

Puedes utilizar colores claros distintos del blanco para crear diferentes estados de ánimo.

Desenfoque

Desenfoque Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Un excelente truco es que se  puede utilizar un desenfoque de Gausisan en Illustrator, al igual que en Photoshop. Sin embargo, una advertencia: usa el efecto con moderación, ya que ralentiza enormemente Illustrator.

Los efectos y degradados de Inner Glow causan menos carga de computadora en su máquina y, por lo general, dan el mismo aspecto.

Textura

Textura Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Agregar textura también suaviza las formas nítidas.

Simplemente vaya a Filtro> Texturas> Agregar grano y ajuste como le gustaría crear su propia textura personalizada. 

Hacer esto crea chispas blancas dentro de la forma que desaparecerán una vez que agregues el modo de fusión Multiplicar.

Resaltados

Resaltados Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Agregar luces con la misma técnica que uso para las sombras, excepto que generalmente se establezca el modo de fusión en Aclarar o, a veces, Pantalla.

Para agregar textura a los reflejos, existe una pequeña solución: simplemente agregue una textura a otra forma, luego cópiala y pégala en el panel Transparencia y creará el mismo efecto.

Modos de fusión

Modos de fusion Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Recuerda usar principalmente Multiplicar para sombras y Aclarar para iluminar, pero puedes experimentar con otros modos. El uso de Color o Hue en un degradado, aplicado a un objeto, por ejemplo, empuja ciertas cosas al fondo.

La pantalla crea colores interesantes que pueden ser  utilizados para los reflejos en el vidrio; Sigue jugando con eso solo para ver qué pasa.

Un consejo: si trabajas con una paleta de colores limitada, jugar con el modo de fusión es una excelente manera de introducir nuevos colores que ya tienen el mismo ADN que su esquema de colores existente.

Sombras paralelas

Sombras Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

La clave para obtener sombras más convincentes es tener diferentes capas de oscuridad y suavidad. Cuanto más cerca está una sombra de un objeto, más oscura y dura es.

Las sombras que están más lejos son menos oscuras y suaves. La combinación de eso en diferentes formas es lo que hace el truco.

Un consejo: procura trabajar con tres formas, la primera es la sombra más oscura y dura, hasta la sombra más clara y suave para crear ese efecto.

Patrones

Patrones Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Otra herramienta útil que puedes utilizar con frecuencia es la herramienta Patrón, con esta puedes crear patrones realmente elaborados , pero en esta ilustración sólo se quería crear una textura muy simple de rasguños, dándole a la moneda un aspecto metálico. 

El efecto fue conseguido creando algunos rasguños y se utilizando la herramienta de patrón para crear una textura perfecta .

Warping y Shearing

Warping Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Si antes solías dibujar rayas, patrones o incluso la tipografía a mano, utilizar  la herramienta deformación y Sheartoolste ahorra mucho tiempo.

El adorno

Adorno Tutorial de Illustrator y Photoshop: Como hacer arte vectorial rebosante

Algunos pequeños detalles que requieren de mucho más esfuerzo: recomendamos utilizar líneas adicionales para agregar más profundidad al dibujo, como pequeños reflejos en la cara, cabello, escamas, reflejos en la moneda, bordes de la sombra.

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

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad