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 fotografía: Cómo crear un retrato HDR

Tutorial de fotografía: Cómo crear un retrato HDR

¿Luchando con cielos reventados o sujetos subexpuestos? ¿Por qué no intentas crear una imagen HDR?.

HDR: Abreviatura de High Dynamic Range, una imagen HDR hace lo que dice en la lata, yendo más allá del rango dinámico de la cámara al fusionar dos o más imágenes de origen, tomadas de la misma escena, a diferentes niveles de exposición, para capturar más detalles dentro las luces y las sombras.

La técnica utilizada para capturar estas imágenes de origen se conoce como horquillado y, en este tutorial, el fotógrafo Tigz Rice explicará cómo configurar y tomar una serie de imágenes fijas entre corchetes y luego fusionarlas en una imagen HDR, usando un ejemplo de una toma reciente. dispara con el modelo Blossom And Buttercups.

Paso: 1

Tutorial de fotografía: Cómo crear un retrato HDR

Primero, deberá configurar su cámara lista para tomar una serie de imágenes entre corchetes para crear su imagen HDR.

Esto será diferente en todas las cámaras, así que consulte el manual de usuario de su cámara. Configuré mi Canon 5D MK III para disparar +/- 1.

Como disparará en un par de segundos, es importante asegurarse de que tanto su modelo como su cámara estén lo más quietos posible durante la captura. Si tiene un trípode a mano, utilícelo. Un disparador remoto también puede ser útil para eliminar el movimiento de la cámara.

Paso: 2

Tutorial de fotografía: Cómo crear un retrato HDR

Una vez que tenga sus imágenes, transferirlas a su computadora. En Photoshop, vaya a Archivo> Automatizar> Combinar con HDR Pro … y haga clic en Examinar para localizar sus imágenes. Resalte los archivos de imagen elegidos y agréguelos a su selección.

Paso: 3

Tutorial de fotografía: Cómo crear un retrato HDR

Si tomó sus imágenes sin un trípode, es posible que desee marcar la casilla de verificación Intentar alinear automáticamente las imágenes de origen antes de presionar OK para iniciar la combinación de HDR.

Paso: 4

Tutorial de fotografía: Cómo crear un retrato HDR

Photoshop creará una nueva imagen HDR, además de abrir el cuadro de diálogo HDR Pro, donde tenemos una serie de opciones para ajustar nuestra imagen HDR.

En este punto, verifique que su Modo de imagen esté configurado en 16 bits, que es la configuración más alta que Photoshop admite por completo. También es posible que desee elegir un ajuste preestablecido desde el que trabajar. 

En la imagen comenzaremos con la configuración predeterminada.

Paso: 5

Tutorial de fotografía: Cómo crear un retrato HDR

Haga clic en la casilla de verificación Eliminar fantasmas para eliminar los efectos de halo alrededor de las áreas de contraste nítido.

Paso: 6

Tutorial de fotografía: Cómo crear un retrato HDR

La siguiente opción que tenemos es Edge Glow, que nos permite controlar el Radio (tamaño) y la Fuerza del brillo creado por áreas de contraste corto.

el fotógrafoTigz Rice cuenta que «Realmente no soy un fanático de este aspecto, especialmente cuando trabajo con tonos de piel en la imagen, así que elegí bajarlo por completo y agregar contraste más tarde de forma no destructiva».

Paso: 7

Tutorial de fotografía: Cómo crear un retrato HDR

Bajando rápidamente a la opción Avanzada inferior, también voy a restablecer el control deslizante de Saturación a cero, ya que tampoco sé desea que esto esté activado.

Paso: 8

Tutorial de fotografía: Cómo crear un retrato HDR

Pasando a la sección Tono y detalles de las opciones de HDR Pro, también «voy a tirar del control deslizante Gamma hacia la izquierda para aumentar el contraste entre las luces y las sombras en toda la imagen HDR».

«No quiero exagerar demasiado, ya que trabajaré en esto de forma no destructiva más adelante, y puedo ver que incluso un pequeño aumento ya está afectando al cielo».Tigz Rice

Paso: 9

Tutorial de fotografía: Cómo crear un retrato HDR

Para equilibrar el Gamma, use el control deslizante Exposición para ajustar los niveles de exposición generales de la imagen.

Aquí, ha bajado un poco la exposición para evitar volar el cielo.

Paso: 10

Tutorial de fotografía: Cómo crear un retrato HDR

En la parte inferior del panel HDR Pro, también tiene la opción de jugar con las pestañas Avanzado o Curva, lo que le brinda un control preciso sobre el rango tonal de su imagen HDR.

«Si bien quiero trabajar en la curva de tono de la imagen, optaré por hacerlo de forma no destructiva en la ventana principal de Photoshop».Tigz Rice

Cuando haya terminado con el panel HDR Pro, presione OK para ir a Photoshop propiamente dicho.

Paso: 11

Tutorial de fotografía: Cómo crear un retrato HDR

De vuelta en la ventana principal de Photoshop, diríjase al panel Ajustes y agregue una capa de Curvas. Esto permitirá hacer exactamente el mismo proceso que los controles Curve en HDR Pro, pero aquí podrás trabajar de forma no destructiva, lo que nos permitirá realizar cambios tantas veces como sea necesario sin tener que volver a iniciar el proceso HDR.

«Manipule la curva para aportar un poco más de contraste según sea necesario».Tigz Rice

Paso: 12

Tutorial de fotografía: Cómo crear un retrato HDR

Luego, agregue una capa de ajuste de Balance de color.

Comenzando con los tonos medios, «use los controles deslizantes para eliminar cualquier matiz de color notable. Solo debería necesitar ajustar uno o dos puntos por control deslizante».Tigz Rice

Paso: 13

Tutorial de fotografía: Cómo crear un retrato HDR

Repita el paso anterior, pero esta vez aplique los cambios a los aspectos más destacados y luego a las sombras según sea necesario.

Paso: 14

Tutorial de fotografía: Cómo crear un retrato HDR

Finalmente, continúe editando su imagen como de costumbre.» Aquí, he usado la herramienta Vertical en el filtro Camera Raw para enderezar la imagen y corregir la perspectiva en la ventana».Tigz Rice

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 animación: Convierte imágenes en GIF y videos

Tutorial de animación: Convierte imágenes en GIF y videos

Como se vio en los Grammy, la aplicación gratuita Plotagraph te permite agregar animacion a fotos y obras de arte. Así es cómo.

Agregar animación a ilustraciones y fotos es una forma garantizada de hacer que aparezcan en aplicaciones y sitios, desde Instagram hasta vallas publicitarias. Plotagraph le permite crearlos como GIF animados o vídeos listos para la web a partir de imágenes y fotos estáticas, por lo que no es necesario filmar videos o producir animaciones complejas, utilizando herramientas simples que no requieren ningún fondo en animación o VFX para lograrlo, puedes usar cualquier foto u obra de arte. Las imágenes que funcionan mejor para este efecto tienen áreas definidas de textura, especialmente aquellas que brillan para brillar.

Plotagraph está disponible como una aplicación gratuita para Mac y Windows e iOS.

Comenzaremos descargando la aplicación de fotografía en su teléfono o computadora de escritorio, abra el software continúe y cree una cuenta.

Trabajaremos en la versión de escritorio para este tutorial, aunque ambas plataformas tienen las mismas características. Puede comenzar con la versión gratuita por ahora y luego actualizar más tarde si lo desea.

Paso: 1

Paso: 1 Tutorial de animación: Convierte imágenes en GIF animados y videos

Haga clic en el símbolo + en la parte inferior de la aplicación y elija Crear fotografía.

Paso: 2

Paso: 2 Tutorial de animación: Convierte imágenes en GIF animados y videos

Elija la imagen en la que desea trabajar haciendo clic en el icono Elegir imagen, luego asigne un nombre a su proyecto y presione CREAR para comenzar a trabajar en su proyecto.

Paso: 3

Paso: 3 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que haya decidido a qué partes de la imagen desea agregar movimiento, haga clic en la herramienta Pincel y use el Pincel de máscara para pintar sobre cualquier área de la imagen que desee mantener congelada. Alternativamente, puede hacer clic en el botón Enmascarar todo y luego usar el Pincel borrador para quitar la máscara sobre secciones más pequeñas de su imagen. Deje un pequeño espacio alrededor de los bordes del área enmascarada para evitar que el efecto de animación se extienda al fondo más adelante.

Sugerencia: para aquellos que están acostumbrados a enmascarar en Photoshop, las mismas teclas de corchetes se aplican para cambiar el tamaño del pincel en Plotagraph, o puede configurarlo manualmente en la barra de herramientas Herramientas de pincel.

Paso: 4

Paso: 4 Tutorial de animación: Convierte imágenes en GIF animados y videos

A continuación, haga clic en el icono Pluma en la barra de herramientas, que controla la suavidad de los bordes de la máscara. En este caso, se busca obtener un borde ligeramente suave para la cola del vestido para que se mezcle con los bordes, así que haga clic en Primer plano y deslice el control deslizante Primer plano un poco hacia la derecha.

Paso: 5

Paso: 5 Tutorial de animación: Convierte imágenes en GIF animados y videos

Ahora agregamos algo de animación a nuestra imagen. Haga clic en el icono de la bailarina para acceder a los puntos de animación. Haga clic en + Puntos de animación, lo que le dará el cursor que necesita para comenzar a agregar algunas pautas de movimiento.

Paso: 6

Paso: 6 Tutorial de animación: Convierte imágenes en GIF animados y videos

Cree pautas de movimiento en las áreas de la imagen que desea animar haciendo clic y arrastrando con el cursor en la dirección en la que desea que viajen los píxeles.

En la imagen se han utilizado los reflejos naturales de la tela para dictar la dirección de las pautas de movimiento. Presiona el ícono Reproducir en la parte inferior para obtener una vista previa de tu animación.

Paso: 7

Paso: 7 Tutorial de animación: Convierte imágenes en GIF animados y videos

La longitud de la guía de movimiento también dicta qué tan lejos se mueven los píxeles, por lo que cuanto más sutil desee que sea el efecto, más corta debe ser la longitud de las guías de movimiento. Puede ver aquí que se ha usado una variedad de pautas de movimiento de longitud diferentes según la forma de la tela.

Paso: 8

Paso: 8 Tutorial de animación: Convierte imágenes en GIF animados y videos

Sugerencia: Deberá crear algunas de estas pautas de movimiento en toda el área que desea animar. Recuerde, es posible que no desee que todas las pautas de movimiento vayan en la misma dirección, así que experimente cambiandolas un poco.

Paso: 9

Paso: 9 Tutorial de animación: Convierte imágenes en GIF animados y videos

Si elige desbloquear el modo Pro, puede activar Rutas personalizadas, lo que le permite dibujar físicamente la ruta que desea que tome su animación. Es genial para agregar un poco de curvatura en el movimiento.

Paso: 10

Paso: 10 Tutorial de animación: Convierte imágenes en GIF animados y videos

También puede incluir puntos de anclaje / estabilizador para preservar cualquier punto específico de su área animada que no desee mover. Simplemente haga clic en la herramienta en el submenú Puntos de animación y haga clic una vez sobre el área con el cursor para dejar un pequeño punto rojo. Estas áreas específicas ahora no estarán animadas. Puede ver que se ha puesto algunos de estos en los pliegues flotantes de la tela. 

Fueron colocados ligeramente lejos del borde para permitirme animar hasta el borde del pliegue para una animación más realista.

Paso: 11

Paso: 11 Tutorial de animación: Convierte imágenes en GIF animados y videos

En la siguiente opción en la barra de herramientas, encontrará Propiedades de animación, donde puede establecer el estilo y la duración en segundos de la transformación total. Toma el tiempo necesario para crear una animación lenta y sutil.

Consejo: hay muchas más opciones en este panel cuando desbloquea la versión Pro, que son bastante útiles.

Paso: 12

Paso: 12 Tutorial de animación: Convierte imágenes en GIF animados y videos

Si ha actualizado a la versión Pro, en el lado derecho, haga clic en el símbolo de la eternidad para abrir la barra de herramientas de la biblioteca Plota FX.

Encontrará una biblioteca de archivos de video y audio que puede aplicar a sus imágenes para darles más vida a sus imágenes, o cargar las suyas propias si se siente creativo.

Apliqué el efecto de video ‘Partículas blancas’, el blanco lo configuré en un 5% de opacidad para un efecto muy sutil. Presiona el ícono de reproducción nuevamente para probar tu animación con la nueva superposición de efectos.

Paso: 13

Paso: 13 Tutorial de animación: Convierte imágenes en GIF animados y videos

También puede agregar su propio logotipo para marcar su creación utilizando la Biblioteca de imágenes fijas. Simplemente cargue su archivo, haga clic en Agregar y cambie el tamaño y la posición.

Paso: 14

Paso: 14 Tutorial de animación: Convierte imágenes en GIF animados y videos

Haga clic en el icono de sol en la barra de herramientas para que aparezcan los controles de Brillo / Contraste. También encontrará el tono , la saturación y contraste.

Paso: 15

Paso: 15 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que esté satisfecho con su animación, haga clic en el icono Exportar en la parte inferior derecha de la pantalla. Encontrará tres opciones. La opción de la izquierda es compartir su creación con la comunidad de Plotaverse. Y obtén comentarios sobre tus creaciones. La opción correcta lo lleva a sus exportaciones anteriores.

Paso: 16

Paso: 16 Tutorial de animación: Convierte imágenes en GIF animados y videos

La opción del medio le permite crear una exportación personalizada, donde puede controlar todo, desde el tamaño de la imagen hasta el tipo de archivo, e incluso el número de veces que se repite la animación.

Paso: 17

Paso: 17 Tutorial de animación: Convierte imágenes en GIF animados y videos

Una vez que haya creado una exportación, diríjase a su panel Mis exportaciones, donde puede ver y descargar sus animaciones en su escritorio para compartir.

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.

Tutorial de Photoshop: Cómo crear retratos vectoriales

Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 1 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 2 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 3 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 4 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 5 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 6 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 7 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 8 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 9 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 10 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 11 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 12 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 13 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 14 Tutorial de Photoshop: Cómo crear retratos vectoriales

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

Paso 15 Tutorial de Photoshop: Cómo crear retratos vectoriales

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%

[anuncio_b30 id=2]

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

Tutorial de Photoshop: Cómo hacer un collage.

Tutorial de Photoshop: Cómo hacer un collage.

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

Paso 1

Paso 1 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 2 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 3 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 4 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 5 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 6 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 7 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 8 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 9 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 10 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 11 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 12 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 13 Tutorial de Photoshop: Cómo hacer un collage

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 

Paso 14 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 15 Tutorial de Photoshop: Cómo hacer un collage

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

Paso 16 Tutorial de Photoshop: Cómo hacer un collage

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.

[anuncio_b30 id=2]

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