Ilustración colorida | Tutorial Photoshop

Ilustración colorida En este tutorial aprenderemos a crear una escena llena de color usando figuras y formas con la herramienta Licuar. Usaremos colores combinados y añadiremos figuras hechas con la herramienta pluma para crear un cuadro hecho totalmente en Photoshop. La única imagen de stock que usaremos será la de un modelo el cual integraremos a nuestra composición. También veremos cómo el detalle puede dar muchísima profundidad y originalidad de manera sencilla. El resultado final sera el Siguiente: Recursos Usados: Imagen Modelo Brochas de Halftone Paso 1: Fondo Abrimos un nuevo documento en Photoshop de 7 pulgadas de ancho por 11 de altura con una resolución de 300dpi. Lo primero que haremos será desbloquear la capa de fondo haciendo doble click en ella y presionando Enter. Después abrimos el menú de estilos de capa y nos vamos a ir a la opción de “Superposición de Degradado”. Con esto vamos a definir los colores principales que tendrá nuestra composición. En este menú vamos a seleccionar la opción de Revertir para voltear la disposición del degradado y vamos a seleccionar un estilo radial. Para escoger los colores que queremos vamos a hacer doble click en la pequeña imagen de degradado lo que nos llevará al menú Editor de Degradado. Aquí vamos a agregar dos marcadores más a la línea de degradado y vamos a hacer click en cada uno de ellos para seleccionar nuestros colores. Yo escogí una gama de verdes. Siéntete libre de experimentar con los colores que desees. Mi degradado va de un verde fuerte a claro, para esto utilicé los siguientes colores: Lo mejor es que uses los mismos colores que hayas escogido, estos cuatro tonos van a dar mucha riqueza al trabajo. Selecciona más tonos de un mismo color para que sea todavía mas compleja tu ilustración. Aunque casi todo el fondo va a estar cubierto por las figuras licuadas que vamos a crear es importante tener esta referencia de color y además así no quedarán en blanco las partes que no sean cubiertas por éstas. Paso 2: Círculo principal a licuar Creamos una capa nueva y nos pasamos a la herramienta de selección (M) y escogemos la de tipo elíptico. Mientras presionamos la tecla SHIFT vamos a trazar un circulo de aproximadamente 1000 pixeles de ancho. Usando la herramienta Balde de pintura (G) vamos a rellenar nuestro círculo con el segundo tono más oscuro (#19af5d) que vamos a usar como color base para empezar a pintar un degradado sobre el círculo. Ahora con el círculo todavía seleccionado,vamos a cambiar a la Herramienta Pincel (B) y seleccionamos un pincel redonda de aproximadamente 600 pixeles de ancho con una dureza de 0% a la cual vamos a bajar su opacidad al 80%. Escogemos como nuestro color principal el tono más oscuro de nuestra paleta (en este caso #0040643) y pintamos sobre el borde inferior del círculo. Ahora vamos a seleccionar el segundo color más claro (#25dd25) y a hacer lo mismo del lado contrario. Bajamos el tamaño del pincel a unos 450 pixeles y nos vamos al menú de pinceles. Para crear el pequeño destello de luz sobre el círculo y darle un acabado de esfera vamos a aplicarle un ángulo de -27 grados y una redondez del 72%. Esto achicara la altura del pincel y le dará una forma ovalada. Ahora para dar un acabado más realista de una esfera, vamos a achicar el tamaño del pincel a la mitad y pintamos con color blanco puro un último pequeño destello de luz. Ahora vamos a agregar algunos detalles que harán nuestras formas licuadas más ricas en color e iluminación. Crea una nueva capa arriba de tu círculo y con la herramienta de selección elíptica creamos otro círculo de 1000 pixeles pero ahora lo rellenaremos de color blanco. Crea una máscara de recorte entre las dos capas (ALT+CLICK entre las dos capas) para que el círculo blanco solo sea visible sobre la esfera que tiene debajo. Bajamos la opacidad de esta capa al 20%. Ahora tomamos la herramienta Borrador (E) con un pincel suave y borramos la parte exterior de este círculo para que solo quede una pequeña indicación de la silueta. También podemos agregar otro círculo blanco que cruce sobre el anterior para dar más detallado a la figura. Con la herramienta pluma (P) y usando un pincel chico tracé un destello más a través de la esfera, estos pequeños detalles son los que darán mucha vida a la composición y así aunque estemos usando solo una imagen para todas nuestras figuras no quedarán monótonas ni aburridas a la vista. Ahora tenemos terminada la figura inicial que duplicaremos y licuaremos para obtener nuestras formas abstractas con las cuales empezaremos a construir nuestra imagen. Paso 3: Licuando el Círculo Vamos a tomar todas las capas de nuestro círculo y a mezclarlas en una sola (CTRL+E). Cada vez que queramos crear una nueva forma vamos a duplicar esta capa para no perder la original. Puedes ir agrupando todas tus figuras licuadas en un Grupo (CTRL+G). Tomamos el círculo y vamos al menú Filtro > Licuar. En el panel de la derecha vamos a poner los siguientes valores para tener un pincel listo para licuar la imagen. Ahora todo lo que tenemos que hacer es experimentar con las diferentes herramientas de este filtro. Yo utilizo en especial la herramienta de “Deformar hacia adelante” y “Desinflar” El truco esta en tratar de crear figuras licuadas que sean “orgánicas” y que tengan fluidez además de lo que buscamos es que los colores se mezclen de la manera más uniforme posible y que no se corten de repente por culpa del filtro. Aquí hay una muestra de las figuras que utilicé para este tutorial. Trata de hacer figuras diferentes cada vez, mientras más complejas, lucirán mejor en tu trabajo. Recuerda crear un grupo para organizar todas estas figuras y no revolverte al momento de duplicarlas para irlas incorporando a la escena. Paso 4: Planeación de la composición Como esta composición consta de muchas partes separadas, modificadas y pegadas juntas para formar nuestra escena, primero tenemos que planear como vamos a montar nuestra imagen para no perdernos entre tantas capas y tener una idea de lo que queremos lograr. En la siguiente imagen verás como organicé en partes el trabajo. Cada una de estas secciones de la imagen estarán en grupos separados. Así no te confundirás con las capas que quieras acomodar o modificar. Además tendremos que decidir dónde estará nuestra fuente principal de luz (la cual determine tomando en cuenta la fuente de luz en el modelo), dónde caerán las sombras y el final de nuestro horizonte. Esto nos ayudará de gran manera al empezar a construir nuestra imagen y en cómo acomodaremos las formas licuadas para no tener que empezar nuestro trabajo sin idea de lo que queremos hacer. Paso 5: Montaje de la escena Vamos a empezar con la parte del piso de la imagen. Primero me voy a concentrar en la parte inferior izquierda para trabajarlo hacia el lado derecho y luego hacia el fondo.(Recuerda ir creando grupos para cada sección de la imagen) Tomamos una de nuestras figuras licuadas y la acomodamos en la parte del piso. Aquí vamos a usar mucho las herramientas de transformación, en especial la opción de “Perspectiva” Asi vamos a ir modificando de tamaño y perspectiva nuestras figuras para llenar el piso. Ya que tengamos acomodadas algunas piezas que usaremos como base, vamos a crear otras con la ayuda de la herramienta pluma (P). Crea una nueva capa y dibuja un patrón irregular en el piso donde hagan falta figuras. Acomódalas debajo de las que ya tienes. Esta será la primera capa del piso. Una vez cierres el camino da click derecho y click en la opción “Hacer Selección”. Ahora nos cambiamos a la herramienta Pincel y seleccionamos uno suave de 300 pixeles de ancho y 80% de opacidad. Escogemos como color un verde que sea un tono mas claro del que tenemos atrás y vamos a pintar dentro de la selección. Vamos a hacer lo mismo en la parte de la ezquina. Ahora para dar mas variedad hacemos otros trazos mas pequeños y los pintamos de la misma manera con un pincel suave y un tono mYa que tenemos distintas formas agrupadas, podemos empezar a duplicar y combinar algunas que ya tenemos y modificarlas para incorporarlas en otros lugares (así no tendremos que llenar con nuevas formas licuadas o con otras figuras).as claro al que tiene abajo (Recuerda crear capas separadas para cada pieza que hagas si quieres editar mas adelante). Vamos a crear otra figura que abarcará un area más grande que las anteriores. Traza tu camino y píntalo como antes, pero ahora incorpora más tonos para crear un degradado (de manera similar como lo hicimos con el primer círculo). Ahora para detallar esta parte que acabamos de incorporar podemos hacer una nueva capa y crear una máscara de capa en la cual trazaremos con la pluma otro patrón y esta vez solo lo delinearemos un poco con un pincel suave y el tono de verde más oscuro (en este punto puedes detallar tus figuras de la manera que quieras, ya sea delineando con otros tonos o hasta añadiendo colores complementarios). Ya que tenemos distintas formas agrupadas, podemos empezar a duplicar y combinar algunas que ya tenemos y modificarlas para incorporarlas en otros lugares (así no tendremos que llenar con nuevas formas licuadas o con otras figuras). Ahora que tenemos nuestras figuras en posición es momento de empezar a pintar las sombras. Como verás, algunas figuras tienen relieves en los que se separan de la parte que tienen atrás y es entre esos espacios donde vamos a agregarlas. Crea una nueva capa debajo de la forma a la que le quieras agregar una sombra y usa un pincel suave de unos 150 pixeles de ancho con una opacidad de 20% (o mas baja si te sientes cómodo) y empieza a pintar poco a poco con color negro en las orillas para crear las sombras. Ten muy en cuenta la fuente de luz principal y así podrás decidir dónde caerán las sombras. Aparte de las sombras vamos a aplicar iluminación en los bordes de algunas figuras. Para esto vamos a abrir el menú de estilo de capa en la figura que queramos y vamos a marcar la casilla de Bisel y relieve. Estos son los valores que ocupé para iluminar los bordes de las figuras mas claras: Ahora que tenemos terminado el lado izquierdo nos pasamos al lado derecho y lo rellenamos de la misma manera. Ten cuidado de no recargar demasiado la imagen ya que de tener demasiadas piezas juntas, puede que no se entiendan las superficies. Paso 6: Base e incorporación del modelo Ahora vamos a crear la base sobre la que se encontrará el modelo. Todas estas nuevas capas deberán estar sobre arriba de todas las demás. De la misma manera que antes toma la herramienta pluma pero ahora traza una figura un poco más alargada y no tan detallada. Para el color, usa tonos más fuertes que sobresalgan sobre los que tienes por debajo. Esta base la compuse de 3 formas diferentes. Como verás son más largas y menos detalladas que las anteriores. Recuerda agregarles tambíen algunos detalles como líneas sombreadas. Paso 7: Agregando el modelo Abrimos la imagen de stock del modelo y la extraemos de su fondo. Para esto usa el método que más te parezca sencillo, a mi me gusta utilizar la herramienta pluma para delinear un camino alrededor de la silueta del modelo y después convertirla a una selección la cual invertiré y borraré posteriormente. Un tutorial de cómo usar la pluma y con ejercicios encuentras aquí: Cómo usar la herramienta pluma Vamos a aplicar unos ajustes a la capa del modelo para que la saturación de sus colores se ajuste a la que tiene su ambiente. Nos vamos al menú Imagen > Ajustes > Tono y saturación (CTRL+U) y aplicamos los siguientes valores: Como hemos hecho con las figuras, vamos a agregar una sombra debajo de los pies del modelo. Esta vez usé un pincel más pequeño de aproximadamente 100 pixeles y 15% de opacidad. Agrega mas detalles ahora detrás del modelo. Como ves aquí yo puse un pequeño arco que va a estar sostenido con el fondo. Además usé una capa del círculo original que hicimos. Paso 8: Fondo Como lo hemos hecho en pasos anteriores, traza una figura para crear una sección del fondo. Estas deberán de tener a lo máximo 2 o 3 tonos en su degradado para que no se pierdan en la imagen. También intenta hacerlos un poco más grandes y menos detallados. Como antes, agrega sombreados y algunas formas muy sútiles en ellas. Ve colocando tonalidades de color mas oscuras en las capas que estén abajo de las iniciales. No olvides de crear una capa de sombras entre cada figura que pongas para crear profundidad y separación entre ellas. También recuerda detallar estas capas para que tu trabajo sea mas complejo. Rellena las partes inferiores con las demás figuras licuadas que tienes. Paso 9: Detallado final Crea un nuevo grupo arriba de todos los demás y renómbralo como “Detalles”. Descarga los pinceles Halftone y ábrelas en Photoshop. Selecciona blanco como tu color principal y toma cualquiera de los pinceles. Reduce su opacidad a 8%. Ahora en una capa nueva vamos a poner indicaciónes de halftone que enriquezerán mucho nuestra imagen.Varía el tamaño y el lugar donde aplicas el pincel. Usa la herramienta borrador con un pincel suave para borrar cualquier exceso de color blanco sobre las figuras. Ahora vamos a pintar unas líneas que nos ayudarán a delinear nuestras figuras. Crea una nueva capa y selecciona un pincel duro de aproximadamente 3 pixeles de ancho y activa la opción y cambia a la herramienta pluma.Vamos a trazar pequeñas líneas onduladas alrededor de las figuras más grandes. Delinea con este pincel algunos contornos de las figuras. Ahora cambiamos el color a blanco y hacemos lo mismo en otras partes de la imagen. Como último detalle agregué unas pequeñas indicaciónes de luz alrededor del modelo. En una capa nueva escoge un pincel suave de 150 pixeles de ancho y 50% de opacidad. Pinta indicaciones de pequeñas esferas de luz alrededor de toda la imagen. Y es así como terminamos la imagen. Puedes agregar o quitar cualquiera de los detalles sugeridos. Sin ellos la imagen quedaría plana así que es bueno enfocarnos en las pequeñas cosas que harán nuestra ilustración más atractiva. Guarda la imagen como .jpeg en máxima calidad, y si quieres puedes volver a abrirla en Photoshop y agregar un filtro de enfoque quitar algo del lo borroso de los trazos del pincel, aunque ten cuidado porque mucho enfoque puede hacer que los bordes de las imagenes queden un poco pixelados. Resultado Final: Bueno esto es todo. Espero que les haya gustado este tutorial sobre como crear una ilustracion colorida en Photoshop. Para los que buscan la fuente original Click Aqui.