Usando las herramientas de Illustrator CS5 para crear una casa pintada

En este tutorial, mostraré algunos de los increíbles recursos nuevos de Illustrator CS5: utilizaré la herramienta Cuadrícula de perspectiva para crear una escena con perspectiva y pintar todos sus elementos con pinceles de medios naturales que crean una excelente simulación de pintura con pinceladas que pueden ser editado libremente.


Paso 1

Abra un nuevo documento. Comencemos la obra de arte creando los muros de la casa: haga clic en el icono de cuadrícula de perspectiva en el panel de herramientas para que aparezca una cuadrícula en el documento.



Paso 2

El cubo de cuadrícula que aparece en el documento es mucho más que un grupo de guías de orientación. Cuando arrastramos cualquier objeto a una de las caras del cubo de la cuadrícula, ese objeto sufrirá automáticamente el efecto de perspectiva proporcionado por los puntos de fuga. Para activar este proceso, debe usar el icono que aparece en la parte superior de la página cuando se selecciona la herramienta Cuadrícula de perspectiva. El icono está representado por un pequeño cubo. Haga clic en el lado derecho del cubo de iconos, esto hará que la cara respectiva del cubo de la cuadrícula de documentos adquiera un tono naranja, lo que indica que el lado derecho de la cuadrícula está activo.



Paso 3

Cree un rectángulo relleno con el color hexadecimal # F8EFF9 y arrastre ese rectángulo de acuerdo con la dirección que se muestra en el ejemplo anterior. Percibe que al hacer clic y arrastrar el rectángulo sobre el documento, asumirá automáticamente la perspectiva formada por el punto de fuga del lado derecho..



Etapa 4

Haga clic en la cara izquierda del cubo de iconos, la cara respectiva del cubo de la cuadrícula del documento asumirá un nuevo color, lo que indica que el lado izquierdo de la cuadrícula está activo. Repita el proceso utilizado en el último paso, creando un rectángulo, pero modificando su color de relleno al hexadecimal # FAE0FC, es un tono más fuerte que crea un contraste entre dos colores rosados. Arrastre este rectángulo sobre el documento de acuerdo con la dirección que se muestra a continuación.



Paso 5

Este proceso también se puede utilizar con teclas de acceso rápido de teclado. Para hacer esto, puede cambiar de la herramienta Cuadrícula de perspectiva a la herramienta Selección de perspectiva. Para seleccionar, por ejemplo, el lado izquierdo de la cuadrícula, haga clic con la herramienta Selección de perspectiva sobre el objeto y presione la tecla "1": el objeto asumirá la perspectiva del lado izquierdo. Para activar el lado derecho debe presionar la tecla "3" y para activar el lado horizontal debe presionar la tecla "2".



Paso 6

Utilice ahora la herramienta Agregar punto para agregar un nuevo punto justo en el centro de la parte superior de la pared izquierda. Luego, con la herramienta Selección directa, arrastre este punto hacia arriba para formar la base de la azotea de la casa.



Paso 7

Para comenzar la construcción del techo, active la selección del lado derecho de la Cuadrícula de perspectiva y cree un rectángulo relleno con un tono marrón oscuro. Intenta mantener el ancho de este rectángulo igual al ancho de la pared. Luego, seleccione la herramienta Cizalla y realice ajustes para hacer que la inclinación del techo.



Paso 8

Coloque el techo sobre la casa y use la herramienta Selección directa para mover los puntos de anclaje. Con los puntos de anclaje seleccionados, puede realizar ajustes manuales en los bordes del techo.



Paso 9

Crea una nueva capa debajo de la capa de ilustración. Luego, seleccione la parte interior del cubo de iconos de la herramienta Cuadrícula de perspectiva. Haz un nuevo rectángulo en esta nueva capa..



Paso 10

Coloque el rectángulo detrás de la casa para crear el otro lado de la azotea. Si es necesario, use la herramienta Selección de cizallamiento y dirección, como se explicó anteriormente, para realizar los ajustes necesarios.



Step11

Ahora crea las ventanas y la puerta. Para hacer esto, puede abrir un nuevo archivo en Illustrator y hacer en él un rectángulo con un formato de ventana. Rellénelo con color azul oscuro, como el hexadecimal # 0071BC. Cree otros rectángulos más pequeños rellenos de color negro. Serán las pantallas de la ventana, como se muestra en el siguiente ejemplo..



Paso 12

Para crear la puerta realice el mismo proceso cambiando solo los tamaños y la posición de los rectángulos..



Paso 13

Una vez que se crean las ventanas y la puerta, arrastre uno de los elementos al documento de casa.



Paso 14

Una vez que un objeto se arrastra a un archivo que tiene una cuadrícula de perspectiva activa, el objeto ignorará ambos lados de la cuadrícula. En este caso, estará listo para que elija el lado de la cuadrícula al que desea aplicarla. Verifique que la herramienta de selección de perspectiva esté activa en el panel de herramientas, haga clic con esa herramienta en la puerta y presione la tecla "3". Arrastra la puerta a la Rejilla, posicionándola en la pared derecha.



Paso 15

Haz lo mismo con la ventana..



Paso 16

Para aplicar una ventana en la pared izquierda, puede crear una copia de la ventana aplicada y cambiar el ángulo de perspectiva. Con la herramienta Selección de perspectiva, puede seleccionar una ventana, presionar la tecla Opción (MAC) o Alt (PC) y arrastrar una copia de la ventana hacia la izquierda, luego presionar la tecla "1" y el ángulo de perspectiva de la ventana Se cambiará al punto de fuga izquierdo. Coloque la ventana en la pared y, si lo desea, coloque nuevas copias..



Paso 17

Una vez que el formato de la casa esté listo, harás un escenario detrás de las paredes, creando primero el cielo y los cielos. Para ello debes poner una nueva capa debajo de la ilustración de la casa..



Paso 18

Oculte la visibilidad de las capas de arriba y deje que solo la capa de fondo permanezca visible con la cuadrícula de perspectiva.



Paso 19

La nueva versión CS5 trae un nuevo grupo de pinceles con increíbles características realistas. Para acceder a ellos, haga clic dos veces sobre el nuevo icono de pincel en el panel Pinceles. Aparecerá un nuevo panel de opciones y en el cuadro Forma puede elegir entre una variedad de pinceles y hacer muchos tipos de ajustes como, por ejemplo, ajustar los tipos de cerdas y controlar su densidad y opacidad.



Paso 20

Elige el pincel plano para pintar el cielo. En el panel de configuración, aumente un poco el tamaño del pincel sin alterar el resto de la configuración..



Paso 21

Haga clic en la herramienta Pincel en el Panel de herramientas, configure el color del pincel en azul. Utilice el hexadecimal # 2FACC9 y realice el primer trazo del pincel un poco por encima de la línea horizontal establecida por la cuadrícula de perspectiva. Intente ajustar el ancho del pincel como se describió anteriormente para que se vea como el ejemplo que se muestra a continuación.



Paso 22

Continuar desarrollando una pintura del cielo con pinceladas rápidas, siempre en el lado horizontal..



Paso 23

Cambie el color del pincel a blanco y superponga los tonos haciendo pinceladas por encima de las pinceladas anteriores. Intenta pintar con blanco en las partes más cercanas de la línea horizontal para crear una ilusión de profundidad con la pintura del cielo..



Paso 24

Ahora crea un nuevo pincel para pintar nubes. En el panel Pincel, arrastre el icono del pincel que usó para pintar el cielo en la parte inferior del panel, en el icono "Crear nueva capa". Esto creará una copia del pincel. Luego, haga doble clic sobre el ícono del pincel copiado y en las Opciones de pincel cambie la Forma a Curva Redondeada.



Paso 25

Mantenga el color blanco y, con el nuevo pincel, cree las nubes sobre el cielo..



Paso 26

Obtén el mismo pincel que usaste para pintar el cielo para pintar el suelo, pero cambia el color del pincel al hexadecimal # F7EECB y pinta con pinceladas horizontales rápidas.



Paso 27

Cambie los tonos del pincel al color hexadecimal # DBC47B y aplique pinceladas más cortas por encima de los pinceles anteriores. Repita el proceso una vez más, cambiando el color a # BA9B42 y superponiendo el suelo con tres capas de pintura.



Paso 28

En un archivo nuevo, cree un patrón que simule un tipo de suelo embaldosado como el siguiente ejemplo, rellénelo con el color hexadecimal # E2D8B0.



Paso 29

Arrastre el suelo de mosaico al archivo de la casa y, con la cuadrícula de perspectiva, aplique el suelo de mosaico a la cuadrícula horizontal.



Paso 30

Seleccione el piso de baldosas y vaya a Efecto> Distorsionar y transformar> Roughen. Introduzca los valores bajos de los ajustes para crear distorsiones sutiles e irregularidades en los bordes de todos los rectángulos, que formarán un piso de baldosas de aspecto natural..



Paso 31

Crea montañas en el horizonte con el mismo pincel utilizado para crear el cielo y el suelo. Usa el color hexadecimal # 94C4D6.



Paso 32

Ahora pinta la hierba sobre las montañas con el color # AECC33.



Paso 33

Encienda la visibilidad de la casa y apague la Cuadrícula de perspectiva presionando Mayús + Opción + i



Paso 34

Empieza a pintar las paredes de la casa. Debe desactivar todas las demás visibilidades de capa, haciendo que solo la casa sea visible. Esto facilitará el proceso de pintura. Cree una nueva capa sobre la casa, seleccione las ventanas y la puerta y arrástrelas a esta nueva capa.



Paso 35

Ahora que las ventanas y la puerta están separadas de las paredes, apague su visibilidad.



Paso 36

Use la herramienta Cuentagotas para capturar el tono rosa de la pared derecha. Luego, en el panel Color, manipule el color, agregue un poco de saturación magenta y aplíquelo sobre la pared con el pincel que se usa para pintar el cielo. Hacer pinceladas verticales y horizontales..



Paso 37

Haga el mismo proceso en la otra pared. Trabaja un poco más en el contraste entre el techo y las paredes para indicar las sombras. Crecer o reducir el tamaño del cepillo según sea necesario..



Paso 38

El mismo procedimiento se debe hacer en el techo, concentrándose en los bordes del techo, dándole un aspecto más orgánico. En el lado inferior derecho de la azotea, cree formas en zig zag para indicar el formato de mosaico.



Paso 39

Active la visibilidad de las ventanas y la capa de la puerta y aplique la misma técnica para dar un aspecto de pintura a todos estos elementos.



Paso 40

Haz variaciones de tono y tamaño de pincel y trabaja un poco más en los detalles. Mejora la ilusión de profundidad creando el grosor de las ventanas, usando solo un pincel con un tono más oscuro de azul para superponer el fondo negro de las ventanas.



Paso 41

Active la visibilidad de la capa de la casa para ver el efecto de pintura aplicado en todos los elementos.



Paso 42

Para concluir el efecto de pintura, el techo debe parecer más viejo. Comience haciendo un rectángulo con el color hexadecimal # E2D8B0. Haga clic en la herramienta Transformación libre y coloque el cursor sobre la parte superior derecha del rectángulo, presione las teclas Mayús + Opción + Comando, mantenga presionadas las teclas y el mouse y arrastre el mouse hacia abajo. Esto hará que los extremos del lado derecho del rectángulo converjan hacia el centro.



Paso 43

Cree copias del rectángulo de manera secuencial, con cada nueva copia en el lado derecho de su forma original, dejando un pequeño espacio entre las copias. A continuación, active el panel Pinceles y arrastre estos objetos dentro de él, creando un Pincel artístico.



Paso 44

Ajuste el grosor de este nuevo pincel a 0.25pt y colóquelo sobre el techo en una dirección adecuada para colocar las baldosas. Comience a aplicar las baldosas en el lado derecho y vaya hacia la izquierda hasta que llene el techo. Trate de hacer siempre movimientos irregulares para crear un resultado final que no esté ordenado deliberadamente.



Paso 45

Obtén el pincel que usaste para pintar los cielos y rellénalo con el color # A89A5D. Pase el pincel sobre las extremidades de las filas de azulejos para crear volumen.



Paso 46

Continúe trabajando en el volumen de las baldosas con esta misma técnica, pero ahora superponiendo los colores. Aproveche los muchos tonos marrones que ya están disponibles en los paneles de Swatches para crear más variaciones. Prepare un pincel fino con un tono marrón muy oscuro y trabaje en los detalles de los azulejos. Usa el mismo pincel con color blanco para trabajar con detalles de iluminación.



Paso 47

Ahora estamos trabajando de nuevo en las baldosas. Oculta todas las otras capas, solo la baldosa del piso debe ser visible. Abra una nueva capa por encima y por debajo de la capa de baldosas. Siga usando el mismo pincel y los mismos colores que se usaron anteriormente en la azotea. Comienza a pintar en la capa de abajo con líneas marrón oscuro cruzadas, tratando de llenar los espacios entre los azulejos. En la capa superior, haga lo mismo, pero use variaciones de tonos marrones e intente aplicar un grosor diferente en el pincel, superponiendo siempre los pinceladas anteriores.



Paso 48

Cree la intemperie en los bordes de las baldosas del piso simplemente pasando una goma de borrar en los bordes de forma irregular para crear la ilusión de erosión.



Paso 49

Ahora es el momento de los últimos detalles de nuestra pintura, la vegetación. En este paso, su archivo debe procesarse lentamente debido a los muchos trazos de pincel. Así que abra un nuevo archivo para crear todos los elementos por separado y luego arrástrelos al archivo de casa..

Comencemos con los árboles, tenemos algunos ya hechos dentro de Illustrator. Active los paneles de Símbolos, acceda al submenú, elija Abrir Símbolos> Biblioteca y elija la opción Naturaleza. En este panel encontraremos algunos elementos que se pueden usar en la ilustración pero que no usaremos como símbolo. Simplemente arrastre el grupo de árboles al nuevo documento. Los utilizaremos más tarde como base para la pintura..



Paso 50

Seleccione los árboles y vaya a Objeto> Expandir, esto convertirá el Símbolo en un grupo de objetos editables. Ahora, con la herramienta Cuentagotas, debes capturar el tono verde de las hojas y obtener el mismo pincel utilizado para los pisos de baldosas para pintar sobre las hojas y crear un aspecto de pintura sobre ellas..



Paso 51

Cree variaciones del tamaño del pincel y también variaciones de los tonos verdes, superponga los tonos verdes con algunos pinceladas cortas de color amarillo y naranja para hacer que la pintura sea más vibrante. Puedes perder algo de tiempo con este trabajo, pero el resultado es muy interesante..



Paso 52

Luego, haga una copia de todos los árboles y, con ellos seleccionados, active el filtro Recolor Artwork, haciendo clic sobre su icono localizado en la barra de control. En Colores, configure un color y edítelo a través de los ajustes del panel para obtener un color azul verdoso..



Paso 53

Crea copias de este grupo, haciendo un pequeño bosque. Haga algunos árboles más grandes o más pequeños y use otras herramientas como Reflect para invertir algunas copias, lo que hace que la repetición de los árboles sea menos aparente..



Paso 54

Use Copiar y Pegar o arrastre el grupo de árboles a la escena principal.



Paso 55

Para agregar contraste al tono de los árboles, haga una copia de esa capa y colóquela sobre la original. En la capa superior, use el panel Transparencia y aplique el modo Multiplicar.



Paso 56

Coloque los árboles originales en la escena y colóquelos sobre todos los demás árboles..



Paso 57

Para crear la vegetación del suelo, cree una nueva capa sobre la capa de árboles y haga formas de vegetación con el mismo pincel que usó para el paso anterior de pintura de árboles. Use el color # 4B002F y configure el tamaño a 0.25pt. Haz pinceladas que representen formas de vegetación sobre la base de los árboles en primer plano.



Paso 58

Luego, usa una variación de tonos verdes y amarillos y superpone los pinceladas oscuras pintadas previamente para crear una vegetación vibrante.



Paso 59

Finalmente, active todas las visibilidades del archivo y cree más vegetación alrededor y delante de la casa y algunas otras en el fondo con un tono azul más oscuro para indicar la profundidad.



Conclusión

Ya has terminado. ¡Debes tener una bonita pintura de casa, utilizando solo vectores y pinceles de medios naturales! También puedes usar esta técnica para crear una fila de casas o una escena urbana, solo limitada por tu imaginación. Que te diviertas!