15 febrero 2009

Tutorial Illustrator - Creando Stickers Web 2.0

image

Me pregunto cuánto tiempo mas seguirá la Web 2.0. Todos los gráficos son muy brillantes y atractivos a la hora de crear y mirar. En algunos aspectos, es bueno aprovechar la tendencia, a pesar de todo, hay bastante demanda con el estilo Web 2.0 Ahora veremos como crear Stickers Web 2.0! de una manera muy fácil.

Notas
Este tutorial fue creado en Adobe Illustrator CS3. La mayoría, si no todas, las funciones deben estar disponibles en Illustrator 10.

Paso 1: Crear la Etiqueta con dos Formas

Crear un cuadro con las esquinas redondeadas con la herramienta Rectángulo redondeado. A continuación, crear otro cuadro que es un poco menor. Toma una esquina del segundo cuadro con la Herramienta de selección (v), mantenga Mayus y girar la caja 45º. Luego coloca el segundo cuadro en la esquina inferior derecha del primero en la que desea la tapa de la etiqueta. Copie ambos cuadros y Péguelos en Frente. Seleccione una de los cuadros originales y una de las cajas y Intersecar rotar y ampliar las formas, la creación de la tapa. Tome la segunda copia de cada casilla y Restar Expandir y ellos, la creación de la etiqueta. Ahora, seleccione la tapa, agarra una esquina, mantenga Mayús y girar 180 grados.

image

Paso 2: Crear Forma de Brillo

Usar la herramienta Elipse y dibujar un círculo a mitad de camino en el cuadro, superpuesto en la parte superior como lo muestra la imagen. Copie y pegue el adhesivo en Frente. Tome la elipse y el cuadro y valla a Intersecar -  Expandir del menú buscatrazos (mayus+Ctrl+F9)

image

Paso 3: Crear el efecto brillante

En este paso voy a explicar brevemente el uso de gradientes para crear el efecto brillante. mas adelante publicare un post mas extenso para el tema de Degradados.


Utilice los siguientes pasos para el efecto brillante.
    1. Seleccione la forma y el brillo para crear un gradiente lineal con la primera muestra en el gradiente del 20% cian y segunda muestra en el gradiente de 100% cian.
    2. Ajustar el gradiente con la herramienta de degradado (g).
    3. Eliminar los bordes. 
    4. Seleccione la etiqueta de forma y crear un gradiente lineal con la primera muestra del 100% cian, y la segunda muestra del 100% cian y 50% Magenta.
    5. Ajustar el gradiente con la herramienta de degradado (g).
    6. Eliminar los bordes.

image

Paso 4: Añadir a la Tapa Detalle

Ahora es el momento de dar a tapa cierta profundidad. Seleccione la forma de tapa y la herramienta para crear un gradiente lineal. Mantenga blanco en su primera muestra, seleccione el 20% negro como la segunda muestra y eliminar los bordes. Al ajustar este gradiente, inicie en el centro de la forma de tapa, mantenga Mayús y arrastre a la parte inferior derecha de la tapa en un ángulo de 45 grados.
Ahora la tapa se está viendo muy bien, pero para darle un poco más a fondo, podemos añadir una sombra a la tapa. Seleccione la forma tapa, mantenga presionada la tecla Alt / Opción y arrastre el botón de forma ligeramente hacia abajo y hacia la izquierda. Copia (c) la forma de la etiqueta y pegar en el frontal (f). Seleccione la etiqueta de recién copiado la forma y la forma y copiado veces Intersectar y Expandir. Cambiar el color de la sombra a veces 100% cian y magenta 50%. Seleccione la forma original  y tráigala al frente. Ahora usted tiene una etiqueta de lujo Web 2.0!

image

Etiquetas de Technorati: ,

No hay comentarios: