Crear una galería de imágenes en Illustrator

Este trabajo es un proyecto común creado junto con Iaroslav Lazunov y Alexander Egupov. Hemos utilizado renderización 3D, Blends, máscaras de opacidad, haciendo de este escenario tridimensional con puntos de fuga. Aprende cada paso en cómo crear este trabajo de galería de imágenes..


Paso 1

En primer lugar, tome la herramienta Rectángulo (M), dibuje la ruta que se muestra y rellénela con un degradado radial. Será la base para la galería..

Tome la herramienta Elipse (L) y cree una elipse, que representará una etapa, y rellénela con el gradiente radial (como se muestra a continuación).


Paso 2

Copie esta elipse y péguela en la parte posterior (Comando + C y luego Comando + B). Mueve la copia ligeramente hacia abajo.

Agarre la Herramienta de selección directa (A), seleccione el punto de anclaje superior de la copia de la elipse y presione el botón Eliminar en su teclado.

Ahora tome la herramienta Pluma (P) y continúe dibujando el resto del arco (como se muestra en la siguiente figura).

Rellene el camino recibido con el gradiente lineal mostrado.


Paso 3

Ahora expanda este degradado a la malla de degradado yendo a Objeto> Expandir y Objeto> Desagrupar después de eso.

Recibirás la siguiente malla.

Tome la Herramienta de malla (U), agregue los nodos, coloréelos en diferentes tonos de gris y muévalos para obtener el siguiente resultado.


Etapa 4

Coge la herramienta Elipse (L) y dibuja una trayectoria elíptica. Ahora llénalo de gris.

Cambia la opacidad de esta elipse a 0.

Ahora dibuje una elipse más pequeña llena de gris oscuro y colóquela sobre la más grande en la paleta Capas. Su ubicación en el espacio de trabajo se muestra a continuación..

Coloca estas elipses debajo del escenario..

Vaya a Objeto> Fusión> Opciones de fusión, luego configure el Espaciado a Pasos especificados y la cantidad de pasos a 60.

Mientras se seleccionan ambas rutas elípticas, vaya a Objeto> Fusionar> Crear (Comando + Opción + B). Y recibirás una sombra del escenario..

Utiliza esta cadena de acciones para crear tus propias mezclas. Dibuja un punto de luz debajo del escenario ahora. Hazlo por ti mismo sin ayuda..


Paso 5

Seleccione la placa elíptica del escenario, vaya a Objeto> Transformar> Escala, y disminuya el valor de la escala uniforme. Ahora haga clic en el botón Copiar, rellene la elipse recibida con gris claro y obtenga el siguiente resultado.

Repita estas manipulaciones. Y después de eso, necesitas recibir ambas elipsis, donde la elipse más pequeña se encuentra sobre la más grande..

Mientras se seleccionan ambas rutas elípticas, vaya a Objeto> Ruta compuesta> Crear (Comando + 8). Y obtendrás un anillo gris en el plato..


Paso 6

Ilustra el siguiente camino rectangular y rellénalo con gris claro. Representará el cuadro central de la galería..

¡Que esta imagen sea luminiscente! ¿Cómo lograr esto? Primero, vaya a Efecto> Configuración de efecto de ráster de documento y establezca allí la Alta resolución (300ppi).

Luego vaya a Efecto> Desenfoque> Desenfoque gaussiano y establezca el valor del radio de desenfoque (que se muestra a continuación).

El resultado debe verse como la imagen mostrada..


Paso 7

Copie este rectángulo y péguelo al frente (Comando + C y luego Comando + F). Vaya a la paleta Apariencia y elimine el elemento "Desenfoque gaussiano".

El resultado debe ser similar al siguiente.


Paso 8

Ilustra ahora el camino gris oscuro sobre el claro..

Ilustra una sombra debajo de la imagen usando la mezcla.


Paso 9

Seleccione ahora dos rutas que representan una imagen, vaya a Objeto> Grupo (Comando + G), copie este grupo y péguelo al frente (Comando + C y luego Comando + F).

Ahora mueva la copia hacia abajo para ubicarla debajo de la imagen. Cambia la saturación de estos rellenos de caminos. Deberías tener el siguiente resultado.

Dibuje el siguiente rectángulo sobre ellos y rellénelo con el degradado vertical que va de negro a gris en el color como se muestra.

Seleccione ambas: esta ruta y el grupo debajo de ella, y vaya a la paleta Transparencia. Seleccione allí el comando Crear máscara de opacidad en el menú desplegable.

Debes tener los siguientes resultados, que representan una reflexión..


Paso 10

Pero nuestro reflejo no puede estar más allá del escenario. ¿Qué debemos hacer para arreglarlo? Seleccione la placa elíptica del escenario, cópiela y péguela al frente (Comando + C y luego Comando + F), ...

... luego colóquelo sobre el grupo de reflexión y aplique el Objeto> Máscara de recorte> Crear (Comando + 7).


Paso 11

Ilustre ahora el círculo en la esquina inferior derecha de la imagen central y rellénelo con blanco, por ejemplo. Vamos a crear un foco ahora.

Ahora vaya a Efecto> 3D> Extruir y biselado, y configure los elementos como puede verlos en el diagrama a continuación..

Necesitas conseguir el siguiente resultado..


Paso 12

Vaya a la paleta de Apariencia y haga clic allí para hacer referencia al 3D Extrude & Bevel para editar el efecto.

Especifique un estilo de representación de la superficie en Sin sombreado. Debe hacer esto para disminuir la cantidad de rutas después de la expansión.

Ahora ve a Objeto> Expandir apariencia. Y aplicar Objeto> Desagrupar dos veces..

Une todas las partes laterales yendo a la paleta de Pathfinder. Después de eso debes tener solo dos caminos..


Paso 13

Rellena la superficie lateral del foco con un degradado en ángulo..

Rellene la superficie posterior del foco con el degradado radial como se muestra.

Crea ahora el camino de vuelta lleno de un degradado vertical.


Paso 14

Dibuja una placa elíptica rellena con un degradado vertical bajo el foco. Representará un detalle de soporte..

Dibuja el camino lateral de esta placa llena de negro como lo hiciste en el Paso 2.

Ilustra la pata del foco. Preste atención a la forma elíptica en la parte inferior de la misma..

Ilustra una sombra bajo el reflector usando la Mezcla.


Paso 15

Para crear un haz de luz, primero debe dibujar los dos caminos siguientes rellenos de blanco. (El camino circular se coloca sobre el no circular).

Luego, cambie el relleno no circular a un gradiente en ángulo que vaya de blanco a blanco en color y de 100% a 0 en opacidad. Vea el diagrama de abajo para referencia.

Cambie la opacidad de la ruta no circular a 0 ...

... y crea una mezcla de estos dos caminos.

Coloca el rayo bajo el foco. Disminuye entonces la opacidad del rayo si quieres..


Paso 16

Ilustra tantos focos como quieras.


Paso 17

Ahora comenzamos a dibujar una perspectiva usando los puntos de fuga. Usaremos tres puntos de fuga en nuestro dibujo (que se muestra con los círculos rojos en el diagrama a continuación). Usted es libre de establecerlos a su elección, pero preste atención a la colocación simétrica de ellos. En otras palabras, el segmento "AB" debe ser igual al segmento "BC".

Dibujemos el borde izquierdo de la imagen de la izquierda en nuestra galería. Este borde es obviamente un segmento vertical..

Deje que la guía horizontal vaya a la intersección con el punto superior de este camino.


Paso 18

Tome la herramienta de rotación (R), haga clic en la guía en el punto superior ...

... y gire la línea de guía hacia la intersección con el punto de fuga remoto.

Repite estas manipulaciones..


Paso 19

Ahora toma la herramienta Pluma (P) y termina de dibujar la forma de la imagen de la izquierda.

Seleccione este formulario, cópielo y péguelo en la parte posterior (Comando + C y luego Comando + B). Ahora haz esta foto luminiscente. Vaya a Efecto> Desenfoque> Desenfoque gaussiano y establezca el valor del radio de desenfoque.

El resultado debe verse como la imagen de abajo.

Dibuja el camino gris oscuro en la parte interior de la imagen.


Paso 20

Ilustra otra imagen de la misma manera a lo largo de las pautas..

E ilustra las imágenes correctas de la misma manera. Deben converger entre sí en el punto de fuga izquierdo..


Paso 21

Las lámparas en el techo están ilustradas de la misma manera que las imágenes. Ellos convergen entre sí en el punto de fuga superior. Siga los útiles diagramas a continuación..


Paso 22

Cuando el lado izquierdo de la lámpara de techo esté completo, selecciónelos y vaya a Objeto> Transformar> Reflejar. Configure los siguientes elementos en el cuadro de diálogo y haga clic en el botón Copiar.


Paso 23

Haz que las lámparas se iluminen con el efecto "Desenfoque gaussiano".


Paso 24

Imagine ahora el resplandor en la imagen central utilizando el degradado vertical que va de blanco a blanco y de 0 a 50% en opacidad..

Repite estas manipulaciones para las otras imágenes..


Paso 25

Ahora dibuja un trazado rectangular en la parte inferior de la ilustración y rellénalo con el degradado radial que se muestra.

Dibuje otra ruta rectangular en la parte superior de la obra de arte y rellénela con el degradado vertical con Opacidad. Vea la imagen de abajo para referencia.


Paso 26

Haga énfasis en los bordes de la obra de arte creando el rectángulo negro en la esquina superior izquierda de la imagen. Disminuye la opacidad de ella a tu gusto..

Haz lo mismo con la esquina superior derecha..

Y dibuja el camino negro sobre ellos..


Paso 27

Tome la Herramienta de Tipo (T), elija cualquier fuente y escriba las palabras mostradas. Luego, vaya a Tipo> Crear contornos (Comando + Mayús + O) y rellene las rutas con blanco.

Coloque los trazos verticales blancos entre las palabras como se muestra.

Coloque el texto mostrado en la parte inferior de su obra de arte..


Paso 28

Dibuje el siguiente camino gris para representar una flecha.

Coloca las flechas en los lados izquierdo y derecho de tu obra de arte..


Conclusión

Para personalizar esto, puede insertar sus propias imágenes para crear una galería de fotos única..