Share
En el tutorial para principiantes de hoy, les mostraré cómo crear un Polaroid vectorial, con un uso mínimo de la herramienta Pluma. Luego te mostraré cómo puedes usarlo en combinación con otra ilustración para enmarcarlo.
Cuando mi compañero y yo nos reunimos por primera vez, él intentaba impresionarme queriendo aprender a crear arte vectorial. Lo primero que le enseñé fue crear un vector Polaroid. La razón es que no requirió mucho uso de la herramienta Pluma, que puede ser desalentadora cuando la prueba por primera vez. Además, le presentó algunas herramientas y efectos bastante impresionantes. No hace falta decir que me impresionó y nos vamos a casar el próximo año..
Así que empecemos con el tutorial y aprendamos a crear tu propio vector retro Polaroid.!
Voy a comenzar a crear el Polaroid vintage con algunas formas base hechas de rectángulos con la herramienta Rectángulo (M). Como tiene relaciones específicas, voy a hacer clic una vez en el lienzo e ingresar los valores para los tres rectángulos que deseo crear. Por ahora, los colores de estas formas no son relevantes, ya que los cambiaremos más adelante.
El primero que sea el más grande del trío será 540pt por 650pt.
El segundo permitirá un ligero borde alrededor del marco y tendrá 505 puntos por 600 puntos.
Y el más pequeño será 505pt por 485pt..
Como te habrás dado cuenta, nuestros rectángulos no están en las posiciones correctas para una fotografía instantánea de la película, así que usaré el panel Alinear (Windows> Alinear o Mayús + F7) para ayudar a colocarlos..
Primero, seleccione Todos (Comando + A) de los rectángulos y use la opción Centro de alineación horizontal.
He deseleccionado el rectángulo más grande y con los dos más pequeños, usé la opción Vertical Align Top. Mientras aún estaba seleccionado, usé las teclas de flecha en mi teclado para empujar hacia arriba ambos rectángulos en la posición de abajo. Si los ha movido fuera del centro, siempre puede seleccionar Todos (Comando + A) y usar el Centro de alineación horizontal para centrarlos nuevamente..
Voy a redondear ligeramente las esquinas del rectángulo más grande. Seleccione la forma y vaya a Efectos> Estilizar> Esquinas redondeadas e ingrese el valor 6pt y haga clic en Aceptar.
Este es un Efecto Vivo, lo que significa que puede volver al panel Apariencia para modificar este valor en cualquier momento. Puedes ver que es un Efecto Vivo mirando la forma de abajo. Aunque la forma azul en realidad tiene una esquina curva, los puntos alrededor de la forma siguen siendo los de un rectángulo..
Voy a eliminar el Efecto Vivo, pero mantener la forma de las Esquinas Redondas manteniendo la forma seleccionada y yendo a Objeto> Expandir Apariencia. Sabrá que el Efecto vivo se ha expandido ya que la forma ahora tiene dos puntos en la esquina en lugar de solo uno.
Si miras la parte posterior de una Polaroid, notarás que hay pliegues y una bolsa de pasta de desarrollo alrededor de los bordes y en la parte inferior respectivamente. Voy a usar la herramienta de segmento de línea (\) para cortar los pliegues y la bolsa. Para que las líneas sean más fáciles de hacer coincidir con las formas ya dibujadas y los puntos de nuestros rectángulos, voy a habilitar las Guías inteligentes (Comando + U).
Si no ha usado Guías inteligentes anteriormente, después de habilitarlas si mueve el cursor lentamente alrededor de las formas, notará que se ajusta a puntos y caminos. Esta característica es excelente cuando se desea dibujar líneas precisas, como lo será hoy..
Comenzaré a dibujar una línea desde una esquina y a superponer un punto, mientras mantengo la línea hasta que aparezca la Guía inteligente que resalta el borde del rectángulo de tamaño mediano. Hago clic en este punto final con las Guías inteligentes resaltando "ancla", así que sé que las líneas quedarán alineadas.
Mantener pulsado Shift ayudará a crear una línea vertical perfectamente recta. Al mantener presionada la tecla Mayús, puede crear una línea que se encuentre en un ángulo estricto de 45 grados en cualquier dirección. He utilizado este mismo método para crear la línea horizontal a lo largo de la parte superior de la foto. Nuevamente, he usado los beneficios de las Guías inteligentes para garantizar que mi línea horizontal esté tan alineada como en el "camino" resaltado donde las líneas se encuentran.
Puede usar las guías inteligentes cuando use las herramientas de forma (así como muchas de las otras herramientas de inteligencia artificial), como se muestra a continuación. Aquí he usado la herramienta Rectángulo (M) y me he asegurado de que esté al ras en ambos lados de las líneas verticales.
Dibujé las siguientes líneas para separar nuestra Polaroid. He agrupado todas las líneas juntas (Comando + G).
Voy a Copiar (Comando + C) y Pegar al frente (Comando + F) los rectángulos más pequeños y más grandes. Luego usaré el panel Pathfinder (Shift + Command + F9) para eliminar el más pequeño del más grande usando la opción Minus Front. Esto debería dejarte con el marco general de la Polaroid..
Voy a crear una máscara de recorte con nuestra nueva forma. Así que voy a agrupar todas las formas y líneas, aparte del rectángulo más pequeño. Para hacerlo, seleccione las formas y líneas que desea agrupar y luego presione Comando + G. En mi ejemplo a continuación, oculté la nueva forma que creamos en el Paso 5 y bloqueé el rectángulo más pequeño, ya que no quiero modificarlo en esta etapa.
Desmarque la nueva forma (si lo hizo), y selecciónela así como el Grupo. Ahora vaya a Objeto> Máscara de recorte> Crear (Comando + 7). Combinará los elementos en un nuevo grupo. Si profundiza en este grupo, podrá ver los componentes. Una máscara de recorte solo hará visible lo que esté contenido dentro de la forma del trazado de recorte.
Manteniéndome al tanto en el grupo de Máscara de recorte, seleccionaré cada uno de los componentes individuales (aparte de la ruta de recorte) para modificar su color de relleno / trazo con lo siguiente:
También he modificado la configuración de Transparencia a través del panel Transparencia (Shift + Command + F10). El rectángulo mediano está configurado en Opacidad 90%. El grupo de líneas de sección se ha establecido en Modo de fusión, Multiplicación y Opacidad 100%..
Si aplica estas configuraciones al Grupo, en lugar de a las líneas individuales, muestra el efecto del Modo de fusión / Opacidad como si todos los componentes del Grupo fueran un objeto completo. Si tuviera que hacerlo de forma individual, notaría que las áreas donde las líneas se superponen (por ejemplo, donde el rectángulo está en la parte inferior de la Polaroid) sería mucho más oscura que el resto.
Al igual que puede modificar objetos dentro de una Máscara de recorte, también puede agregar y eliminar objetos si es necesario. Voy a añadir formas al marco de la Polaroid. Usando la herramienta Pluma (P) y nuestras guías inteligentes para amigos, dibujaré la solapa superior del marco, usando nuestras líneas de sección como guía para los ángulos de los lados de la solapa..
Todo lo que necesitará hacer una vez que la forma esté completa es seleccionarla y luego arrastrarla y soltarla en la máscara de recorte. Como puede ver a continuación, la nueva forma ahora se beneficia de los límites del trazado de recorte al ocultar las áreas superpuestas.
Voy a usar un degradado lineal para crear la apariencia de un colgajo. Lo que tiendo a hacer es rellenar mi forma con un degradado predeterminado y luego arrastrar y soltar los colores de mi Swatch en los controles deslizantes de degradado. Luego muevo los controles deslizantes de degradado para modificar el aspecto del degradado. Para cambiar un degradado lineal vertical a un degradado horizontal, cambie el valor del ángulo a 90 grados.
Luego arrastré y coloqué más colores en el panel Degradado y usé la herramienta Degradado (G) para modificar las posiciones de los colores, respectivas a la línea de sección.
He usado los siguientes tonos de izquierda a derecha:
Luego reduje la opacidad al 70%..
He usado el mismo degradado para las otras formas del marco y la bolsa, sin embargo, eliminé algunos de los colores y los reorganicé. Para eliminar un color del degradado, seleccione el Control deslizante Degradado y use el Contenedor a la derecha. Todas las nuevas formas deben ajustarse a Opacidad 70%.
Copie (Comando + C) y pegue al frente (Comando + F) la bolsa / rectángulo. Le agregaré una textura sutil usando un patrón predeterminado, que ya está dentro de la biblioteca de Adobe Illustrator. En el panel Swatch, vaya al menú desplegable en la parte superior derecha del panel y seleccione Abrir biblioteca de muestras> Patrones> Gráficos básicos> Texturas gráficas básicas. De este seleccione el patrón "USGS 21 Intricate Surface" y se agregará automáticamente a su Swatch.
Rellene el rectángulo duplicado y cambie el Modo de fusión a Multiplicar y Opacidad a 5%.
Nuestro marco está más o menos terminado, pero hay una cosa más que puede agregar al marco para darle su propio giro único. En la parte posterior de un Polaroid a menudo puede encontrar el nombre de la marca o incluso el número de lote de la película. Entonces, ¿por qué no agregar su nombre, el título de sus ilustraciones o incluso una fecha en el mismo estilo??
He usado la herramienta de tipo (T) arriba de la bolsa con la siguiente configuración. He optado por escribir "VECTORTUTS +" aquí por razones obvias.
Al usar la herramienta de tipo (T) en Adobe Illustrator, solo puede mostrar los tipos de letra que ya tiene en su computadora ... lo que puede parecer obvio. Esto significa que si pasara el archivo a un amigo y por alguna extraña razón no tuvieran el tipo de letra "Arial", el texto no se mostraría correctamente. Así que vale la pena Objeto> Expandir el tipo de letra a formas. En este tutorial expandiré el tipo de letra, pero si vas a usar este marco una y otra vez, me saltaré ese paso..
Voy a cambiar el color de relleno de nuestra marca a "USGS 21 Intricate Surface" para que se vea texturado, pero el patrón parece demasiado grande dentro del texto. Para modificar la escala del patrón, vaya a Objeto> Transformar> Escalar y asegúrese de que solo esté marcado "Patrones". He cambiado la escala de este patrón a Uniforme 20%..
Luego he usado la herramienta de transformación libre (E) para rotar el texto ligeramente. Estos sellos de marca nunca son completamente perfectos, ¿verdad? Cuando haya terminado, agrupe todos los elementos para el marco (Comando + G).
Ahora a trabajar en la película que se superpondrá la ilustración de abajo. Voy a duplicar el cuadrado pequeño y ocultarlo por ahora, se usará en un paso posterior. Cambie el color de relleno a un tono negro apagado (C = 0, M = 0, Y = 0, K = 95). Usando la herramienta Malla (U) con la ayuda de Guías inteligentes, coloque un punto en el centro directo y luego coloréelo en blanco puro.
Recorre la plaza añadiendo puntos blancos a las esquinas. No podrás agregar la cuarta esquina, ya que esto se habrá creado a partir de ti, agregando los tres puntos. Ahora deberá seleccionar cada punto con la herramienta Malla (U) y colorearlos en blanco como se muestra a continuación..
Seleccione la forma de malla por completo y luego cambie el Modo de fusión a Multiplicar y Opacidad al 40%. Notará que el centro blanco ahora se ha desvanecido, ya que el Modo de fusión solo influye en cualquier cosa con la presencia de color, que el blanco no tiene (¡de ahí todos los ceros!). Esto le dará un efecto de viñeta a la foto..
Por supuesto, con la parte de la foto de la Polaroid ligeramente levantada, puede haber un brillo / brillo en la imagen. Voy a dibujar sobre el cuadrado con un rectángulo redondeado y luego usaré un degradado lineal blanco transparente. Para ello, crea un degradado que tiene el mismo color en dos controles deslizantes de degradado. Seleccione uno de los controles deslizantes de degradado y luego reduzca la opacidad al valor que desee. En este caso sería 0%..
Una vez hecho esto, establezca el Modo de fusión en Pantalla y la Opacidad en 40%, luego Agrupe la malla y el rectángulo redondeado (Comando + G).
Voy a crear una sombra sutil en la parte inferior de la Polaroid usando otro gradiente transparente ... esta vez es un gradiente radial. En el panel Degradado, use el menú desplegable para cambiarlo a un degradado radial. Luego arrastre y suelte el negro en ambos controles deslizantes de degradado.
Siempre que uso un degradado radial simple, tiendo a usarlo con un círculo, ya que me resulta más fácil manipular las dimensiones de un círculo con la Herramienta de transformación libre (E) que con la Herramienta de degradado (G). Entonces, este consejo puede ser bueno para usted si ha experimentado el mismo problema..
Primero use la herramienta Elipse (L) con el relleno de degradado radial y mantenga presionado Alt + Shift, luego arrastre hacia afuera para producir un círculo uniforme. Notará que el gradiente radial estará exactamente en el centro y no tendrá una forma distorsionada. Luego use la herramienta de transformación libre (E) para aplastarla y estirarla de la manera que desee..
Lo coloqué en el grupo para el marco y lo puse en Modo de fusión Multiplicar con opacidad 100%. Luego lo he agrupado con el marco (Comando + G).
Lo que tenemos ahora debe ser dos grupos, uno que contenga la viñeta y el brillo que estará en la parte superior del marco. Si no tiene su mesa de trabajo visible, puede hacerlo desde Ver> Mostrar tablas de diseño (Comando + Mayús + H).
Seleccione ambos grupos y luego colóquelos dentro del marco. Vas a necesitar crear un fondo general para la Polaroid. He hecho esto usando la herramienta Rectángulo (M). El color es irrelevante, ya que puede modificarlo dependiendo del color de su ilustración para complementarlo o contrastarlo..
Duplique este nuevo rectángulo, que ha usado para el fondo, y luego muestre el pequeño cuadrado que duplicó en el paso 14. Arrástrelo fuera del grupo y sobre el fondo duplicado. Usando Pathfinder> Minus Front, elimina el cuadrado pequeño del fondo del rectángulo.
Agrupe el rectángulo de fondo original con el marco Polaroid (Comando + G) para que ahora quede con dos grupos. Luego corte el rectángulo de fondo creando una Máscara de recorte (Comando + 7) con el grupo de marcos Polaroid.
Ahora seleccione Todos (Comando + A) y Agrupe todo (Comando + G) para facilitar la duplicación en otro proyecto de ilustración.
Abre la ilustración de tu elección, en este caso estoy usando un retrato de mi otra mitad. Puede encontrar el tutorial de cómo crear este retrato masculino aquí en Vectortuts+.
Cree una nueva capa, luego copie (Comando + C) el grupo de Polaroid, y pegue (Comando + V) en su ilustración.
Desde aquí puede usar la Herramienta de transformación gratuita (E) para cambiar el tamaño de su grupo Polaroid (mantenga presionada la tecla Alt + Mayús para hacerlo de manera uniforme para evitar la distorsión en la relación) o incluso profundizar en el grupo para cambiar el color del fondo. He optado por cambiar el color de fondo de mi Polaroid a un tono marrón para resaltar los tonos azules de la imagen..
Para darle un aspecto menos uniforme, voy a girar ligeramente el retrato y la Polaroid. Desbloquee todo (Alt + Comando + 2) y luego seleccione todo (Comando + A).
Ahora vaya a Objeto> Transformar> Girar y establezca el valor por el que desea que gire la ilustración y Polaroid. Recuerde marcar los Objetos y los Patrones, luego haga clic en Aceptar.
Finalmente, use la herramienta de la mesa de trabajo (Shift + O) para colocar los límites de la mesa de trabajo o alterar las dimensiones. La herramienta Artboard Tool (Shift + O) es especialmente útil cuando utiliza la opción Guardar para Web y dispositivos. Piense en ello como una herramienta de recorte y está definiendo qué área de su ilustración desea recortar y guardar.
Luego, al guardar, vaya a Archivo> Guardar para Web y dispositivos. En las opciones de Tamaño de imagen a la derecha, hay una casilla de verificación "Clip to Artboard", asegúrese de que esté marcado. Una vista previa de su ilustración recortada aparecerá a la izquierda una vez que "Aplicar". Luego guarda como siempre.
Por supuesto, las personas de ojos agudos notarán que, de hecho, he puesto una ilustración en la parte posterior de una Polaroid en lugar de la parte delantera. Es simplemente para dar detalles adicionales e introducir algunas de las nuevas técnicas que están comenzando con Adobe Illustrator.!
Siempre puede eliminar el detalle alrededor de la Polaroid y dejarlo como un rectángulo liso, con la malla superpuesta / cuadrada brillante y la sombra sutil para un enfoque más realista..
Espero que hayas encontrado el tutorial de hoy interesante y que hayas aprendido algunas técnicas y herramientas nuevas para usar en futuros proyectos..
¿Qué otras formas creativas crees que podrías enmarcar y presentar una ilustración??
Accentsconagua