Me encanta o lo detestamos, el período previo a las vacaciones es a menudo la época más ocupada del año para diseñadores e ilustradores. Es alrededor de este tiempo las solicitudes llegan para todo tipo de promociones y ventas. He perdido la cuenta de la cantidad de adornos, pavos y cajas de regalo que me han pedido que ilustre. El Consejo rápido de hoy es un tutorial rápido y fácil que le enseñará cómo usar el panel de apariencia y algunas fuentes agradables para hacer una ilustración de ventas muy simple. El enfoque aquí es una ilustración rápida y fácil que le permitirá continuar con las tareas más importantes de la temporada. Empecemos!
Cree un documento RGB de 600 x 500 px con las unidades configuradas en píxeles. Tome la herramienta Rectángulo (M) y la Opción + Clic en la mesa de trabajo y cree un rectángulo de 400px por 100px.
Haga las partes laterales de la pancarta utilizando la herramienta Rectángulo (M). Opción + Clic en la mesa de trabajo y crea un rectángulo de 150px por 100px.
Tome la herramienta Pluma (P) y agregue un punto de anclaje en el centro del lado derecho del rectángulo. Con la Herramienta de selección directa (A), mueva el punto para crear una forma de V que formará el final de la cinta.
Seleccione el extremo de la cinta y haga una copia reflejada con Opción + Al hacer clic en el centro del rectángulo principal con la Herramienta de Reflejar (O) y haga una Copia Vertical. Seleccione ambos extremos de la cinta y muévalos hacia la parte posterior de la imagen (seleccione luego Comando + Mayús + Soporte Cuadrado Izquierdo)
En este paso vamos a hacer el patrón para la cinta. Esto puede ser lo que quieras. Estoy creando una banda básica, así que hice un pequeño rectángulo y luego copié y pegué otro rectángulo en su lugar (Comando + C, luego Comando + F) y reduje su escala. He coloreado cada rectángulo un tono de rojo con un rectángulo más claro que el otro. Seleccione las formas y arrástrelas al Panel de muestras para hacer un fondo.
Prueba el patrón de relleno en la cinta para ver si te gusta. Una vez que estés feliz, es hora de agregar más detalles.
Seleccione la cinta y haga clic en el botón Agregar nuevo trazo, edite la configuración para que el trazo tenga un peso de 1 pt y una línea discontinua con un guión de 4 puntos y un espacio de 4 puntos y sea de color claro (he usado blanco).
Con el trazo seleccionado, vaya a "fx"en el panel Apariencia y navegue a Ruta> Ruta de compensación e ingrese una compensación de -3px.
Seleccione el relleno de la cinta y vaya a la "fx"en el panel Apariencia y navegue hasta Estilizar> Resplandor interior. Configure el color para que sea un tono más oscuro del color principal de las cintas (en este caso, estoy usando un rojo oscuro) y configure la opacidad al 50%, el Modo a Multiplica y difumina a 15px..
Ahora es el momento de añadir el texto! Estoy usando una gran fuente llamada Pacifico a escala de 48 puntos. Dependiendo de la fuente y el texto que esté usando, tendrá que establecer el tamaño del punto para que coincida con el tamaño de la cinta. Si quieres usar la misma fuente que soy yo, puedes descargarla gratis desde Font Squirrel.
Con el texto seleccionado, vaya al Panel de apariencia y agregue un relleno blanco, y luego un relleno en un tono oscuro del color principal de las cintas (para esto estoy usando rojo oscuro). Asegúrese de que el color más oscuro está debajo de la capa blanca. Seleccione el color más oscuro en el Panel de apariencia (asegúrese de que el texto aún esté seleccionado o el efecto no se aplicará) y vaya a "fx"y navegue hasta Distorsionar y transformar> Transformar. Mueva la capa Vertical -5px y haga clic en Aceptar. Esto hará una sombra para el texto.
Tu cinta debe verse algo como esto. Ahora es el momento de hacerlo con curvas. Seleccione el texto y la parte superior del banner y agrúpelos (Comando + G) luego seleccione las dos partes laterales de la cinta y agrúpelas usando la misma técnica. Ahora debería tener dos grupos que componen la cinta.
Seleccione ambos grupos de la cinta con la herramienta de selección (V) y vaya a "fx"en el panel Apariencia y navegue hasta Warp> Arch. Establezca la curva en 20% y haga clic en OK. Ahora tendrá un banner con curvas..
Seleccione la herramienta Elipse (L) y la opción + haga clic en la mesa de trabajo y cree un círculo de 350 px por 350 px.
Seleccione el círculo y muévalo detrás del grupo superior de la cinta con Comando + Soporte cuadrado izquierdo. El círculo debe estar anidado entre los grupos superior e inferior de la cinta como se ve en la imagen de abajo.
Seleccione el círculo y aplique un degradado radial desde un tono claro hasta un tono ligeramente más oscuro. He utilizado de blanco a azul claro para el mío, puedes usar cualquier color que desees siempre que sea más claro que la cinta (esto ayuda a que el texto se destaque). En el Panel de apariencia, agregue un trazo de 1 o 2 puntos en un tono ligeramente más oscuro que el degradado para definir el exterior del círculo.
En la imagen de abajo podrás ver cómo he colocado el gradiente. Puede editar el degradado cuando lo desee, simplemente seleccione el círculo y luego elija la Herramienta de degradado (G) para mover y editar el degradado dentro de la ilustración..
No sería una venta sin el descuento llamativo. He añadido texto usando la fuente "Museo Slab 500", que también es una fuente gratuita, puede descargarla desde FontSpring.com (deberá registrarse para obtener una cuenta).
Nota: He estado bastante perezoso aquí, ya que estoy trabajando para crear el diseño sin mucho esfuerzo, por lo que para equilibrar el texto, lo dividí en dos líneas y reduje el tamaño de fuente de la línea de fondo. Una mejor manera de hacerlo sería alinear correctamente dos líneas diferentes de texto y usar el kerning y el seguimiento para que se vea completamente equilibrado. Hoy no tenemos tiempo para esto, queremos unas vacaciones.!
Seleccione el texto de la venta y en el Panel de Apariencia vaya a "fx"y navegue hasta Estilizar> Resplandor exterior. Ajuste el brillo a un color claro (yo he usado blanco) con un Modo de Normal y un Desenfoque de 45px. No notará mucho después de este paso, simplemente aclara el área detrás El texto un poco para que se destaque un poco más..
Ahora haremos una percha para el círculo que lo convertirá en una decoración. Dibuje un rectángulo con la herramienta Rectángulo, selecciónelo y en el Panel de apariencia, haga clic en "fx"y navegue hasta Warp> Arch. Establezca Bend en -15% y haga clic en OK. Una vez hecho esto, vaya a Objeto> Expandir apariencia para liberar la forma y facilitar el trabajo con.
Agregue un degradado lineal similar al ejemplo a continuación para hacer un acabado metálico. Si quieres hacer un efecto dorado sustituye los tonos de gris por amarillo y marrón claro..
Dibuje una Elipse en la parte superior de la Forma de arco para crear la parte superior del colgador, rellénelo con un Gradiente lineal utilizando los tonos medios y oscuros del degradado anterior (simplemente elimine el color más claro).
Dibuje un círculo con un trazo que complemente la escala del colgador (he usado 8 puntos) y con la herramienta Tijeras (C), haga clic en los puntos de los lados izquierdo y derecho del círculo para cortarlo por la mitad. Eliminar la sección inferior.
Vaya a Objeto> Expandir para convertir el trazo en una forma. Rellene la forma resultante con el mismo degradado que usó para la parte superior de la percha (la que hizo en el paso 13).
Este es el diseño básico para la venta de vacaciones. Desde aquí, he agregado un efecto de grano al círculo principal para darle una sensación más retro para que coincida con la cinta.
Para añadir la textura ir a la "fx"en el panel Apariencia y navegue hasta Textura> Grano. Puede ver las configuraciones que he usado en la imagen de abajo. Juegue con las configuraciones para encontrar algo que le guste.
Este es el efecto final. También cambié la carrera a 1 punto porque el grano hacía que la línea 2 se destacara demasiado y reubicó la percha para hacer un diseño más agradable.
Nota: Es mejor agregar cualquier efecto raster cuando haya terminado el diseño principal, ya que a menudo puede ralentizar la computadora y, a veces, incluso la aplicación se congela..
También he notado que la pancarta y la percha podrían usar una sombra paralela. Para hacer esto, seleccione el grupo superior del banner, luego vaya a "fx"en el panel Apariencia y navegue hasta Estilizar> Sombra. Para mantener los tonos más suaves del diseño, he usado un tono oscuro del color principal (en este caso, un azul oscuro) y establezca el Modo en Múltiple, la Opacidad al 40%, el desplazamiento a 3px y el desenfoque a 3px.
Para agregar una sombra al perchero, hice una elipse, la coloreé en un tono medio del color principal (en este caso, un gris medio / azul) y la envié detrás de la percha (presione Comando + Soporte Cuadrado Izquierdo hasta que aparezca). en posición) Con la sombra seleccionada, vaya a la "fx"en el panel Apariencia y navegue hasta Desenfoque> Desenfoque gaussiano. Establezca el Radio en 3.7 píxeles (o cualquier cosa que se vea bien en la vista previa) Haga clic en Aceptar.
Experimenta con diferentes colores y letras para ver qué puedes hacer. Si desea cambiar el ángulo de la cinta, vaya a Objeto> Expandir apariencia antes de moverla, ya que el efecto de deformación cambiará de manera inesperada debido a la posición (Asegúrese de guardar una copia antes de hacerlo, ya que no puede editar la cinta después de expandirlo). Espero que hayas disfrutado este tut.