Share
Este tutorial muestra cómo crear un efecto de vidriera en Adobe Illustrator. El método es bastante rápido y simple, pero el resultado se ve muy bien, especialmente cuando se usa una imagen hermosa como referencia. Empecemos!
A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.
Decidí crear un efecto de vitrales cuando vi una lámpara Tiffany muy hermosa. Y, aunque podría ser fácil crear un mosaico con efectos de trama de Illustrator, pensé que sería mejor hacerlo de otra manera. El método simple que describo en este tutorial involucra solo unas pocas herramientas. Además, obtendrás mejores resultados con una imagen de referencia, ya sea tu propio boceto, una foto o cualquier otra imagen que te guste.
Abramos Adobe Illustrator y creemos un nuevo documento. Haga que sea el tamaño de papel A4 predeterminado (210x297 mm horizontal), pero su imagen puede crearse en cualquier tamaño. Lo puse en modo de color RGB, pero puedes elegir CMYK si lo prefieres.
Ahora necesitaremos una imagen de referencia, y usted necesita saber algo al respecto. La resolución y la calidad no importan, puede ser una foto pequeña. Para un efecto de vidriera es mejor no elegir imágenes de alta frecuencia, lo que significa imágenes con muchos detalles pequeños o con objetos muy distantes..
Será bastante difícil reproducir áreas pequeñas con tantas piezas de vidrio (tendrás que crear cada una de ellas). Por lo tanto, los paisajes de la ciudad o los retratos detallados no son la mejor opción. Elija una imagen de baja frecuencia como una naturaleza muerta, flores o un paisaje. Vea los ejemplos a continuación.
De acuerdo, cuando elija la imagen de referencia, colóquela en su documento (Archivo> Colocar). Usé una gran foto "Ramo de primavera" que la fotógrafa rusa Nattalia Shloma me permitió usar en este tutorial. Ella tiene algunas composiciones de flores increíbles que son perfectas para los efectos de vidrieras..
Coloque y escale la imagen colocada a su gusto, de modo que el objeto principal esté en el centro. Luego, haga doble clic en la capa en el panel Capas (F7) y cambie su nombre a "foto". Marque la opción "plantilla", también ingrese 100% en el campo Atenuar a. De esta manera la imagen será visible incluso en modo de contorno..
Dejé algo de espacio en blanco para llenarlo con cristalería más tarde, y también decidí recortarlo con una máscara de recorte. Simplemente cree un rectángulo del mismo tamaño que su documento, seleccione la forma del rectángulo y la imagen, y luego presione Comando + 7.
Ahora crea una nueva capa y llámala "Cristalería". Elija la Herramienta de línea (\) y asegúrese de que su capa inferior con una imagen de referencia esté bloqueada, para que no la seleccione accidentalmente. Los colores no importan ahora, los cambiará más tarde, por lo que puede elegir un color de trazo vívido para trabajar con.
Ahora es el momento de crear la forma básica de la cristalería. Esta es la parte más lenta del tutorial y requiere un poco de paciencia. Dibuja el borrador de la cristalería, de modo que las líneas sean los bordes entre las piezas de vidrio..
Comienza a crear líneas que siguen los objetos principales de tu imagen. Asegúrese de que cada línea toque otra línea o el borde de la imagen con sus puntos finales. Está haciendo piezas de vidrio para el futuro, tenga en cuenta que la idea es dividir la superficie en objetos separados. Evitar abierto la línea termina, es muy importante, por lo que la superposición es la clave!
Encienda las guías inteligentes (Comando + U) para obtener ayuda. De esta manera verás donde se cruzan las líneas. No tienes que copiar la imagen de referencia exactamente. Decidí hacer la mesa plana y limpia, solté el tulipán caído y cambié la forma del jarrón..
Las áreas planas como la pared o la mesa constarán de piezas de vidrio más grandes, mientras que los objetos más pequeños (flores y hojas) necesitan un trabajo más detallado. Intenta dibujar líneas que sigan aproximadamente los bordes de cada objeto.. Recuerde: es mejor crear piezas de vidrio más pequeñas donde realmente no las necesitamos, que crear una pieza enorme donde necesitamos más detalles.
Aquí reemplacé la mimosa con hojas más simples para evitar demasiado pequeños detalles. Puede cambiar al modo de esquema (Comando + Y) si el color de la línea le molesta. Eso es lo que tengo por ahora..
Es fácil saber que está listo para el siguiente paso: simplemente desactive la visibilidad de la capa inferior y verá si las líneas parecen reconocibles. Asegúrese de que cada objeto importante de su foto de referencia tenga la pieza de vidrio delimitado por líneas en la capa superior.
Verifique dos veces que las líneas se toquen entre sí o el borde de la imagen. Corrija las brechas y los puntos que se encuentren a lo largo del borde: simplemente colóquelos en su lugar con la Herramienta de selección directa (A). Podrás corregirlo más tarde.
Una vez que el borrador de las líneas se vea bien, seleccione todas las líneas que creó (puede simplemente hacer clic en el círculo al lado del nombre de la capa en el panel Capas). Ahora elija la herramienta de deformación (Shift + R) y comience a deformar las líneas para hacerlas onduladas, comience con grandes piezas de vidrio utilizando el tamaño predeterminado de la herramienta. Cuando llegue a trabajar con piezas más pequeñas, cambie la configuración de la herramienta para manejar áreas más sutiles: haga clic en Entrar y ajuste la intensidad, la simplicidad y el tamaño.
También puede cambiar el tamaño de la herramienta de deformación rápidamente manteniendo presionada la tecla Alt y arrastrando hacia adentro o hacia afuera (para restringir las proporciones, también mantenga presionada la tecla Mayús). Haz que la línea repita la forma de los objetos de imagen. Tienes que terminar con algo similar a la imagen que se muestra a continuación (hice la capa inferior invisible).
Bueno, lo último que debe hacer antes de agregar color es crear un rectángulo que será el borde de la imagen. Asegúrese de que no tenga relleno y que toque las líneas para que no haya espacios. Ahora, seleccione la capa completa (líneas y rectángulo), agrupe estos objetos (Comando + G) y dé a este grupo un trazo de 3 puntos de color marrón claro (# BC8B0F).
Ahora debería hacer una copia de este grupo, la usaremos más tarde: presione Comando + C y Comando + F. La copia aparece sobre el grupo original. Ocúltelo por ahora presionando Comando + 3 o haciendo clic en el ícono del ojo al lado de la copia de grupo en el panel de capas. A continuación se muestra el aspecto con la imagen inferior desactivada.
Ahora agregaremos un poco de color a nuestra ilustración: seleccione el grupo original de trabajo en línea y vaya a Objeto> Pintura en vivo> Crear (Alt + Comando + X). Esto convierte al grupo en un grupo de pintura en vivo; el cuadro delimitador que lo rodea puede cambiar un poco. Ahora puede recolorear el espacio entre líneas con la herramienta Live Paint (K).
Para elegir muestras, le sugiero que vaya a Ventana> Bibliotecas de muestras y seleccione la combinación que desee (utilicé las bibliotecas "Alimentos" y "Naturaleza"). Simplemente haga clic en la muestra de color como color de relleno y lleve el cursor de la herramienta al área que desea pintar, se indicará con una amplia selección. Comience a pintar toda la imagen con los colores que desee (aunque no cambie el color del trazo).
Es posible que tenga algunos problemas al pintar su cristalería. Si algunas áreas aparecen como una sola debido a los espacios entre líneas, seleccione el punto final de la línea con la Herramienta de selección directa (A) y muévala para cerrar el espacio..
Si cree que faltan algunas líneas, dibuje nuevas líneas y deformelas con la herramienta de deformación, luego seleccione las nuevas líneas y el grupo de color en vivo y vaya a Objeto> Pintura en vivo> Combinar. Las líneas serán agregadas al grupo..
Sigue pintando tu imagen: puedes cambiar el color de cualquier pieza de este grupo si lo deseas con la misma herramienta de pintura en vivo. Desactive la visibilidad de la capa inferior para comprobar el relleno de la cristalería. A continuación es lo que tengo hasta ahora.
Para completar la forma básica de la cristalería, muestre el grupo de copia de seguridad que duplicó en el Paso 6 (presione Alt + Comando + 3). Seleccione el duplicado y cambie su trazo a 2 pt y color amarillo oscuro (# EAA00C). Ahora copie el grupo al frente nuevamente (Comando + C y Comando + F) y asigne a este un trazo de 1 pt y un color amarillo claro (# FCD515). De esta manera, los bordes de vidrio se ven como si estuvieran hechos con lámina de cobre..
Finalmente, recortemos la imagen. Dibuje el rectángulo sobre la cristalería para que cubra todo el lienzo (o puede copiar uno de la capa inferior). Convierta la capa en una máscara de recorte (seleccione la capa "Cristalería" en el panel Capas y elija Crear máscara de recorte en el menú desplegable). Puede bloquear la capa "Cristalería" ahora, ya que se realiza el trabajo básico.
Cree una nueva capa y llámela "Realismo" (ya que agregaremos algunos detalles realistas ahora). Cree un rectángulo que cubra todo el lienzo de nuevo (o copie el trazado de recorte de la capa de abajo). Duplíquelo dos veces y oculte las copias por un momento (Comando + C y Comando + F). Seleccione el primero y haga que se llene al 50% de negro sin trazo. Ahora vaya a Efectos> Artístico> Esponja, ingrese estos valores:
Puede ir al panel Opacidad ahora (Mayús + Comando + F10) y cambiar el modo de fusión del rectángulo a Superposición. Ahora, aún con la opción seleccionada, vaya nuevamente a Efectos> Boceto> Deformación plástica e ingrese lo siguiente:
Creará una agradable textura de vidrio. Puedes reducir su opacidad para un efecto más sutil. Además, si su documento tiene diferentes dimensiones, es posible que desee cambiar un poco la configuración de los efectos.
Desmarque la primera copia del rectángulo y rellénela con un degradado radial de blanco a negro. Mueva el punto central del degradado con la Herramienta de degradado (G) donde quiera que desee imitar la luz que se encuentra fuera de la ventana de vidrio. Ahora cambia el modo de fusión del rectángulo a Luz suave.
La imagen ya se ve bien, pero si desea agregar iluminación adicional, seleccione el tercer rectángulo sobre los otros dos, rellénelo con un color gris y conviértalo en una malla de degradado (Objeto> Crear malla de degradado), ingrese 4 para filas y 6 para columnas. Ahora cambie el color de algún punto a blanco, selecciónelos con la flecha blanca (A) y mueva algunos puntos y controles para crear las formas de las transiciones de color..
Ahora, otra vez cambie el modo de malla a Luz suave y ajuste la opacidad si lo desea. Este objeto imita fuentes de luz adicionales fuera de una ventana de vidrio. En este punto también cambié ligeramente los colores del grupo Light Paint. Eso es, abajo está mi resultado..
En este tutorial creamos un efecto de vidriera con un método simple utilizando varias herramientas de Illustrator. Puede usar la mayoría de las imágenes como referencia para crear este efecto, pero intente evitar las imágenes de alta frecuencia.
Este método produce buenos resultados cuando se crea desde cero, ya que puede hacer que una línea funcione al azar y pintarla como desee. Además, incluso el adorno más simple con este efecto aplicado se ve bien, mira la imagen de abajo. Espero que hayas encontrado algo útil para ti en esta técnica..
Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..
Accentsconagua