Espero que os guste.
 |
Como crear una etiqueta de Precio con Adobe Illustrator
|
Detalles del Tutorial
Programa: Adobe Illustrator CS5
Dificultad: Principiante
Tiempo estimado para completarlo: 20 minutos.
Consejo rápido:
Cómo crear un icono de etiqueta de precio simple
En el siguiente consejo rápido usted aprenderá cómo crear un icono de etiqueta de precio simple. Este es otro tutorial que se centra principalmente en el panel Apariencia. En primer lugar, usted necesitará algunas herramientas básicas y técnicas para crear la forma básica. A continuación, utilizando el panel de Apariencia y una fuente agradable, libre, junto con algunos efectos básicos y las técnicas creara el icono de precio. Vamos a empezar.
Paso 1)
Ctrl + N para crear un nuevo documento. Crear un documento de 600 x 600 resolución 72 ppp, asegurarse de que "Alinear objetos a Nueva cuadrícula de píxeles" está desactivada antes de que haga clic en Aceptar. Muestre la cuadrícula (Ver> Cuadrícula) (Ctrl +* )y el ajuste a cuadrícula (Ver> Ajustar a cuadrícula) (Ctrl + Mayus + *).
Ctrl + N para crear un nuevo documento. Crear un documento de 600 x 600 resolución 72 ppp, asegurarse de que "Alinear objetos a Nueva cuadrícula de píxeles" está desactivada antes de que haga clic en Aceptar. Muestre la cuadrícula (Ver> Cuadrícula) (Ctrl +* )y el ajuste a cuadrícula (Ver> Ajustar a cuadrícula) (Ctrl + Mayus + *).
A continuación, tendrá una red de todos los 5px. Vaya a Edición> Preferencias> Guías y cuadrícula, introduzca las 5 de la cuadrícula cada caja y 1 en el cuadro subdivisiones. También puede abrir el panel Información (Ventana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No se olvide de establecer la unidad de medida a los píxeles de la Edición> Preferencias>> Unidad General. Al estas opciones aumentará significativamente su velocidad de trabajo.
Paso 2)
Elija la herramienta Rectángulo (M), cree un 150 por 60px la forma y la rellenamos con R = 255 G = 222 B = 190. No ponerle trazo.
Elija la herramienta Rectángulo (M), cree un 150 por 60px la forma y la rellenamos con R = 255 G = 222 B = 190. No ponerle trazo.
Paso 3)
Vuelva a seleccionar la forma creada en el paso anterior. Elige la herramienta Añadir punto de ancla (+) y añadir dos nuevos puntos de anclaje, como se muestra en la siguiente imagen.
Vuelva a seleccionar la forma creada en el paso anterior. Elige la herramienta Añadir punto de ancla (+) y añadir dos nuevos puntos de anclaje, como se muestra en la siguiente imagen.
Paso 4)
Asegúrese de que su forma sigue estando seleccionada y seleccionar la herramienta de selección directa (A). Seleccione los puntos de la parte superior, de anclaje a la izquierda y moverla 30px hacia abajo y luego seleccione la parte inferior, punto de anclaje a la izquierda y moverla 30px arriba. Al final, su forma debe ser similar en la segunda imagen.
Asegúrese de que su forma sigue estando seleccionada y seleccionar la herramienta de selección directa (A). Seleccione los puntos de la parte superior, de anclaje a la izquierda y moverla 30px hacia abajo y luego seleccione la parte inferior, punto de anclaje a la izquierda y moverla 30px arriba. Al final, su forma debe ser similar en la segunda imagen.
Paso 5)
Elige la herramienta Elipse (L), crear un círculo 10px y colocarlo como se muestra en la primera imagen.
Elige la herramienta Elipse (L), crear un círculo 10px y colocarlo como se muestra en la primera imagen.
Seleccione que junto con la otra forma y haga clic en el botón frontal Menos desde el panel de Buscatrazos. La forma resultante debe ser similar en la tercera imagen. Esta es la única forma que tendrá que crear su etiqueta de precio. Pase al panel Capas (Ventana> Capas) haga doble clic en esta forma y el nombre de "precio".
Paso 6)
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Seleccione el relleno existente y vaya a Efecto> Estilizar> Resplandor interior. Introduzca los datos se muestra a continuación y haga clic en Aceptar.
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Seleccione el relleno existente y vaya a Efecto> Estilizar> Resplandor interior. Introduzca los datos se muestra a continuación y haga clic en Aceptar.
Paso 7)
Seleccione " etiqueta de precio", pase al panel Apariencia y haga clic en el botón Agregar nuevo relleno. Obviamente, esto añadirá un nuevo relleno para su forma. Selecciónelo en el panel Apariencia, bajar su opacidad al 25% y rellenar con el gradiente lineal que se muestra a continuación. Es un degradado lineal con cuatro colores blancos R=255 G=255 B=255 , pero en el 1 color blanco la opacidad es 0 %, el siguiente a 25 % , el otro 50% y el ultimo 100%
Seleccione " etiqueta de precio", pase al panel Apariencia y haga clic en el botón Agregar nuevo relleno. Obviamente, esto añadirá un nuevo relleno para su forma. Selecciónelo en el panel Apariencia, bajar su opacidad al 25% y rellenar con el gradiente lineal que se muestra a continuación. Es un degradado lineal con cuatro colores blancos R=255 G=255 B=255 , pero en el 1 color blanco la opacidad es 0 %, el siguiente a 25 % , el otro 50% y el ultimo 100%
Asegúrese de que este nuevo relleno está todavía seleccionado y vaya a Efecto> Trazado> Desplazamiento. Introduzca un -3px, haga clic en Aceptar y vaya a Efecto> Estilizar> Resplandor interior. Una vez más, introducir los datos se muestra a continuación y haga clic en Aceptar.
Paso 8)
Seleccione " etiqueta de precio" y añadir un trazo. Hacen 1px de ancho, ajuste de color a R = 196 G = 154 B = 108 e ir al panel Trazo (Ventana> Trazo). En primer lugar, compruebe el remate y vértice son redondos. A continuación, active la casilla de línea de puntos y poner en el cuadro 0.75pt guión y 3 puntos en el cuadro vacío. Ahora usted debería tener un trazo así.
Seleccione " etiqueta de precio" y añadir un trazo. Hacen 1px de ancho, ajuste de color a R = 196 G = 154 B = 108 e ir al panel Trazo (Ventana> Trazo). En primer lugar, compruebe el remate y vértice son redondos. A continuación, active la casilla de línea de puntos y poner en el cuadro 0.75pt guión y 3 puntos en el cuadro vacío. Ahora usted debería tener un trazo así.
Volver al panel Apariencia, asegúrese de que la trazo sigue seleccionado y vaya a Efecto> Trazado> Desplazamiento. Introduzca un -3px, haga clic en Aceptar y vaya a Efecto> Estilizar> Sombra paralela. Una vez más, introducir los datos se muestra a continuación y haga clic en Aceptar.
Paso 9)
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Asegúrese de que no están seleccionados el relleno o el trazo y haga clic en el botón Añadir trazo nuevo. Esto agregará un nuevo trazo para su forma. Póngale 2pt, alinean hacia el exterior y establecer su color a R = 196 G = 154 B = 108.
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Asegúrese de que no están seleccionados el relleno o el trazo y haga clic en el botón Añadir trazo nuevo. Esto agregará un nuevo trazo para su forma. Póngale 2pt, alinean hacia el exterior y establecer su color a R = 196 G = 154 B = 108.
Paso 10)
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Seleccione el trazo añadido en el paso anterior y haga clic en el botón Duplicar elemento seleccionado. Esto agregará una copia del trazo seleccionada. Seleccione, ajuste su tamaño en 1 pt y el color a R = 255 G = 245 B = 235.
Seleccione " etiqueta de precio" y pulsa en el panel Apariencia. Seleccione el trazo añadido en el paso anterior y haga clic en el botón Duplicar elemento seleccionado. Esto agregará una copia del trazo seleccionada. Seleccione, ajuste su tamaño en 1 pt y el color a R = 255 G = 245 B = 235.
Paso 11)
Vuelva a seleccionar "etiqueta de precio" y pulsa en el panel Apariencia. Asegúrese de que no están seleccionados el relleno o el trazo y haga clic en el botón Agregar nuevo relleno.
Seleccione este nuevo relleno y arrastre a la parte inferior del panel Apariencia. Llenar con el gradiente de línea se muestra a continuación y vaya a Efecto> Trazado> Desplazamiento. Introduzca 2px, haga clic en Aceptar
y vaya a Efecto> Distorsionar y Transformar> Transformar.
Introduzca los datos se muestra a continuación, haga clic en Aceptar y vaya a Efecto> Estilizar> Sombra paralela. Una vez más, introducir los datos se muestra a continuación y haga clic en Aceptar ..
Vuelva a seleccionar "etiqueta de precio" y pulsa en el panel Apariencia. Asegúrese de que no están seleccionados el relleno o el trazo y haga clic en el botón Agregar nuevo relleno.
Seleccione este nuevo relleno y arrastre a la parte inferior del panel Apariencia. Llenar con el gradiente de línea se muestra a continuación y vaya a Efecto> Trazado> Desplazamiento. Introduzca 2px, haga clic en Aceptar
y vaya a Efecto> Distorsionar y Transformar> Transformar.
Introduzca los datos se muestra a continuación, haga clic en Aceptar y vaya a Efecto> Estilizar> Sombra paralela. Una vez más, introducir los datos se muestra a continuación y haga clic en Aceptar ..
Paso 12)
Vuelva a seleccionar toda su trazado y vaya a Efecto> Estilizar> Redondear Vértices. Entrar en un radio de 5px y haga clic en Aceptar. Al panel de Apariencia y asegurarse de que las esquinas redondeadas en la parte superior del panel Apariencia.
Vuelva a seleccionar toda su trazado y vaya a Efecto> Estilizar> Redondear Vértices. Entrar en un radio de 5px y haga clic en Aceptar. Al panel de Apariencia y asegurarse de que las esquinas redondeadas en la parte superior del panel Apariencia.
Paso 13)
Elija la herramienta Texto (T), haga clic en su mesa de trabajo y añadir un precio. Utilice la fuente Arcade puedes descargarla aquí http://www.dafont.com/arcade-pizzadude.font con un tamaño de 35pt y establezca su color a R = 169 G = 124 B = 80. Con este texto aún seleccionado aplicar Efecto> Estilizar> Sombra. Introduzca los datos se muestra a continuación y haga clic en Aceptar.
Paso 14)
Por último, puede utilizar diferentes colores para su precio o se puede aumentar / disminuir el valor establecido para los efectos de las esquinas redondeadas.
Por último, puede utilizar diferentes colores para su precio o se puede aumentar / disminuir el valor establecido para los efectos de las esquinas redondeadas.
Fuente:http://vector.tutsplus.com/
No hay comentarios:
Publicar un comentario