En el tutorial de hoy, vamos a entrar en vibraciones de verano mientras creamos una solitaria torre de guardias en la playa en Adobe Illustrator. Utilizaremos herramientas y técnicas sencillas..
Como de costumbre, puede comprar el resultado como parte de mi colección Summer Seaside en GraphicRiver.
Primero, configura un Nuevo documento (Archivo> Nuevo o Control / Comando-N) con estos ajustes:
Desde el Avanzado lengüeta:
Comencemos simple creando una 127 x 127 px rectángulo y rellenándolo con # 98D2BE
.
Tomar el Herramienta de selección directa (A) y seleccione ambos anclajes superiores del rectángulo. prensa Entrar para abrir el Movimiento ventana. Selecciona el Horizontal valor para -32 px y el Vertical valor para 0 px y presione DE ACUERDO, moviendo nuestras anclas a la izquierda.
Este rectángulo en ángulo actuará como pared frontal principal..
Seleccione la forma y Dupdo usando Control-C. Hacer clic Control-f dos veces para obtener dos copias en la parte superior del rectángulo, y mover la copia superior a la derecha aproximadamente 60 px.
Agregue la segunda copia a la selección y use la Frente menos opción de la Pionero panel.
Seleccione la forma resultante con la Herramienta de selección (V) y reducir su tamaño por Shift-arrastrar una de las esquinas superiores de la Cuadro delimitador zona azul al centro.
Ajusta el color de la forma a # 48A987
y posiciona la forma en la parte media de la pared. Actuará como una puerta.
Copiar (Control-C) la puerta y pegar dos copias en la parte delantera presionando Control-f dos veces.
Mueva la forma superior ligeramente hacia la derecha, agregue una segunda copia a la selección y presione Intersecarse botón en el Pionero panel. Cambia el color de la nueva forma a # 225443
, Formando la parte de la sombra interior de la entrada..
Ahora vamos a añadir una sombra a la pared de entrada. Hacer dos copias (Control-C) y pégalos delante de la forma (Control-f dos veces), y mueva la copia superior a la izquierda y abajo.
Agrega una segunda forma a la selección usando la Frente menos opción de Pionero, obteniendo una forma angulosa.
Dado que actuará como una sombra, cambiará su Modo de fusión a Multiplicar mientras baja la Opacidad a 40% en el Transparencia panel.
Agreguemos un resaltado en la parte derecha del muro..
Cree dos copias frontales del muro nuevamente y mueva la copia superior a la derecha. Agregue otra copia a la selección mientras usa el Frente menos opción de Pionero, asegurándose de cambiar el color de la forma resultante a blanco (#FFFFFF
).
Es hora de añadir contornos a las formas..
Selecciona el rectángulo principal y cópialo. Luego haga clic una vez en la parte de la puerta de la sombra y presione Control-f, Consiguiendo una copia del muro frente a la entrada..
Selecciona el Llenar de la copia a Ninguna, la Carrera color para # 3d342d
, y el Peso a 6 px.
Dar 6 px contornos gruesos# 3d342d
) A las partes de la puerta.
Construir un 152 x 127 px rectángulo# 6ebea2
) para la pared lateral, colocando su anclaje superior izquierdo detrás del anclaje superior derecho de la pared frontal y ocultándolo detrás de la sección anterior.
Como hicimos con el muro anterior, dale a la parte actual una parte sombreada haciendo dos copias frontales, moviendo la copia superior a la izquierda y abajo y usando la Frente menos opción de la Pionero para las dos formas, asegurándose de cambiar la Modo de fusión de la forma resultante para Multiplicar mientras baja la Opacidad a 40%.
Trabajando de la misma manera, agregue una sombra lateral más en la pared.
Vamos a añadir un contorno a la pared lateral. Dupdo (Control-C) En la pared lateral, haga clic en la sombra superior y pegue la forma en frente de ella con Control-f. Eliminar el Llenar mientras configura el Carrera color para # 3d342d
y el Peso a 6 px.
Agrega un 210 x 16.5 px rectángulo# 6ebea2
) en la parte superior de la pared lateral y alinéela con el centro de la forma.
Como hicimos con las secciones anteriores, otorgue al rectángulo actual dos sombras y un 6 px contorno grueso (# 3d342d
).
Formar un 129 x 16.5 px rectángulo# 98d2be
) en el lado exterior izquierdo de la forma creada anteriormente.
Usando los mismos métodos, cree un resaltado en la parte izquierda y una sombra en el lado derecho de la franja, seguido de 6 px contorno amplio (# 3d342d
).
Grupo (Control-G) todas las partes juntas.
Empecemos a trabajar en la sección inferior de nuestra torre formando un 290 x 16.5 px rectángulo# 48a987
) debajo de la sección superior, alineándola con el borde derecho del techo.
Hacer uno más 230.5 x 16.5 px Raya del mismo color debajo de la primera..
Gire el rectángulo por 30 grados por Alt-clic en el ancla inferior izquierda con el Herramienta de rotación (R), estableciendo el Ángulo a 30 grados.
Se adjunta la forma en ángulo al lado izquierdo de la horizontal, colocando su anclaje superior en el anclaje superior izquierdo del rectángulo horizontal.
Seleccione el rectángulo en ángulo y presione Entrar para abrir el Movimiento ventana de opciones Selecciona el Horizontal valor para -100 px y el Vertical valor para 0 px y presione Dupdo, obteniendo un duplicado en el lado izquierdo.
Tomar el Herramienta de selección directa (A) y arrastre el anclaje inferior derecho del duplicado sobre el punto superior de la forma en ángulo original.
Luego seleccione el anclaje inferior izquierdo de la forma en ángulo izquierdo y colóquelo en el anclaje superior izquierdo del rectángulo original.
Establecer el color de la forma resultante para # 98d2be
.
Tomar el Herramienta Rectangular (M) y añadir un pequeño rectángulo (# 48a987
) Debajo del lado inferior de la forma en ángulo grande, asegurándose de colocar su borde inferior en el mismo nivel que el anclaje inferior de la franja en ángulo recto.
Seleccione el borde inferior de la figura creada con el Herramienta de selección directa (A) y arrástrelo hacia la derecha, posicionando su lado derecho en el borde izquierdo de la franja en ángulo adyacente.
Ahora vamos a trabajar en los aspectos más destacados..
Haga una copia más grande del rectángulo en ángulo lateral. Selecciónelo junto con la forma original y el rectángulo horizontal y corte la parte sobresaliente por Alt-clic en él con el Herramienta de creación de forma (Shift-M). Cambia el color de la forma resultante a blanco (#ffffff
).
Utilizando la Pionero método, como lo hicimos antes, agregar un segundo punto culminante a la pendiente.
Dar sombras a la franja lateral horizontal y la pendiente..
Seleccione el rectángulo en ángulo y la franja horizontal y junte los dos en una sola forma más grande usando Pioneroes Unir el modo de forma.
Añadir 6 px contornos gruesos# 3d342d
) con un Round Join a todas las piezas de fondo.
Empieza a trabajar en la cerca creando un 11.5 x 29 px rectángulo# 6ebea2
) para el post, dándole una sombra seguida de un 4 px contorno grueso (# 3d342d
). Grupo (Control-G) todas las partes juntas y coloque una copia del poste en la parte superior de la pendiente.
Seleccione la publicación original, abra el Movimiento ventana de opción (Entrar), y establezca el valor horizontal en 65 px. Haga clic en el Dupdo, obteniendo un duplicado del post en el lado derecho. Manteniendo el duplicado seleccionado, presione Control-D Dos veces más, consiguiendo dos copias más..
Grupo (Control-G) los cuatro puestos juntos y rotar el grupo por 30 grados utilizando la Herramienta de rotación (R).
Adjuntar el grupo de postes al borde izquierdo de la pendiente..
Ahora necesitamos un riel sobre los postes..
Copie el contorno negro de la pendiente y arrástrelo a la fila lateral de postes, haciendo que su borde izquierdo se asiente en su parte superior como se muestra en la imagen de abajo.
Borrar Los bordes derecho e inferior del contorno..
Arrastre sus puntos finales con el Herramienta de selección directa (A), colocando uno de ellos en el borde izquierdo de la cabina y otro en el anclaje superior izquierdo del poste izquierdo. Conjunto Tapa redonda para el carril.
Haciendo las mismas manipulaciones, copiando y arrastrando los postes y el riel, crea otra cerca en el lado derecho de la torre..
Vamos a crear pilotes que soporten nuestra cabina..
Construir un 14 x 113 px rectángulo# 48a987
) en el lado derecho debajo de la cabina. Dale una sombra seguida de una 6 px contorno grueso (# 3d342d
).
Grupo (Control-G) Todas las partes juntas y hacen un duplicado a la izquierda..
Dibuja dos 6 px líneas horizontales gruesas (# 3d342d
) Pasando de una pila a otra, haciendo que los puntos finales izquierdos se superpongan ligeramente con el poste izquierdo.
Grupo (Control-G) El rodamiento apila la construcción y crea una copia, moviéndola hacia la izquierda y ocultándola detrás de la torre, además de hacer que el color sea más oscuro..
Añadamos una manga de viento que fluye en el techo de nuestra torre de playa.
Formar un 62 x 24 px rectángulo# d65428
) para la forma de la manga de viento principal.
Luego agregue un punto de anclaje en el medio del borde derecho con el Agregar herramienta de punto de anclaje (+). Borrar los anclajes superior e inferior, formando un triángulo, y redondee su esquina derecha tirando del Live Corner indicador al centro con el Herramienta de selección directa (A).
Agrega un 15.5 x 24 px elipse# a8411f
) en la parte izquierda del triángulo.
Selecciona la elipse y ve a Objeto> Ruta> Ruta compensada. Entrar 10 px en el Compensar campo de valor y pulse DE ACUERDO, obteniendo un esquema.
Manteniendo seleccionada la elipse externa, use la Ruta de desvío de nuevo, configurando el Compensar valor para 5 px.
Seleccione ambas formas exteriores y vaya a Objeto> Ruta> Ruta compensada otra vez. Selecciona el Compensar a 20 px, consiguiendo dos formas exteriores más.
Seleccione la forma del cono, obtenga una copia en la parte delantera y seleccione la copia junto con las cuatro elipses externas usando la Dividir opción de la Pionero panel.
Elimina todas las piezas divididas excepto las dos franjas, cambiando su color a # fbf8f1
.
Da la forma que acabamos de crear un resaltado seguido de un 4 px contorno grueso (# 3d342d
) con un Round Join. Añade el mismo contorno a la elipse.
Crea dos cuerdas uniendo nuestra manga de viento al palo. Usar dos 4 px líneas gruesas para las cuerdas y una 6 px línea gruesa para el polo.
Grupo (Control-G) todas las partes del calcetín juntas y colóquelas en el techo de la torre.
Ya casi terminamos con la torre de vigilancia de la playa..
Dale a nuestra torre un aspecto más interesante y elegante abriendo algunos de los contornos. Para hacerlo, solo usa el Añadir herramienta de punto de anclaje (+) para agregar anclas adicionales en los contornos y luego Borrar caminos entre estos anclajes, asegurándose de establecer el Gorra de los contornos restantesa Redondo desde dentro del Carrera panel.
Tómese su tiempo, y una vez que haya terminado, agregue un poco más 4 px Líneas gruesas cerca de los bordes de nuestra ilustración..
Termina la torre agregando algunas líneas abajo para el nivel del suelo.
Coloquemos nuestra torre de guardia de playa en un paraíso tropical creando un paisaje de playa en el fondo.
Formar un 1200 x 1200 px rectángulo# fb9f31
) detrás de nuestro edificio para el fondo.
Añade unos 6 px líneas gruesas de # f8cc6b
Color debajo de la torre para imitar la superficie del agua. Haz que sean más interesantes y animados agregando algunos guiones y variando sus tamaños.
Agrega un 300 x 300 px circulo (# f37f10
) para el sol poniente y dos círculos exteriores para el brillo del sol. Usar color blanco y Modo de fusión de pantalla con 30% de opacidad para el resplandor.
Elimine la parte inferior pendiente del círculo exterior seleccionándola y Alt-arrastrando sobre la parte destacada con el Herramienta de borrador (Shift-E).
Necesitamos algunos elementos adicionales para terminar la composición..
Crea una palmera simple hecha de unas pocas hojas y un tronco rectangular. Podemos obtener una hoja usando el Intersecarse opción de la Pionero Panel para dos elipses superpuestas. Luego adjunte un rectángulo para el tronco y forme una corona copiando y moviendo las hojas. Utilizar # f37f10
por el color.
Luego haz una nube que consiste en círculos superpuestos y un rectángulo redondeado. Solo remueve cualquier pieza no deseada con la ayuda de Herramienta de creación de forma (Shift-M), fusionar todas las formas en una con la Unir opción de Pionero, y establece el color en# fbe2aa
.
Extiende las palmas y las nubes sobre la escena, creando una composición equilibrada.
¡Felicidades! Nuestra escena de la casa Baywatch de estilo plano está terminada.
Decidí agregar dos siluetas de gaviotas en el fondo para mejorar la atmósfera de la puesta de sol junto al mar. ¿Puedes sentir la brisa del verano y las olas del mar chapoteando en una costa tropical? Nuestra lección termina aquí y comienzan nuevas aventuras..
Espero que hayan disfrutado el proceso y descubierto algo nuevo y útil en el camino..
Esta ilustración de la torre de la guardia de playa es solo una parte de mi colección Summer Seaside, y hay muchas más ilustraciones de viajes y aventuras en mi portafolio en GraphicRiver.