Tutorial Illustrator Escudo Capitan America

2/5/2016
CreaeliconodelescudodelCapitnAmricaenAdobeIllustrator
Advertisement
DESIGN & ILLUSTRATION > VECTOR
Crea el icono del escudo del Capitn

Amrica en Adobe Illustrator
by Andrei Marius 1 Apr 2014
Difculty: Beginner Length: Medium Languages: Espaol
Vector
Icon Design
Illustration
Graphic Design
Adobe Illustrator
Spanish (Espaol) translation by Jean Carlo Len Preguntegui (you can also view the original English
article)
http://design.tutsplus.com/es/tutorials/createthecaptainamericashieldiconinadobeillustratorcms19964
1/40
2/5/2016
What You'll Be Creating
Los principiantes, aprendern cmo congurar una cuadrcula simple, cmo crear
la gura principal, cuatro crculos y cmo situarlos fcilmente en el centro de la
Mesa de Trabajo. Usando tcnicas bsicas de mezcla y creacin de formas
vectoriales, aprendern cmo agregar sombreados y la creacin sencilla de la
gura de una estrella. Seguidamente, aprendern cmo crear una bonita y sencilla
malla de degradado. Aprovechando al mximo el panel de Apariencia y utilizando
algunos efectos simples de desenfoque lograrn aadir destellos y texturas extra.
Finalmente, aprendern cmo crear un sencillo fondo, algunos efectos de sombra y
una gran sombra que se va desvaneciendo.
1.CreaunNuevoDocumentoyconfigurala
cuadrcula
Pulsa Control+N para crear un nuevo documento. Selecciona Pixeles en las
Unidades del men desplegable, escribe 600 en las casillas de anchura y altura y
luego despliega el botn de Opciones Avanzadas. Selecciona RGB, Pantalla (72
ppp) y asegrate que la opcin Alinear nuevos objetos con cuadrcula de pixeles
2/40
2/5/2016
est desactivada antes de pulsar en Aceptar.

Habilita la cuadrcula (Ver > Mostrar Cuadrcula) y el Ajuste a la cuadrcula (Ver >
Ajuste a la cuadrcula). Los Principiantes necesitarn una cuadrcula cada 5px, por
lo que slo tienen que ir a Illustrator > Preferencias > Guas y Cuadrcula, en la
casilla de Lnea de Cuadrcula introduce 5 px y un 1 en la casilla de Subdivisiones.
Tambin debes abrir el panel de Informacin (Ventana > Informacin) para obtener
una vista previa actualizada con el tamao y la posicin de las guras. No olvides
establecer la unidad de medida en pixeles desde Illustrator > Preferencias >
Unidades > Generales. Todas estas opciones incrementarn signicativamente la
velocidad de tu trabajo.
3/40
2/5/2016
2.CrealasFormasPrincipales
Paso1
Selecciona la herramienta Elipse (L) y presta atencin a la barra de herramientas.
Elimina el color del trazo y a continuacin, selecciona el Relleno y establece su
color en R=228 G=23 B=28. Sitate en tu mesa de trabajo y simplemente crea un
crculo de 290px.
4/40
2/5/2016
Paso2
Desactiva la Cuadrcula (Ver > Ocultar cuadrcula) y Ajuste a la cuadrcula (Ver >
Ajuste a la cuadrcula). En este paso tienes que centrar tu crculo rojo, para lo cual
debes abrir el panel Alinear (Ventana > Alinear). Ajusta la alineacin con la mesa de
trabajo (si no puedes ver la opcin Alinear con, abre el men desplegable y ve a
Mostrar Opciones como se muestra en la siguiente imagen) y luego centra el
circulo Horizontal y Verticalmente con los botones de alineacin. Al nal las cosas
deberan verse como en la siguiente imagen.
5/40
2/5/2016
Paso3
Asegrate de que tu crculo rojo est seleccionado y ve a Objeto > Trazado >
Desplazamiento. Inserta un desplazamiento de -25px y pulsa en Aceptar.
Selecciona la forma resultante, reemplaza el relleno existente con color blanco
(R=255 G=255 B=255) y ve nuevamente a Objeto > Trazado > Desplazamiento.
Escribe un desplazamiento de -25px y pulsa en Aceptar.
6/40
2/5/2016
Asegrate que la gura resultante est seleccionada, sustituye el color de relleno

actual con R=228 G=23 B=28 y ve una vez ms a Objeto > Trazado >
Desplazamiento. Inserta un desplazamiento de -25px y pulsa en Aceptar.
Selecciona la gura creada ms reciente y reemplaza el color de relleno por R=22
G=77 B=157.
Paso4
Ve a Illustrator > Preferencias > Generales y asegrate de que los incrementos de
teclado se jan en 1px. Selecciona el crculo rojo ms grande y haz dos copias por
encima (Control+C > Control+F > Control+F). Selecciona la copia superior y
7/40
2/5/2016
desplzala 5px hacia arriba usando el botn de flecha arriba del teclado. Vuelve a
seleccionar ambas copias realizadas en este paso, abre el panel de Buscatrazo
(Ventana > Buscatrazo) y pulsa en el botn Menos frente.
Asegrate de que la forma resultante permanece seleccionada y presta atencin al
panel de Apariencia (Ventana > Apariencia). Ajusta el color de relleno en negro (R=0
G=0 B=0) luego simplemente haz clic en el texto "Opacidad" para abrir el panel
desplegable de Transparencia. Cntrate en el men desplegable Modo de fusin y
ajstalo a Luz Suave.
8/40
2/5/2016
Paso5
Vuelve a seleccionar el crculo rojo ms grande, y haz otras dos copias por encima
9/40
2/5/2016
(Control+C > Control+F > Control+F). Selecciona la copia superior y desplzala

10px hacia arriba usando el mismo botn de flecha arriba del teclado. Vuelve a
seleccionar ambas copias realizadas en este paso y haz clic en el botn Menos
frente del panel Buscatrazo.
Asegrate de que la forma resultante permanece seleccionada, presta atencin al
panel de Apariencia y establece Luz Suave en el Modo de fusin.
10/40
2/5/2016
3.CrealaFiguradelaEstrella
11/40
2/5/2016
Paso1
Habilita la Cuadrcula (Ver > Mostrar Cuadrcula) y el Ajuste a la cuadrcula (Ver >
Ajuste a la cuadrcula). Usando la herramienta Rectngulo (M), crea una gura de
130 x 45px , ajusta el color de relleno a blanco y colcalo como se muestra en la
primera imagen.
Presta atencin a la parte inferior de este nuevo rectngulo, selecciona la
herramienta Eliminar punto de ancla (-) y haz clic en el punto de anclaje adecuado
para eliminarlo. Sigue prestando atencin a la parte inferior de tu nueva gura,
cambia a la herramienta de Seleccin Directa (A), selecciona el punto de anclaje
restante y simplemente arrstralo 65px a la derecha. Al nal el resultado debe ser
similar al de la segunda imagen.
Paso2
Usando la herramienta Rectngulo (M), crea una gura de 80 x 125px, ajusta el
color de relleno a blanco y colcalo como se muestra en la primera imagen.
12/40
2/5/2016
Presta atencin a la parte superior de este nuevo rectngulo, selecciona la

herramienta Eliminar punto de ancla (-) y basta con quitar el punto de anclaje
adecuado. Sigue prestando atencin en el lado superior de la nueva gura blanca y
cambia a la herramienta de Seleccin Directa (A). Selecciona el punto de anclaje
restante y desplzalo 40px a la derecha. Vuelve a seleccionar la gura realizada en
este paso y ve a Objeto > Trazado > Aadir Puntos de Ancla.
Asegrate de que la herramienta de Seleccin Directa (A) est todava activa,
selecciona el punto de anclaje destacado en la tercera imagen y desplzalo 30px
hacia arriba. Al nal deberas obtener un resultado similar al de la cuarta imagen.
Paso3
Vuelve a seleccionar las dos guras blancas que forman la estrella y haz clic en el
botn de Unicar del panel Buscatrazo.
13/40
2/5/2016
Paso4
Asegrate de que tu estrella an permanece seleccionada, presta atencin al panel
de Apariencia selecciona el trazo existente y ajusta su color a negro.
Mantn la atencin en el nuevo trazo y simplemente pulsa en el texto "Trazo" para
abrir el panel desplegable. Dene el Espesor en 2px y comprueba que el botn de
Alinear Trazo est con el Interior. Asegrate de que el trazo siga seleccionado, baja
su Opacidad al 3%, cambia el Modo de fusin a Multiplicar y ve a Efecto > Trazado
> Desplazamiento. Inserta un desplazamiento de -7px y pulsa en Aceptar. Vuelve al
panel de Apariencia, selecciona la ruta completa (simplemente haz clic en el texto
"Trazado" en la parte superior del panel de Apariencia) y ve a Efecto > Deformar >
Ojo de Pez. Introduce las propiedades que aparecen en la imagen siguiente y pulsa
en Aceptar.
14/40
2/5/2016
4.CreaunaMallaRadial
Paso1
Usando la herramienta Elipse (L), crea un nuevo crculo de 290px y cntralo
Horizontal y Verticalmente usando los botones del panel Alinear. Asegrate de que
la nueva gura permanece seleccionada, abre el panel de Degradado (Ventana >
Degradado) y haz clic en la miniatura de degradado para aadir el negro por
defecto al degradado lineal blanco.
15/40
2/5/2016
Sigue prestando atencin al panel de Degradado abre el men desplegable Tipo y

selecciona Radial. Al nal debes obtener algo similar a la siguiente imagen.
16/40
2/5/2016
Paso2
17/40
2/5/2016
Asegrate de que el crculo con el degradado radial sigue seleccionado y ve a

Objeto > Expandir. Marca la casilla de Malla de Degradado y pulsa en Aceptar.
Presta atencin al panel de Capas (Ventana > Capas), selecciona el grupo ms
reciente, Desagrpalo (Shift+Control+G) despus pulsa Alt+Control+7 (o ve a
Objeto > Mscara de Recorte > Soltar) para liberar la mscara de recorte existente.
Vuelve al panel de Capas y simplemente elimina el crculo de la parte superior de
290px (el primer trazo de recorte).
Paso3
Selecciona la malla y abre el panel Transformar (Ventana > Transformar).
Comprueba el botn de Restringir Proporciones de anchura y altura y luego,
simplemente escribe 290en la casilla de Anchura (o de Altura).
18/40
2/5/2016
19/40
2/5/2016
Paso4
Desactiva la Cuadrcula (Ver > Ocultar Cuadrcula) y el Ajuste a la cuadrcula (Ver >
Ajuste a la cuadrcula). Selecciona la malla y con la herramienta Malla (U)aade
cuatro nuevos puntos de malla como se muestra en la siguiente imagen.
Paso5
Selecciona la herramienta de Seleccin Directa (A) y presta atencin a la malla.
Seleccione los puntos de la misma de uno en uno y reemplaza los colores
existentes con las que se muestran en la siguiente imagen.
20/40
2/5/2016
Paso6
Asegrate de que la malla est an seleccionada, observa el panel de
Transparencia (Ventana > Transparencia) y cambia el Modo de fusin a Multiplicar.
21/40
2/5/2016
5.AgregaTexturasySombrassuaves
Paso1
Haciendo uso de la herramienta Elipse (L), crea un nuevo crculo de 290px, ajusta el
color de relleno en negro y cntralo Horizontal y Verticalmente con los botones del
panel Alinear.
22/40
2/5/2016
Paso2
Asegrate de que el crculo negro permanece seleccionado y observa el panel de
Apariencia. Selecciona el relleno existente, cambia el Modo de fusin a
Superposicin y ve a Efecto > Trazado > Desplazamiento. Inserta un
desplazamiento de -2px, pulsa en Aceptar y ve a Efecto > Artstico > Pelcula
Granulada. Introduce las propiedades que aparecen en la siguiente imagen, pulsa
Aceptar y ve a Efecto > Desenfoque > Desenfoque Radial. Introduce los atributos
que se muestran a continuacin y pulsa en Aceptar.
23/40
2/5/2016
24/40
2/5/2016
Paso3
Vuelve a seleccionar el crculo frontal, observa el panel de Apariencia y agrega un
segundo relleno usando el botn Aadir nuevo relleno (como indica el crculo azul
en la siguiente imagen). Selecciona este nuevo relleno, disminuye su Opacidad al
70%, cambia el Modo de fusin a Multiplicar y aade el degradado radial que se
muestra en la siguiente imagen. Ten en cuenta que los nmeros del color amarillo
de la imagen de Degradado representan el porcentaje de Opacidad mientras que
los nmeros blancos representan el porcentaje de Ubicacin. Esto simplemente
signica que tienes que seleccionar cada regulador de degradado, observa las
casillas de Opacidad & Ubicacin del panel de Degradado e introduce los nmeros
que se indican a continuacin.
25/40
2/5/2016
Paso4
26/40
2/5/2016
Vuelve a seleccionar el crculo frontal, observa el panel de Apariencia y agrega un

1px, de trazo negro. Selecciona este trazo, alinalo al interior, reduce la Opacidad al
15% y cambia el Modo de fusin a Superposicin.
Asegrate de que el crculo frontal permanece seleccionado, sigue atento al panel
de Apariencia y agrega un segundo trazo con el botn Agregar nuevo Trazo (como
indica el crculo azul en la siguiente imagen). Selecciona este nuevo trazo,
establece el color en blanco y el Espesor en un 1px, alinalo al interior, cambia el
Modo de fusin a Luz Suave y ve a Efecto > Trazado > Desplazamiento. Introduce
un -1px de desplazamiento y pulsa en Aceptar.
27/40
2/5/2016
Paso5
Habilita la Cuadrcula (Ver > Mostrar cuadrcula) y el Ajuste a la cuadrcula (Ver >
Ajuste a la cuadrcula). Usando la herramienta Elipse (L), crea una gura de 130 x
60px, establece el color de relleno en negro y colcalo como se muestra en la
primera imagen. Asegrate de que esta nueva gura permanece seleccionada,
reduce su Opacidad al 60%, cambia el Modo de fusin a Multiplicar y ve a Efecto >
Desenfocar > Desenfoque Gaussiano. Introduce un radio de 20px y pulsa en
28/40
2/5/2016
Aceptar.
Paso6
Haciendo uso de la herramienta Elipse (L), crea una gura de 140 x 75px, ajusta el
color de relleno en blanco y colcalo como se muestra en la primera imagen.
Asegrate de que esta nueva gura permanece seleccionada, disminuye su
Opacidad al 20%, cambia el Modo de fusin a Sobreexponer Color y ve a Efecto >
Desenfocar > Desenfoque Gaussiano. Inserta un radio de 15px y pulsa en Aceptar.
29/40
2/5/2016
6.AadeelFondoyunaGranSombra
Paso1
Usando la herramienta Rectngulo (M), crea un nuevo cuadrado de 610px ajusta el
color de relleno a R=50 G=55 B=70 y cntralo Horizontal y Verticalmente con los
botones del panel Alinear.
Asegrate de que la nueva gura permanece seleccionada, cntrate en el panel de
Apariencia y agrega un segundo relleno con el mismo botn de Aadir nuevo
relleno. Selecciona este nuevo relleno, establece el color en negro, reduce su
Opacidad al 10%, cambia el Modo de fusin a Multiplicar y ve a Efecto > Artstico >
Pelcula Granulada. Introduce las propiedades que aparecen en la imagen siguiente
30/40
2/5/2016
y pulsa en Aceptar.
31/40
2/5/2016
Paso2
32/40
2/5/2016
Vuelve a seleccionar el crculo rojo ms grande y ve a Efecto > Estilizar > Sombra
Paralela. Introduce las propiedades que aparecen en la ventana de la parte superior
izquierda (en la siguiente imagen), pulsa en Aceptar y ve de nuevo a Efecto >
Estilizar > Sombra Paralela. Introduce las propiedades que aparecen en la ventana
superior derecha, pulsa Aceptar y nuevamente ve a Efecto > Estilizar > Sombra
Paralela. Introduce las propiedades que aparecen en la ventana inferior izquierda,
pulsa OK y ve una vez ms a Efecto > Estilizar > Sombra Paralela. Introduce las
propiedades que aparecen en la ventana inferior derecha y pulsa en Aceptar.
33/40
2/5/2016
24 DE MARZO
SOLO EN CINES
VER TRAILER
Advertisement
Paso3
Usando la herramienta Rectngulo (M), crea una gura de 290 x 305px establece el
color de relleno en negro y colcalo como se muestra en la primera imagen.
Asegrate de que esta nueva gura permanece seleccionada y presta atencin al
panel de Apariencia. Reduce su Opacidad al 15%, cambia el Modo de fusin a Luz
Suave y reemplaza el color plano por el relleno con degradado lineal como se
muestra en la siguiente imagen. No olvides que el cero blanco de la imagen de
Degradado representa el porcentaje de Opacidad.
34/40
2/5/2016
Felicidades!LohasConseguido!
35/40
2/5/2016
Felicidades!LohasConseguido!
As es como debera quedar el resultado. Espero que hayas disfrutado de este
tutorial y puedas aplicar estas tcnicas a tus futuros proyectos.
S el primero en conocer las nuevas traduccionessigue @tutsplus_es en Twitter!
Fonts.com
fonts.com
Over 20,000 font families for desktop & Web
Advertisement
36/40
2/5/2016
Andrei Marius
I'm a self taught vector artist trying to make a living doing something that I
like. I spend most of my time working in Adobe Illustrator, avoiding the Pen
Tool and struggling to nd the perfect colors. You can nd all my vector
experiments at this little website: VforVectors.com.
WATCH ANY
COURSE NOW
Start FREE 10 day trial
37/40
2/5/2016
Gmail Para Tu Negocio

Ahora puedes verte ms profesional
con un e-mail personalizado.
Comienza Ahora
Advertisement
Download Attachment
Translations
Envato Tuts+ tutorials are translated into other languages by our community membersyou can be
involved too!
Translate this post
Powered by
38/40
2/5/2016
0Comments
Recommend
Tuts+Hub
Share
Login
SortbyBest
Startthediscussion
Bethefirsttocomment.
Subscribe
AddDisqustoyoursiteAddDisqusAdd
Privacy
Advertisement
Teaching skills to millions worldwide.
21,749 Tutorials
802 Video Courses
Meet Envato
Join our Community
Help and Support
Email Newsletters
Get Envato Tuts+ updates, news, surveys & offers.
Email Address
Subscribe
39/40
2/5/2016
Privacy Policy
Check out Envato
Browse Photos on
Studio
PhotoDune
Follow Envato Tuts+
2016 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.
40/40

Tutorial Illustrator Escudo Capitan America

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Tutorial Illustrator Escudo Capitan America

Caricato da

Copyright:

Formati disponibili

2/5/2016

DESIGN & ILLUSTRATION > VECTOR

Crea el icono del escudo del Capitn

What You'll Be Creating

est desactivada antes de pulsar en Aceptar.

Asegrate que la gura resultante est seleccionada, sustituye el color de relleno

(Control+C > Control+F > Control+F). Selecciona la copia superior y desplzala

Presta atencin a la parte superior de este nuevo rectngulo, selecciona la

Sigue prestando atencin al panel de Degradado abre el men desplegable Tipo y

Asegrate de que el crculo con el degradado radial sigue seleccionado y ve a

Vuelve a seleccionar el crculo frontal, observa el panel de Apariencia y agrega un

S el primero en conocer las nuevas traduccionessigue @tutsplus_es en Twitter!

Over 20,000 font families for desktop & Web

Gmail Para Tu Negocio

Teaching skills to millions worldwide.

802 Video Courses

Join our Community

Help and Support

Check out Envato

Follow Envato Tuts+

Potrebbero piacerti anche