tutorial illustrator escudo capitan america

8/17/2019 Tutorial Illustrator Escudo Capitan America

1/40

2/5/2016 Cr ea el i cono del escudo del Capi tán Am ér ica en Adobe Ill ustr ator

http://design.tutsplus.com/es/tutorials/create-the-captain-america-shield-icon-in-adobe-illustrator--cms-19964 1/40

Advertisement

DESIGN & ILLUSTRATION > VECTOR

Crea el icono del escudo del CapitánAmérica en Adobe Illustrator

by Andrei Marius 1 Apr 2014

Difficulty: Beginner Length: Medium Languages: Español

Vector Icon Design Illustration Graphic Design Adobe Illustrator

Spanish (Español) translation by Jean Carlo León Preguntegui (you can also view the original English

article)

http://design.tutsplus.com/es/categories/vectorhttp://design.tutsplus.com/es/categories/vectorhttp://design.tutsplus.com/tutorials/create-the-captain-america-shield-icon-in-adobe-illustrator--cms-19964?ec_unit=translation-info-languagehttp://tutsplus.com/authors/jean-carlo-leon-pregunteguihttp://design.tutsplus.com/es/categories/adobe-illustratorhttp://design.tutsplus.com/es/categories/graphic-designhttp://design.tutsplus.com/es/categories/illustrationhttp://design.tutsplus.com/es/categories/icon-designhttp://design.tutsplus.com/es/categories/vectorhttp://tutsplus.com/authors/andrei-mariushttp://design.tutsplus.com/categories/vectorhttp://design.tutsplus.com/https://www.googleadservices.com/pagead/aclk?sa=L&ai=CJfSbAzAoV7_FE5COmQS-jZWoCub_xcJE7ae3ioUCwI23ARABIMXfpiJgwQKgAduwm8wDyAEC4AIAqAMByAOZBKoE7QFP0Jfu4zqXVXmgcBiX_tVHitZXqWH88EDEsuIqB8bSUfaUaSijWD9Edw1JnRYg0_JQLGsQ3tDnIRUqjzNPiqYijRZ7870BwOSFVWMYwMtPDFht7csAVmGnpZTATzeFGcTLdzDF0cY19y3otG0O-7z98eIu2mpedk7qLNgt_2ZH6o3G1FjsWSPbB9iw_khvGTZS-D-QnpX0KfViK53Q6HZK44eiG457K1XDfu2ZIaMVU4iZWy0widpUV9BtKAJk7eNNAlVrPaM1PNCYU37MqYYzWpdL-SFWs-Q53i8kwFOq61Ep6J-2esXml7n6a1fgBAGIBgGgBgKAB43P5DOoB6a-G9gHAdgTCA&num=1&cid=CAASEuRogFIhH8rTjQiSjTotaEt44w&sig=AOD64_2FdHLPUWU3EBnELHkISLtn63RWVg&client=ca-pub-3558870564527416&adurl=http://4055.xg4ken.com/trk/v1%3Fprof%3D541%26camp%3D7376%26affcode%3Dcr3968878%26kct%3Dgoogle%26kchid%3D8922095065%26cid%3D70142587237%7C1351351%7Conline%2520photo%2520album%26mType%3D%26networkType%3Dcontent%26kdv%3Dc%26criteriaid%3Dkwd-10059540%26adgroupid%3D11985905317%26campaignid%3D195611917%26locphy%3D2320%26adpos%3Dnone%26url%3Dhttp://free.myscrapnook.com/index.jhtml%3Fspu%3Dtrue%26partner%3D9Nxdm240%26theme%3Dspanish0%26pkw%3Donline%2520photo%2520albumhttp://tutsplus.com/


2/40



What You'll Be Creating

Los principiantes, aprenderán cómo configurar una cuadrícula simple, cómo crear

la figura principal, cuatro círculos y cómo situarlos fácilmente en el centro de laMesa de Trabajo. Usando técnicas básicas de mezcla y creación de formas

vectoriales, aprenderán cómo agregar sombreados y la creación sencilla de la

figura de una estrella. Seguidamente, aprenderán cómo crear una bonita y sencilla

malla de degradado. Aprovechando al máximo el panel de Apariencia y utilizando

algunos efectos simples de desenfoque lograrán añadir destellos y texturas extra.

Finalmente, aprenderán cómo crear un sencillo fondo, algunos efectos de sombra y

una gran sombra que se va desvaneciendo.

1. Crea un Nuevo Documento y configura lacuadrícula

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 yluego despliega el botón de Opciones Avanzadas. Selecciona RGB, Pantalla (72

ppp) y asegúrate que la opción Alinear nuevos objetos con cuadrícula de pixeles


3/40



está desactivada antes de pulsar en Aceptar.

Habilita la cuadrícula (Ver > Mostrar Cuadrícula) y el Ajuste a la cuadrícula (Ver >

Ajuste a la cuadrícula). Los Principiantes necesitarán una cuadrícula cada 5px, por

lo que sólo tienen que ir a Illustrator > Preferencias > Guías y Cuadrícula, en la

casilla de Línea de Cuadrícula introduce 5 px y un 1 en la casilla de Subdivisiones.También debes abrir el panel de Información (Ventana > Información) para obtener

una vista previa actualizada con el tamaño y la posición de las figuras. No olvides

establecer la unidad de medida en pixeles desde Illustrator > Preferencias >

Unidades > Generales. Todas estas opciones incrementarán significativamente la

velocidad de tu trabajo.


4/40



2. Crea las Formas Principales

Paso 1

Selecciona la herramienta Elipse (L) y presta atención a la barra de herramientas.

Elimina el color del trazo y a continuación, selecciona el Relleno y establece su

color en R=228 G=23 B=28. Sitúate en tu mesa de trabajo y simplemente crea uncírculo de 290px.


5/40



Paso 2

Desactiva la Cuadrícula (Ver > Ocultar cuadrícula) y Ajuste a la cuadrícula (Ver >

Ajuste a la cuadrícula). En este paso tienes que centrar tu círculo rojo, para lo cual

debes abrir el panel Alinear (Ventana > Alinear). Ajusta la alineación con la mesa de

trabajo (si no puedes ver la opción 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 alineación. Al final las cosas

deberían verse como en la siguiente imagen.


6/40



Paso 3

Asegúrate de que tu círculo 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.


7/40



Asegúrate que la figura resultante esté seleccionada, sustituye el color de relleno

actual con R=228 G=23 B=28 y ve una vez más a Objeto > Trazado >

Desplazamiento. Inserta un desplazamiento de -25px y pulsa en Aceptar.

Selecciona la figura creada más reciente y reemplaza el color de relleno por R=22

G=77 B=157.

Paso 4

Ve a Illustrator > Preferencias > Generales y asegúrate de que los incrementos de

teclado se fijan en 1px. Selecciona el círculo rojo más grande y haz dos copias por

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


8/40



desplázala 5px hacia arriba usando el botón 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 botón Menos frente.

Asegúrate de que la forma resultante permanece seleccionada y presta atención al

panel de Apariencia (Ventana > Apariencia). Ajusta el color de relleno en negro (R=0G=0 B=0) luego simplemente haz clic en el texto "Opacidad " para abrir el panel

desplegable de Transparencia. Céntrate en el menú desplegable Modo de fusión y

ajústalo a Luz Suave.


9/40



Paso 5

Vuelve a seleccionar el círculo rojo más grande, y haz otras dos copias por encima


10/40



(Control+C > Control+F > Control+F). Selecciona la copia superior y desplázala

10px hacia arriba usando el mismo botón de flecha arriba del teclado. Vuelve a

seleccionar ambas copias realizadas en este paso y haz clic en el botón Menos

frente del panel Buscatrazo.

Asegúrate de que la forma resultante permanece seleccionada, presta atención alpanel de Apariencia y establece Luz Suave en el Modo de fusión.


11/40



3. Crea la Figura de la Estrella


12/40



Paso 1

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y el Ajuste a la cuadrícula (Ver >

Ajuste a la cuadrícula). Usando la herramienta Rectángulo (M), crea una figura de

130 x 45px , ajusta el color de relleno a blanco y colócalo como se muestra en la

primera imagen.

Presta atención a la parte inferior de este nuevo rectángulo, selecciona la

herramienta Eliminar punto de ancla (-) y haz clic en el punto de anclaje adecuado

para eliminarlo. Sigue prestando atención a la parte inferior de tu nueva figura,

cambia a la herramienta de Selección Directa (A), selecciona el punto de anclaje

restante y simplemente arrástralo 65px a la derecha. Al final el resultado debe ser

similar al de la segunda imagen.

Paso 2

Usando la herramienta Rectángulo (M), crea una figura de 80 x 125px, ajusta el

color de relleno a blanco y colócalo como se muestra en la primera imagen.


13/40



Presta atención a la parte superior de este nuevo rectángulo, selecciona la

herramienta Eliminar punto de ancla (-) y basta con quitar el punto de anclaje

adecuado. Sigue prestando atención en el lado superior de la nueva figura blanca y

cambia a la herramienta de Selección Directa (A). Selecciona el punto de anclaje

restante y desplázalo 40px a la derecha. Vuelve a seleccionar la figura realizada en

este paso y ve a Objeto > Trazado > Añadir Puntos de Ancla.

Asegúrate de que la herramienta de Selección Directa (A) está todavía activa,

selecciona el punto de anclaje destacado en la tercera imagen y desplázalo 30px

hacia arriba. Al final deberías obtener un resultado similar al de la cuarta imagen.

Paso 3

Vuelve a seleccionar las dos figuras blancas que forman la estrella y haz clic en el

botón de Uni싵car del panel Buscatrazo.


14/40



Paso 4

Asegúrate de que tu estrella aún permanece seleccionada, presta atención al panel

de Apariencia selecciona el trazo existente y ajusta su color a negro.

Mantén la atención en el nuevo trazo y simplemente pulsa en el texto "Trazo " para

abrir el panel desplegable. Define el Espesor en 2px y comprueba que el botón de

Alinear Trazo esté con el Interior. Asegúrate de que el trazo siga seleccionado, baja

su Opacidad al 3%, cambia el Modo de fusión 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.


15/40



4. Crea una Malla Radial

Paso 1

Usando la herramienta Elipse (L), crea un nuevo círculo de 290px y céntralo

Horizontal y Verticalmente usando los botones del panel Alinear. Asegúrate de que

la nueva figura permanece seleccionada, abre el panel de Degradado (Ventana >

Degradado) y haz clic en la miniatura de degradado para añadir el negro por

defecto al degradado lineal blanco.


16/40



Sigue prestando atención al panel de Degradado abre el menú desplegable Tipo y

selecciona Radial. Al final debes obtener algo similar a la siguiente imagen.


17/40



Paso 2


18/40



Asegúrate de que el círculo con el degradado radial sigue seleccionado y ve a

Objeto > Expandir. Marca la casilla de Malla de Degradado y pulsa en Aceptar.

Presta atención al panel de Capas (Ventana > Capas), selecciona el grupo más

reciente, Desagrúpalo (Shift+Control+G) después pulsa Alt+Control+7 (o ve a

Objeto > Máscara de Recorte > Soltar) para liberar la máscara de recorte existente.Vuelve al panel de Capas y simplemente elimina el círculo de la parte superior de

290px (el primer trazo de recorte).

Paso 3

Selecciona la malla y abre el panel Transformar (Ventana > Transformar).

Comprueba el botón de Restringir Proporciones de anchura y altura y luego,

simplemente escribe 290 en la casilla de Anchura (o de Altura).


19/40




20/40



Paso 4

Desactiva la Cuadrícula (Ver > Ocultar Cuadrícula) y el Ajuste a la cuadrícula (Ver >

Ajuste a la cuadrícula). Selecciona la malla y con la herramienta Malla (U) añade

cuatro nuevos puntos de malla como se muestra en la siguiente imagen.

Paso 5

Selecciona la herramienta de Selección Directa (A) y presta atención 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.


21/40



Paso 6

Asegúrate de que la malla está aún seleccionada, observa el panel de

Transparencia (Ventana > Transparencia) y cambia el Modo de fusión a Multiplicar.


22/40



5. Agrega Texturas y Sombras suaves

Paso 1

Haciendo uso de la herramienta Elipse (L), crea un nuevo círculo de 290px, ajusta el

color de relleno en negro y céntralo Horizontal y Verticalmente con los botones del

panel Alinear.


23/40



Paso 2Asegúrate de que el círculo negro permanece seleccionado y observa el panel de

Apariencia. Selecciona el relleno existente, cambia el Modo de fusión a

Superposición y ve a Efecto > Trazado > Desplazamiento. Inserta un

desplazamiento de -2px, pulsa en Aceptar y ve a Efecto > Artístico > Película

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 continuación y pulsa en Aceptar.


24/40




25/40



Paso 3

Vuelve a seleccionar el círculo frontal, observa el panel de Apariencia y agrega un

segundo relleno usando el botón Añadir nuevo relleno (como indica el círculo azul

en la siguiente imagen). Selecciona este nuevo relleno, disminuye su Opacidad al

70%, cambia el Modo de fusión a Multiplicar y añade el degradado radial que se

muestra en la siguiente imagen. Ten en cuenta que los números del color amarillode la imagen de Degradado representan el porcentaje de Opacidad mientras que

los números blancos representan el porcentaje de Ubicación. Esto simplemente

significa que tienes que seleccionar cada regulador de degradado, observa las

casillas de Opacidad & Ubicación del panel de Degradado e introduce los números

que se indican a continuación.


26/40



Paso 4


27/40



Vuelve a seleccionar el círculo frontal, observa el panel de Apariencia y agrega un

1px, de trazo negro. Selecciona este trazo, alinéalo al interior, reduce la Opacidad al

15% y cambia el Modo de fusión a Superposición.

Asegúrate de que el círculo frontal permanece seleccionado, sigue atento al panel

de Apariencia y agrega un segundo trazo con el botón Agregar nuevo Trazo (comoindica el círculo azul en la siguiente imagen). Selecciona este nuevo trazo,

establece el color en blanco y el Espesor en un 1px, alinéalo al interior, cambia el

Modo de fusión a Luz Suave y ve a Efecto > Trazado > Desplazamiento. Introduce

un -1px de desplazamiento y pulsa en Aceptar.


28/40



Paso 5

Habilita la Cuadrícula (Ver > Mostrar cuadrícula) y el Ajuste a la cuadrícula (Ver >

Ajuste a la cuadrícula). Usando la herramienta Elipse (L), crea una figura de 130 x

60px, establece el color de relleno en negro y colócalo como se muestra en la

primera imagen. Asegúrate de que esta nueva figura permanece seleccionada,reduce su Opacidad al 60%, cambia el Modo de fusión a Multiplicar y ve a Efecto >

Desenfocar > Desenfoque Gaussiano. Introduce un radio de 20px y pulsa en


29/40



Aceptar.

Paso 6

Haciendo uso de la herramienta Elipse (L), crea una figura de 140 x 75px, ajusta elcolor de relleno en blanco y colócalo como se muestra en la primera imagen.

Asegúrate de que esta nueva figura permanece seleccionada, disminuye su

Opacidad al 20%, cambia el Modo de fusión a Sobreexponer Color y ve a Efecto >

Desenfocar > Desenfoque Gaussiano. Inserta un radio de 15px y pulsa en Aceptar.


30/40



6. Añade el Fondo y una Gran Sombra

Paso 1Usando la herramienta Rectángulo (M), crea un nuevo cuadrado de 610px ajusta el

color de relleno a R=50 G=55 B=70 y céntralo Horizontal y Verticalmente con los

botones del panel Alinear.

Asegúrate de que la nueva figura permanece seleccionada, céntrate en el panel de

Apariencia y agrega un segundo relleno con el mismo botón de Añadir nuevo

relleno. Selecciona este nuevo relleno, establece el color en negro, reduce suOpacidad al 10%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico >

Película Granulada. Introduce las propiedades que aparecen en la imagen siguiente


31/40



y pulsa en Aceptar.


32/40



Paso 2


33/40



Vuelve a seleccionar el círculo rojo más 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 más a Efecto > Estilizar > Sombra Paralela. Introduce las

propiedades que aparecen en la ventana inferior derecha y pulsa en Aceptar.


34/40


35/40




36/40



¡Felicidades! ¡Lo has Conseguido!

Así es como debería quedar el resultado. Espero que hayas disfrutado de este

tutorial y puedas aplicar estas técnicas a tus futuros proyectos.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement

Fonts.comfonts.com

Over 20,000 font families for desktop & Web

https://www.googleadservices.com/pagead/aclk?sa=L&ai=CoWBDAzAoV8zMOIifmQTNhbPADrTCqqFEjI73otgCwI23ARABII2phwpgwQKgAYyzz-EDyAEBqAMByAPDBKoEywFP0AsY_DRSuNE40AvXVRUhQJuYDJ6dAwa3_O-e6FngsjWVX9jHt1PUX-gZEUAD9zmAnE8jgGB7HDe-oAuw57o_qwHUblTvkFhr88At1nqqkN3eCRsWKSf1L_WJzS5McxUs7osyKo9trS3AGfuwRXDoK_UzNxQ-Alz6bLvvwG-jyLnAi17SjQILknXDdJ2kKMZjzCEWUyz19pL5Lv6Zrw2mfjYP8EXO72q3oa7l_k1T60zhaMg1-INIx8VA_lQNOKtn_ANfb60D9jEPF4gGAYAH3MywHqgHpr4b2AcB2BMM&num=1&cid=CAASEuRoUyXqP6YCk3JZOoi0pficvQ&sig=AOD64_1X81RVzKdX0fKfpECx7q2jzMO2JA&client=ca-pub-9093712935949486&adurl=http://www.fonts.comhttps://www.googleadservices.com/pagead/aclk?sa=L&ai=CoWBDAzAoV8zMOIifmQTNhbPADrTCqqFEjI73otgCwI23ARABII2phwpgwQKgAYyzz-EDyAEBqAMByAPDBKoEywFP0AsY_DRSuNE40AvXVRUhQJuYDJ6dAwa3_O-e6FngsjWVX9jHt1PUX-gZEUAD9zmAnE8jgGB7HDe-oAuw57o_qwHUblTvkFhr88At1nqqkN3eCRsWKSf1L_WJzS5McxUs7osyKo9trS3AGfuwRXDoK_UzNxQ-Alz6bLvvwG-jyLnAi17SjQILknXDdJ2kKMZjzCEWUyz19pL5Lv6Zrw2mfjYP8EXO72q3oa7l_k1T60zhaMg1-INIx8VA_lQNOKtn_ANfb60D9jEPF4gGAYAH3MywHqgHpr4b2AcB2BMM&num=1&cid=CAASEuRoUyXqP6YCk3JZOoi0pficvQ&sig=AOD64_1X81RVzKdX0fKfpECx7q2jzMO2JA&client=ca-pub-9093712935949486&adurl=http://www.fonts.comhttps://twitter.com/tutsplus_es


37/40



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 find the perfect colors. You can find all my vector

experiments at this little website: VforVectors.com.

WATCH ANY

COURSE NOW

Start FREE 10 day trial

http://tutsplus.com/subscription_sign_up/monthly?ec_unit=sidebarhttp://tutsplus.com/authors/andrei-marius


38/40



Gmail Para Tu Negocio

Advertisement

Download Attachment

Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be

involved too!

Translate this post

Powered by

https://getnative.me/?ref=tutsplus&lang=en&url=http://design.tutsplus.com/tutorials/create-the-captain-america-shield-icon-in-adobe-illustrator--cms-19964&title=Crea%20el%20icono%20del%20escudo%20del%20Capit%C3%A1n%20Am%C3%A9rica%20en%20Adobe%20Illustratorhttps://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/158/posts/19964/source_file/captainAmericaShield.ai


39/40



21,749 Tutorials 802 Video Courses

0 Comments 1

Advertisement

Teaching skills to millions worldwide.

Meet Envato

Join our Community

Help and Support

Email Newsletters

Get Envato Tuts+ updates, news, surveys & offers.

Email Address

Subscribe

https://googleads.g.doubleclick.net/pcs/click?xai=AKAOjsuEnqtlBOszDiODTbRjSn8r-HN8B2PcFaTZ-7P_A98tPb0gmaj0jHOiUMgcTX-0mlzDz9akeujaW3FNo2laXKyiSVgRY2bPLmvGjd8bzyIog4Rn-QI62KYBQ3Z3gsfmEtZyi8sM6kos-KyIWf9PLjR6-OS63vFAFM0V5jio&sai=AMfl-YRn5-7FEFfdaCQ-X-hDPm_8KEzow4LUndm7Rpg2jVvgM1xgm7GeXwVZETLD0MX1ynBXO3SvhMNTlw&sig=Cg0ArKJSzMbxmSMHjei2&adurl=https://tutsplus.com/subscription_sign_up/monthlyhttps://help.disqus.com/customer/portal/articles/1657951?utm_source=disqus&utm_medium=embed-footer&utm_content=privacy-btnhttps://publishers.disqus.com/engage?utm_source=tutshub&utm_medium=Disqus-Footerhttps://disqus.com/https://disqus.com/home/inbox/https://disqus.com/home/forums/tutshub/


40/40


Privacy Policy

Check out Envato

Studio

Browse Photos on

PhotoDune

Follow Envato Tuts+

© 2016 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.
http://www.pinterest.com/tutsplus/https://plus.google.com/108971748263060947124/postshttps://twitter.com/tutsplushttps://www.facebook.com/tutsplushttp://photodune.net/page/top_sellers?ref=tutshubhttp://photodune.net/page/top_sellers?ref=tutshubhttp://studio.envato.com/http://studio.envato.com/http://tutsplus.com/privacy-policy

tutorial illustrator escudo capitan america

Documents