Share
Este tutorial te mostrará cómo hacer una ilustración vectorial del Sidekick LX. Este tutorial utiliza principalmente la herramienta Pluma, formas básicas y gradientes simples para dar a esta ilustración un grado de realismo. En este tutorial, aprenderás formas rápidas de hacer ilustraciones vectoriales estilizadas.
Para empezar, echemos un vistazo a la imagen que vamos a crear. La imagen final está abajo..
Ahora vaya a Archivo> Nuevo, y asegúrese de elegir Web para el perfil del documento. Luego guarda el archivo y llámalo "Sidekick".
Ahora que tiene el documento listo, asegúrese de tener abiertos el panel Muestras, el Panel de capas y el Panel de herramientas. Estos tres paneles son los paneles más esenciales en este tutorial..
Pegue el JPEG del Sidekick LX. Asegúrese de que esta imagen está en su propia capa y está bloqueada. Esto es extremadamente importante porque el diseño final tendrá muchos objetos y ayudará a mantenerlos organizados.
El primer paso para crear el teléfono real es crear una parte posterior que eventualmente estará debajo de la pantalla abatible. Para esto, simplemente puede crear un rectángulo o usar la herramienta Pluma.
A continuación haremos los contornos de los teléfonos en varias partes. Divido el teléfono en tres partes, lado izquierdo, pantalla y lado derecho. Traza estas tres partes con la herramienta Pluma. Asegúrese de curvar la mayoría de las líneas arrastrando la herramienta Pluma para hacer una curva suave, ya que cualquier línea recta se verá torpe y poco natural.
Ahora agregaremos el gradiente a los dos lados. Solo tendremos que hacer el gradiente una vez; luego podemos copiar el gradiente y voltearlo por el otro lado. El objetivo del degradado no es mostrar una fuente de luz y crear la ilusión de profundidad..
El teléfono es un objeto con forma de orbe. El gradiente debe contener al menos tres colores. Un color debe ser el color base, el siguiente debe ser un tono más claro para el resalte y el tercero debe ser un tono más oscuro..
El siguiente paso es crear la pantalla abatible del teléfono. Para ello, simplemente puede utilizar la herramienta Rectángulo redondeado. Haga que el color de relleno sea negro sin color de trazo. Luego crea el área negra en la que se colocará la pantalla..
Ahora elige un color marrón opaco para hacer la pantalla LCD. Use la herramienta Rectángulo y cree un rectángulo que tenga un borde uniforme de negro en la parte superior, inferior e izquierda. Debería haber más espacio en el lado derecho, aquí es donde irá el gran logotipo.
Ahora duplique el rectángulo de la pantalla LCD y aplíquele un degradado horizontal gris. Una vez que se haya aplicado el gradiente, establezca el ángulo en -40 °. A continuación, establezca el modo de transferencia en Superposición y la opacidad en 60%.
Cree un pequeño círculo con la herramienta Elipse y aplíquele un degradado horizontal gris. Colóquelo debajo de la pantalla LCD y céntrelo. Este es el detector de luz..
Ahora diseñaremos los símbolos que van en los botones. Para hacer esto, usa la imagen del compañero como referencia y vuelve a crear los símbolos. Para el Menú y el Cancelar Símbolos utilicé la herramienta Rectángulo redondeado. Para el Casa Símbolo utilicé la herramienta elipse. Para el Regreso símbolo utilicé la herramienta Pluma.
Agregue un degradado con un color marrón claro y los colores marrón base que usamos anteriormente. Usa el color marrón oscuro para el trazo. Coloque el ángulo de modo que la fuente de luz esté en la parte superior izquierda de "Sidekick".
Para crear el botón para estos símbolos, use la herramienta Rectángulo redondeado para hacer una forma cuadrada simple con el mismo trazo marrón oscuro y el relleno marrón base. Duplica este cuadrado para hacer un botón para los cuatro símbolos y centrar los símbolos en los cuadrados. Agrupa cada botón y símbolo. Luego posiciona los botones según la imagen de referencia..
Ahora vamos a hacer el botón de altavoz de plata. Utilice la herramienta Rectángulo redondeado para hacer dos cuadrados. Uno debería ser más grande que el otro. Aplica el degradado horizontal gris al cuadrado pequeño. Aplique el mismo degradado horizontal gris en el cuadrado más grande, pero cambie el ángulo a 90 °.
Cree un círculo pequeño que tenga un relleno gris oscuro y un trazo gris. Haz cuatro columnas y cuatro filas del mismo círculo. Luego, coloque el altavoz en la ubicación correcta en referencia con la imagen "Sidekick".
Use la herramienta Rectángulo redondeado para hacer la Micrófono. Aplica los mismos atributos que los símbolos tenían a este rectángulo. Luego coloca el Micrófono al lado de Cancelar botón.
Ahora crea el Finalizar llamada botón. Este rectángulo tendrá un círculo cortado en la esquina inferior derecha. También tendrá una protuberancia ligera sobre la muesca para dar un efecto extruido. Puede utilizar la herramienta Pluma para dibujar esta forma, como se muestra a continuación. Utilizar el Compañero imagen como referencia.
Ahora aplique un degradado con los mismos colores marrón claro y marrón base. Fije el ángulo a 139 °.
Duplicar el Botón de fin y voltearlo horizontalmente para que esté al revés.
Usa la herramienta pluma para trazar el Hablar y Fin simbolos Ambos no deben tener un derrame cerebral. Pinta el Hablar botón # 00B384 y el Fin botón # E46674. Posiciona ambos símbolos en las esquinas de los botones..
A continuación haremos el Bola de seguimiento. Usa la herramienta Elipse para hacer un círculo. El relleno debe ser de color crema y el trazo debe ser de color marrón claro..
Ahora agregue un gradiente al círculo. El gradiente puede ser de cualquier color; Elegí mantener un gradiente de crema.
Alrededor de Bola de seguimiento, Hacer un círculo grande con un relleno degradado. El gradiente debe ser el color marrón claro utilizado anteriormente y un color marrón oscuro. Mueve este objeto detrás de la Bola de seguimiento.
Ahora haga otro círculo y colóquelo en la parte superior del círculo realizado en el paso 23. Use el mismo gradiente, pero cámbielo de lineal a radial, de modo que el marrón más claro esté en el exterior.
Puede ver en la imagen de abajo donde se colocan todas las formas que creamos. Enhorabuena, acaba de hacer un teléfono genial con herramientas básicas y gradientes simples en Adobe Illustrator. ¡Ahora puedes volver y retocar el vector a tu gusto! Finalicé este diseño agregando una marca y una reflexión, como se muestra a continuación.
Accentsconagua