Share
Lo que vas a crear¿Quieres que tus objetos planos se vean más complejos y detallados? Sigue este tutorial y aprende a crear una elegante cámara de bolsillo retro, domina los gradientes de luces y sombras y usa las muestras incorporadas de Adobe Illustrator para una textura de superficie semi-realista.!
Si te gusta crear objetos de estilo plano con detalles realistas y te gustaría aprender nuevas técnicas sobre cómo usar y modificar formas básicas, dominar gradientes, crear y aplicar texturas, ¡te invito a unirte al curso Creación de elementos de espacio de trabajo planos para anuncios! Desde allí, también aprenderá cómo hacer un fondo de madera con textura realista para sus objetos..
Empieza a formar la base de la cámara haciendo un 165 x 170 px rectángulo con el Herramienta Rectangular (M).
Dupdo eso y Pegar en la parte posterior (Control-C> Control-B). Aplastar la copia a unos 140 px Altura y hacerla más ancha a unos 280 px, creando así dos rectángulos superpuestos.
Seleccione ambas formas y Unir ellos en Pionero. Haz las esquinas redondeadas tirando de los marcadores circulares de la Esquinas vivas hasta su máximo.
los Esquinas vivas Esta función solo está disponible en Adobe Illustrator CC. En caso de que esté usando versiones anteriores del programa, no dude en solicitar Efecto> Estilizar> Esquinas redondas.
Tomar el Herramienta Rectangular (M) y crea una franja horizontal en la parte superior de la cámara. Sostener Alt-Shift y arrastre hacia abajo, creando una copia en la parte inferior.
Selecciona todos los elementos, toma el Herramienta de creación de forma (Shift-M), sostener el Alt clave y haga clic para eliminar las piezas innecesarias fuera de la cámara.
Ahora vamos a hacer la parte más esencial de cada cámara: la lente!
Comience haciendo un 150 x 150 px círculo usando el Herramienta Elipse (L). Colóquelo casi en el centro de la cámara, un poco más hacia la derecha..
Vamos a agregar el botón del obturador a nuestra cámara. Crear un 40 x 20 px rectángulo con el Herramienta Rectangular (M). Haga sus esquinas ligeramente redondeadas, usando el Esquinas vivas función. Crea una copia manteniendo Alt-Shift y arrastrando la forma hacia la izquierda para crear otro botón. Haga el nuevo botón un poco más pequeño, estableciendo su ancho a 30 px en el Transformar panel en la parte superior.
Ahora podemos aplicar los colores a nuestra cámara y agregar más detalles. Llene la base de la cámara con un degradado lineal de color gris oscuro, colocándola verticalmente.
Y hagamos plateada la franja superior de la cámara aplicando un degradado vertical de gris a gris claro. Aplique el mismo color a la franja inferior, seleccionándola con la Herramienta de cuentagotas (I), pero colocando los colores al revés.
Y aplica el mismo color plateado a los botones también.. Enviar los botones hacia atrás (Control-Shift- [), detras de camara.
Ahora vamos a agregar más detalles a la lente. Rellene su base con un degradado lineal vertical desde el color gris oscuro en la parte inferior hasta el gris plateado en la parte superior.
Y vamos a añadir otro anillo a la lente. Ir Objeto> Ruta> Ruta compensada. Selecciona el Compensar valor para -7 px, Creando un círculo más pequeño dentro del primero. Rellénalo con degradado gris claro.
Vamos a usar el Ruta de desvío Funciona de nuevo para agregar otro anillo, pero esta vez configura el Compensar valor para -3 px. Aplique un degradado de color gris oscuro, con un tono más oscuro de gris en la parte superior.
Continúa repitiendo la misma acción y aplica un -Offset de 7 px Para crear un nuevo anillo con degradado lineal de color más claro. Añadir otra forma con -3 px Compensar valor y un degradado más oscuro, que puede seleccionar de uno de los anillos creados anteriormente, utilizando el Herramienta de cuentagotas (I).
Continuar agregando Caminos compensados Con los mismos ajustes, variando. -7 px y -3 px valores y la alternancia de gradientes oscuros y claros, hasta que tenga aproximadamente diez círculos en total.
Ahora formemos la parte interior de la lente, su apertura. Esta vez establece el Compensar valor para -15 px, creando un pequeño círculo.
En este paso ya podemos eliminar los contornos, ya que todas las formas principales están coloreadas. Seleccionar todo (Control-A) y establecer el Carrera color para Ninguna en el Color panel.
Vamos a Сopy el círculo más pequeño y Pegar eso en frente (Control-C> Control-F). Rellénalo con degradado lineal de azul a negro. Selecciona el Modo de fusión a Pantalla, haciendo el lado negro del degradado transparente y creando así un matiz.
Puede cambiar la dirección del degradado, colocándolo diagonalmente, usando la Herramienta de gradiente (G).
Vamos a duplicar este matiz (Control-C> Control-F) y hacerlo más pequeño.
Coloque el matiz inferior sobre el más pequeño por Trayendo eso al frente (Control-Shift-). Manteniendo la forma seleccionada, toma la Herramienta de borrador (Shift-E) y dibuja una línea a lo largo del resaltado, dividiéndola en dos partes.
Para la mitad superior del sobretono, cambiemos la parte azul del relleno degradado a púrpura oscuro. Y aplique un color rojo en lugar de azul para la mitad inferior del matiz.
Haz el círculo gris debajo del resalte un poco más oscuro.
Vamos a Grupo (Control-G) Los elementos de la abertura y los hacen un poco más grandes..
Puedes editar los colores de la lente un poco, oscureciendo nuestros gradientes para agregar más contraste a las formas..
Ahora hagamos nuestra cámara más realista y tridimensional agregando detalles menores. En primer lugar, vamos a añadir la sombra de la lente..
Selecciona el círculo inferior más grande de la lente., Dupdo eso y Pegar en la parte posterior (Control-C> Control-B). Haz la forma un poco más grande y rellénala con un degradado lineal de gris a blanco. Haz que el gradiente vaya en diagonal hacia la derecha. Cambiar a Multiplicar el modo de fusión, Así se hace transparente el lado blanco del degradado..
Vamos a eliminar la parte inferior de la sombra con el Herramienta de creación de forma (Shift-M). Selecciona tanto la sombra como la base de la cámara, mantén presionada Alt y haga clic en la parte innecesaria de la sombra fuera de la cámara para eliminarla.
Ahora formemos el agarre de la cámara en el lado izquierdo de la cámara para que sea más real. Dibuja un rectángulo de la misma altura que nuestra cámara. Rellene la forma con un degradado vertical de gris oscuro a negro y cambie el Modo de fusión a Pantalla, Haciendo la parte negra transparente y formando un punto culminante..
Duplicar el rectángulo (Control-C> Control-F) y arrástrelo hacia la derecha, adjuntando la copia creada junto al primer rectángulo y haciéndolo mucho más estrecho.
Utilizar el Herramienta de cuentagotas (I) para elegir el aspecto de la sombra debajo de la lente, aplicando un degradado de color gris oscuro en Multiplicar el modo de fusión al rectángulo recién creado. Coloca el degradado horizontalmente, formando una sombra sutil desde el agarre de la cámara..
Agreguemos más detalles, como el flash y los indicadores, a la parte superior de nuestra cámara.
Hacer una 50 x 30 px Rectángulo y colóquelo en la esquina superior derecha de la cámara. Hazlo ligeramente redondeado, usando el Esquinas vivas función, y aplique un degradado vertical de color gris oscuro, seleccionando el color de la base de nuestra cámara con el Herramienta de cuentagotas (I).
Aplica el Ruta de desvío con -10 px de desplazamiento Valorar y hacer la forma redondeada. Rellena la forma creada con un degradado vertical de color gris claro, formando el flash.
Hacer otro rectángulo de 30 x 10 px tamaño. Haga sus esquinas totalmente redondeadas y rellénelas con un degradado lineal de color amarillo brillante.
Hacer una 20 x 20 px Círculo y colóquelo por el lado izquierdo de la lente. Aplicar un gradiente lineal de plata. Hacer otro circulo de 10 x 10 px al lado del primero y rellénalo con un degradado lineal amarillo brillante.
Hacer la base de la cámara un poco más oscura.. Dupdo eso y Pegar en el frente (Control-C> Control-F).
Y ahora hagamos la base de la cámara con textura, utilizando los patrones incorporados de Adobe Illustrator!
Abre el Muestras panel en Ventana> Muestras. Ve a la Biblioteca de muestras> Patrones> Gráficos básicos> Gráficos básicos_Texturas.
Aquí tenemos algunas texturas realistas agradables, que pueden crear un aspecto detallado y elegante. Encontremos algo que imite una superficie de cuero. Por ejemplo, la muestra llamada USGS 21 Superficie intrincada. Haz clic para aplicar la textura a la forma seleccionada..
Modifiquemos un poco nuestra textura, usando algunas de las herramientas, que nos permiten trabajar con las muestras y los patrones aplicados..
Manteniendo seleccionada la forma texturada, haga doble clic en Herramienta de escala (S) en el Herramientas panel para abrir el Escala ventana de opciones Aquí, desmarque todas las opciones excepto la Transformar patrones caja. Y establecer el Escala uniforme valor para 90%, Haciendo los elementos de la textura un poco más pequeños..
Y cambiemos un poco la dirección de nuestro patrón. Manteniendo seleccionada la textura, haga doble clic en Herramienta de rotación (R). Comprobar el Transformar patrones cuadro y establecer el Ángulo a 30 grados.
Finalmente, cambie el Modo de fusión de la forma del patrón a Multiplicar y disminuir su Opacidad a 30% en el Transparencia Panel, lo que hace que se mezcle con la base oscura, para que se ajuste a la cámara.
¡Y aqui lo tenemos! ¡Nuestra cámara plana semi-realista con superficie texturizada está lista! Espero que hayas disfrutado siguiendo este tutorial y que hayas descubierto algunos consejos y trucos nuevos para modificar formas básicas y aplicar patrones para hacer que un objeto plano se vea más detallado..
Sigue haciendo cosas creativas y deja que la inspiración te guíe.!
Accentsconagua