Spanish (Español) translation by Elías Nicolás (you can also view the original English article)
¿Quieres que tus objetos planos parezcan más complejos y detallados? ¡Sigue este tutorial y aprenderás a crear una cámara de bolsillo retro con estilo, el dominio de los gradientes de luces y sombras y el uso de las muestras integradas en Adobe Illustrator para una textura de superficie semi-realista!
Si te gusta la creación de objetos planos con detalles realistas y quieres aprender algunas técnicas sobre el uso y la modificación de las formas básicas, dominio de degradados, creación y aplicación de texturas, te invito a que te unas al curso Creating Flat Workspace Elements for Advertisements. Desde allí aprenderás también a crear un fondo de madera con textura realista para tus objetos.
1. Crea la Base de la Cámara Con Formas Simples
Paso 1
Comienza creando la base de la cámara creando un rectángulo de 165 px x 170 px con la Herramienta Rectángulo (M).
Copia y Pega hacia atrás (Ctrl-C > Ctrl-B). Reajusta la copia y ponlo sobre los 140 px de altura y los 280 px de ancho, creando así dos rectángulos superpuestos.
Paso 2
Selecciona ambas formas y Únelos con el Buscatrazos. Haz las esquinas redondeadas tirando de los marcadores con los Vértices Interactivos al máximo.
Los Vértices Interactivos sólo sirven en Adobe Illustrator CC. En caso de usar otra versión, no dude en recurrir a Efecto > Estilizar > Redondear Vértices.
Paso 3
Usa la Herramienta Rectángulo (M) y crea una franja horizontal en la parte superior de la cámara. Mantén Alt-Shift y arrastra hacia abajo, creando una copia en la parte inferior.
Selecciona todos los elementos, escoge la Herramienta Creador de Formas (Shift-M), mantén presionada la tecla Alt y haga click para eliminar las piezas que no sean necesarias fuera de la cámara.
Paso 4
Ahora vamos a hacer la parte esencial de toda cámara: ¡la lente!
Empieza por hacer un círculo de 150 px x 150 px con la Herramienta Elipse (L). Colócalo casi en el centro de la cámara, un poco más cerca de la derecha.
Paso 5
Vamos a añadir el botón del obturador a nuestra cámara. Crea un rectángulo de 40 px x 20 px con la Herramienta Rectángulo (M). Haz las esquinas ligeramente redondeadas con los Vértices Interactivos. Crea una copia pulsando Alt-Shift y arrastra la forma hacia la izquierda con el fin de crear otro botón. Haz el nuevo botón un poco más pequeño, fijando su anchura en 30 px con el panel Transformar en la parte superior.
2. Aplicar los Colores a la Cámara
Paso 1
Ahora podemos aplicar los colores a nuestra cámara y añadir más detalles. Rellena la base de la cámara con degradado lineal gris oscuro, colocándolo en posición vertical.
Paso 2
Y vamos a hacer la franja plateada superior de la cámara mediante la aplicación del degradado vertical de gris a gris claro. Aplica el mismo color que en la franja base, extrayendo con la Herramienta Cuentagotas (I), pero colocando los colores al revés.
Paso 3
Aplicamos el mismo color plateado también a los botones. Envia los botones hacia atrás (Control-Shift-[), detrás de la cámara.
Paso 4
Ahora vamos a añadir más detalles a la lente. Llena la base con degradado lineal vertical desde el color gris oscuro en la parte inferior hasta la parte superior plateada.
Vamos a añadir otro anillo a la lente. Ve a Objeto > Trazado > Desplazamiento. Establece un Desplazamiento con valor de -7 px, creando un círculo más pequeño dentro de la primera. Rellena con degradado gris claro.
Paso 5
Vamos a utilizar otra vez el Desplazamiento para añadir otro anillo, pero esta vez el Desplazamiento tendrá un valor de -3 px. Aplica un degradado gris oscuro, con un tono más oscuro de gris en la parte superior.
Paso 6
Continúa repitiendo la misma acción y aplica un Desplazamiento de -7 px para crear un nuevo anillo con un degradado lineal de color más claro. Añadir otra forma con un Desplazamiento de -3 px con un degradado más oscuro, que se puede elegir entre uno de los anillos creados anteriormente, usando la Herramienta Cuentagotas (I).
Continúa añadiendo Desplazamientos con los mismos parámetros, variando entre -7 px y -3 px y alternando el degradado claro y oscuro, hasta que tenga unos diez círculos en total.
Paso 7
Ahora vamos a crear la parte interior del lente, la apertura. Esta vez establecemos un valor de -15 px en el Desplazamiento, creando un círculo pequeño.
En este paso ya podemos borrar los trazos, ya que están coloreadas las principales formas. Selecciona todo (Control-A) y establece el Color del Trazo en Ninguno.
Paso 8
Vamos a Copiar el círculo pequeño y lo vamos a Pegar Al Frente (Control-C > Control-F). Rellénalo con un degradado lineal que vaya del color azul al negro. Ajusta el Modo de Fusión a Trama, por lo que el lado negro del degradado creará un matiz.
Puedes cambiar la dirección del degradado, moverlo en diagonal, usando la Herramienta Degradado (G).
Paso 9
Vamos a duplicar el último círculo (Control-C > Control-F) y a hacerlo más pequeño. y a hacerlo más pequeño.
Paso 10
Coloque el tono de fondo en la parte superior del más pequeño para traerlo al frente (Control-Shift-]). Manteniendo la forma seleccionada, tome la herramienta borrador (Shift-E) y trace una línea a través del punto culminante, dividiéndola en dos partes.
Paso 11
Para la mitad superior del overtone, cambiemos la parte azul del relleno del gradiente a púrpura oscuro. Y aplicar un color rojo en lugar de azul para la mitad inferior de la tonalidad.
Haz que el círculo gris debajo del resalte sea un poco más oscuro.
Paso 12
Vamos a Agrupar (Control-G) los elementos de la apertura y hacerlos un poco más grandes.
Usted puede editar los colores de la lente un poco, haciendo nuestros gradientes más oscuros para agregar más contraste a las formas.
3. Agregue más detalles a la cámara
Paso 1
Ahora vamos a hacer nuestra cámara más realista y tridimensional añadiendo detalles menores. En primer lugar, vamos a añadir la sombra de la lente.
Seleccione el círculo inferior más grande del objetivo, Copiarlo y Pegar detras (Control-C > Control-B). Haga la forma un poco más grande y llénela con gradiente lineal de gris a blanco. Haga que el gradiente vaya en diagonal a la derecha. Cambie a Multiplicar en Modo de Mezcla, haciendo así que el lado blanco del gradiente sea transparente.
Paso 2
Vamos a eliminar la parte inferior de la sombra con la herramienta Creador de formas (Mayúsculas-M) . Seleccione la sombra y la base de la cámara, mantenga presionada Alt y haga clic en la parte innecesaria . de la sombra fuera de la cámara para eliminarla
Paso 3
Ahora vamos a formar la empuñadura 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. Llene la forma con gradiente vertical de gris oscuro a negro y cambie el modo de fusión a Trama, haciendo la parte negra transparente y formando un resaltado.
Paso 4
Duplicar el rectángulo (Control-C> Control-F) y arrastrarlo a la derecha, adjuntando la copia creada al lado del primer rectángulo y haciéndola mucho más estrecha.
Utilice la herramienta Cuentagotas (I) para recoger la apariencia de la sombra bajo la lente, aplicando un gradiente de color gris oscuro en modo de fusion múltiplicar al rectángulo recién creado. Ponga el gradiente horizontalmente, haciendo una sombra sutil del agarre de la cámara.
Paso 5
Vamos a agregar más detalles, como el flash y los indicadores, a la parte superior de nuestra cámara.
Haga un rectángulo de 50 x 30 px y colóquelo en la esquina superior derecha de la cámara. Haga que sea ligeramente redondeado, utilizando la función vertices interactivos, y aplique un gradiente vertical gris oscuro, escogiendo el color de la base de nuestra cámara con la herramienta Cuentagotas (I).
Paso 6
Aplique el desplazamiento con valor de -10 px y realice la forma redondeada. Rellene la forma creada con un gradiente vertical gris claro, formando el flash.
Paso 7
Realiza otro rectángulo de 30 x 10 px. Haga sus esquinas completamente redondeadas y llénelo con un gradiente lineal de color amarillo brillante.
Paso 8
Haga un círculo de 20 x 20 px y colóquelo por el lado izquierdo de la lente. Aplique un gradiente lineal de plata. Haga otro círculo de 10 x 10 px al lado del primero y rellénelo con un gradiente lineal de color amarillo brillante.
4. Crear un efecto de textura de cuero
Paso 1
Haz que la base de la cámara sea un poco más oscura. Copiar y Pegar Delante (Control-C > Control-F) .
Paso 2
Y ahora vamos a hacer la base de la cámara con textura, utilizando los patrones incorporados de Adobe Illustrator
!Abra el panel Muestras en Ventana > Muestras. Vaya a la Biblioteca de Muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas.
Paso 3
Aquí tenemos algunas texturas realistas agradables, que pueden crear una vista detallada y de lujo. Vamos a encontrar algo que imita una superficie de cuero. Por ejemplo, la muestra llamada USGS 21 Superficie Intrincada. Haga clic para aplicar la textura a la forma seleccionada.
Paso 4
Vamos a ajustar nuestra textura un poco, utilizando algunas de las herramientas, que nos permiten trabajar con las muestras y los motivos aplicados.
Manteniendo la forma texturada seleccionada, haga doble clic en la herramienta Escala (S) en el panel Herramientas para abrir la ventana Opciones de Escala. Aquí, desmarque todas las opciones excepto el cuadro Transformar patrones. Y establezca el valor de la Escala Uniforme al 90%, haciendo que los elementos de la textura sean ligeramente más pequeños.
Paso 5
Y cambiemos un poco la dirección de nuestro patrón. Manteniendo la textura seleccionada, haga doble clic en la herramienta Rotar (R). Marque la casilla de Transformar patrones y ajuste el ángulo a 30 grados.
Paso 6
Finalmente, cambie el Modo de fusión de la forma del patrón a Multiplicar y disminuya su Opacidad al 30% en el panel Transparencia, haciéndolo combinar con la base oscura, para que se ajuste a la cámara.
¡Diga queso!
Y aquí lo tenemos! ¡Nuestra cámara plana semi-realista con superficie texturada está lista! Espero Espero que hayas disfrutado siguiendo este tutorial y descubierto algunos nuevos consejos y trucos sobre la modificación de formas básicas y la aplicación de patrones para hacer un objeto plano mirada más detallada
¡Sigue haciendo cosas creativas, y deja que la inspiración te guíe!
By
