Letras Con Ilustrator

8/3/2019 Letras Con Ilustrator

1/34


2/34

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premiumresources for only 7$/month. Click here to learn more.Are you already a member? Login to download the PSD file.

Step 1

Create a 700 by 300px document. Lets start with the background. In the followingimages you can see three different backgrounds that you can use. Pick the RectangleTool (M), create a 700 by 300px shape and fill it with R=5 G=135 B=141. Select thisshape, go to the Appearace panel, open the flyout menu and click on Add New Fill. Anew fill should appear in the Appearance panel. Select it, lower its opacity to 70% andadd the first radial gradient sown below. Take a closer look at the gradient. The yellowtext stands for Opacity and the white text stands for Location. Reselect the rectangle andadd a third fill. Use the second radial gradient and lower its opacity to 70%. Now, the

background is done. If you liked some other background, you can easly replace theexisting colors with the ones shown below. Finally, lock this rectangle to make sure thatyou dont select/move it accidentally.
http://wegraphics.net/sign-up/http://wegraphics.net/sign-up/http://wegraphics.net/amember/login.phphttp://wegraphics.net/sign-up/http://wegraphics.net/amember/login.php


3/34


4/34


5/34

Step 2

Now, lets get to the text. Pick the Type Tool (T) click o your Artboard and use theMyriad Pro font to add a single character (I use the V). Select it and go to Object >Expand. Ungrop the resulting shape and fill it with R=204 G=204 B=204. Reselect thisV shape and go to Effect > 3D > Extrude&Bevel. Enter the data shown below, clickOK then go to Object > Expand Appearance. Youll get a group of new shapes.


6/34

Step 3

Lets focus on the group made in the previous step. First, go to the Layers panel andungroup all the shapes. Some of these groups may include a Clipping Path. Remove it.Select the top V shape and make it invisible (for the moment). Next, you need to unitesome of these shapes. Select the shapes shown in image #3 and click on the Unite

button from the Pathfinder panel then select the shapes shown in iamge #5 and clickagain on the Unite button.


7/34

Step 4

Now, you need to organize and label each shape. It will be easier for you to find themwhen I nominate them during the tutorial. Turn the top V shape back to visible and


8/34

name it Top then select the bottom V shape and name it Bottom. Lets continuewith the rest of the shapes. In the image below I filled them with green and blue so thatyou can distinguish them easier. Name the green shapes from 1 to 5 and the blueshapes from A to C. Lets make a quick recap. Righ now in your Layers panel youshould have ten shapes (excluding the background): Top, Bottom, 1, 2, 3,

4, 5, A, B and C. Fill them with none then group them (Ctrl + G). Doubleclick on this group (in the Layer panel) and name it V.

Step 5

Create a copy of the V group and move it below the original group. Now, lets focuson this new group. Select all the shapes and add a 0,2px, white stroke. Also, open theStroke Panel and click on the Round Join button. Select shapes 1, 2, 3, 4 and5 and lower their opacity to 50%. Reselect the entire group, lower its opacity to 30%then lock it.


9/34

Step 6

Lets return to the original V group. Select Bottom shape and fill it with R=153G=153 B=153. Lower its opacity to 20% then add a 6px Gaussian Blur effect.


10/34

Step 7

Go to Edit > Preferences > General and enter 1 in the Keyboard Increment box.Make two copies of the Bottom shape (Ctrl+C > Ctrl+F). Select the top copy and hitthe Right Arrow and the Down arrow. Reselect both copies and click on the MinusFront button from the Pathfidner panel. Use the Delete Anchor Point Tool(-) to remove

the highlighted anchor points.Overall your shapes should have a sharper look. Fill themwith white, lower their opacity to 10% then lock them.


11/34

Step 8

Use the linear gradient shown below to fill shapes 1, 2, 3, 4 and 5. Lowertheir opacity to 20%. Save this gradient in the Swatches panel and name it Gradient01. Youll need it for the rest of the letters.


12/34

Step 9

Use the linear gradient sown below to fill shapes A, B, and C. Lower theiropacity to 40%. Save this gradient in the Swatches panel and name it Gradient 02.


13/34

Step 10

Use the linear gradient sown below to fill Top shape. Lower its opacity to 40%. Savethis gradient in the Swatches panel and name it Gradient 03.


14/34

Step 11

Make two copies of the Top shape (Ctrl+C > Ctrl+F). Select the top copy and hit theLeft Arrow and the Up Arrow. Reselect both copies and click on the Minus Front buttonfrom the Pathfidner panel. Use the Delete Anchor Point Tool(-) to remove thehighlighted anchor points. Overall your shapes should have a sharper look. Fill them

with the linear gradient, lower their opacity to 50% then lock them. Save this gradient inthe Swatches panel and name it Gradient 04.


15/34

Step 12

Make another two copies of the Top shape (Ctrl+C > Ctrl+F). Select the top copy andhit the Right Arrow and the Down Arrow. Reselect both copies and click on the Minus


16/34

Front button from the Pathfidner panel. Use the Delete Anchor Point Tool(-) to removethe highlighted anchor points. Fill them with Gradient 04, lower their opacity to 50%then lock them.


17/34

Step 13

Create a copy of the Top shape and Bring it to Front (Shift + Ctrl + ]). Fill it withblack, add the Inner Glow effect then go to Object > Expand Appearance. Keep themasked shape and delete the other one. Change its blending mode to Overlay, lower its

opacity to 20% then lock it.

Step 14

Let make another quick recap and add by adding the same effect and techniques for adifferent character. First the strokes.


18/34

Next, the Bottom shape.


19/34

The thin, sharp shapes for the Bottom shape.


20/34

The shapes filled with Gradient 01.


21/34



22/34

The shape filled with Gradient 03.


23/34



24/34


25/34

And the expanded Inner Glow effect.


26/34

Step 15

Finally, lets add some effects for the entire text. In the example below I used thevectors word. Duplicate all the Bottom shapes then select these copies and go toObject > Path > Compound Path. Select the resulting shape, Send it to Back (Shift +Ctrl + [) then hit the Right Arrow once and the Down Arrow twice. Fill it with black,

lower its opacity to 10% then add a 3px Gaussian Blur effect.


27/34

Step 16

Duplicate all the "Top" shapes then select these copies and go to Object > Path >Compound Path. Fill the resulting shapes with white then pick the Ellipse Tool(L) andmake a squeezed shapes as shown in image #2. Select this oval shape add the Zig Zageffect (Effect > Distort&Transform > Zig Zag) then go to Object > Expand Appearance.Select the resulting shape along with the white shape and click on the Intersect buttonfrom the Pathfinder panel. Select the newly created shapes and go to Object > Path >Compound Path. Fill the resulting path with the linear gradient, lower its opacity to 25%and change its blending mode to Overlay.


28/34

Step 17

Pick the Star Tool, click&drag on your Artboard and don't release the mouse button.Press the down arrow to subtract sides then hold Ctrl to control the Inner Radius. Try tomake it look like in the image below (20 by 20px). Fill it with the white, lower its


29/34

opacity to 20% then add a 3,5px Gaussian Blur effect. Duplicate this start shape (Shift +C > Shift + F). Select the copy, remove the Gaussian Blur effect and lower its opacity to10%. Select both star shapes and group them. Make some copies of this group and placethem above the rest of the text (image #3).

Step 18

Reselect the Star Tool and create another star shape (10 by 10px). Fill it with white,lower its opacity to 20% then add a 2px Gaussian Blur effect. Duplicate this start shape(Shift + C > Shift + F). Select the copy, remove the Gaussian Blur effect and lower itsopacity to 15%. Select these two star shapes and group them. Make some copies of thisgroup and place them above the rest of the text (image #3).


30/34

Final:

TRADUCCIN A ESPAOL

El Blog

Cmo crear un efecto de texto vidrioso en Illustrator


31/34

5 14 de octubre 2010 por Andrei Marius Illustrator 30retweet

Un buen diseador sabe que un buen dominio en el diseo de efectos frescos de texto esmuy importante en muchas situaciones. Hay un montn de trabajos de diseo quenecesitan un efecto de texto bueno para ser realmente profesional, por lo que en elsiguiente tutorial te mostrar cmo crear un efecto de texto en Illustrator vidriosos.Vamos a aprender algunas tcnicas sencillas para mejorar nuestros tipos de darles brilloy brillo.

Vista previa:

ARCHIVO FUENTE DESCARGAR

Hazte Premium y tener acceso ilimitado a los archivos de origen y de los recursospremium por slo 7 $ / mes. Haga clic aqu para conocer ms.Ya eres miembro? Ingresar para descargar el archivo PSD.Paso 1Crear un documento de 700 por 300px. Vamos a empezar con el fondo. En lassiguientes imgenes se puede ver tres diferentes orgenes que se pueden utilizar. Elija laherramienta Rectngulo (M), cree un 700 por la forma de 300px y lo rellenamos con R= 5 G = 135 B = 141. Seleccione esta forma, ir al panel de Appearace, abra el menemergente y haga clic en Agregar nuevo relleno. Un nuevo relleno debe aparecer en el

panel Apariencia. Seleccionarlo, baja su opacidad al 70% y aadir el primer gradienteradial sembrada a continuacin. Eche un vistazo a la pendiente. El texto en amarillorepresenta la opacidad y el texto blanco representa la ubicacin. Vuelva a seleccionar elrectngulo y aadir un relleno de terceros. Utilizar el gradiente radial segundos y baje laopacidad al 70%. Ahora, el fondo se hace. Si te ha gustado algunos otros antecedentes,que easly puede sustituir a los colores ya existentes con las que se muestran acontinuacin. Finalmente, este rectngulo de bloqueo para asegurarse de que noselecciona / mover accidentalmente.

Paso 2Ahora, vamos a llegar al texto. Elija la herramienta Texto (T) o haga clic en su mesa detrabajo y el uso de la fuente Myriad Pro para aadir un solo carcter (yo uso el V).Seleccinelo y vaya a Objeto> Expandir. Ungrop la forma resultante y llenarlo con R =204 G = 204 B = 204. Vuelva a seleccionar esta "V" y vaya a Efecto> 3D> Extrusin y

biselado. Introduzca los datos se muestra a continuacin, haga clic en Aceptar y luego ira Objeto> Expandir apariencia. Obtendr un grupo de formas nuevas.Paso 3

Vamos a centrarnos en el grupo hizo en el paso anterior. En primer lugar, vaya al panelCapas y desagrupar todas las formas. Algunos de estos grupos pueden incluir un trazado


32/34

de recorte. Eliminarlo. Seleccione la parte superior de "V" y que sea invisible (por elmomento). Despus, usted necesita para unir a algunas de estas formas. Seleccione laforma mostrada en la imagen # 3 y haga clic en el botn Unite desde el panel dePathfinder a continuacin, seleccione las formas se muestra en la iamge # 5 y vuelva ahacer clic en el botn Unir.

Paso 4Ahora, es necesario organizar y etiquetar cada forma. Ser ms fcil para que usted

pueda encontrarlos cuando los nominar durante el tutorial. Gire la parte superior de "V"de vuelta a visible y el nombre de "superior" a continuacin, seleccione la parte inferiorde "V" y el nombre de "fondo". Vamos a continuar con el resto de las formas. En lasiguiente imagen que les llena de verde y azul para que pueda distinguir ms fcilmente.

Nombre de las formas verdes de "1" al "5" y las formas azules de la "A" a "C" Vamos ahacer un resumen rpido. Righ ahora en el panel de capas debera tener diez formas(excluyendo el fondo): "Top", "Abajo", "1", "2", "3", "4", "5", "A", " B "y" C "llenarcon nada luego agruparlos (Ctrl + G). Haga doble clic en este grupo (en el panel Capa)

y el nombre de "V"Paso 5Crear una copia de la "V" del grupo y pasar por debajo del grupo original. Ahora,vamos a centrarnos en este nuevo grupo. Seleccionar todas las formas y aadir un 0,2

px, trazo blanco. Tambin, abra el Panel de trazo y haga clic en el botn Unirse Ronda.Seleccione las formas "1", "2", "3", "4" y "5" y reducir su opacidad al 50%. Vuelva aseleccionar el grupo, reducir su opacidad al 30% luego cirrela.Paso 6Vamos a volver a la original "V" del grupo. Seleccione "fondo" la forma y llenarlo conR = 153 G = 153 B = 153. Baja su opacidad al 20%, aadir un efecto de desenfoquegaussiano 6px.Paso 7Vaya a Edicin> Preferencias> General y escriba "1" en el "Incrementos de teclado"caja. Haga dos copias de la "base" de forma (Ctrl + C> Ctrl + F). Seleccione la primeracopia y pulse la flecha hacia la derecha y la flecha hacia abajo. Vuelva a seleccionar lasdos copias y haga clic en el botn frontal Menos desde el panel de Pathfidner. Utilice laherramienta Eliminar punto de ancla (-) para quitar el ancla resaltados points.Overallsus formas debe tener un aspecto ms ntido. Llenar con blanco, baja su opacidad a 10%

luego bloquearlas.Paso 8Utilizar el gradiente lineal se muestra a continuacin para llenar las formas "1", "2", "3","4" y "5". Bajo su opacidad al 20%. Guardar este gradiente en el panel Muestras y elnombre de "Gradient 01." Lo necesitar para el resto de las letras.Paso 9Utilizar el gradiente lineal sembrado a continuacin para completar las formas "A", "B"y "C" Bajo su opacidad al 40%. Guardar este gradiente en el panel Muestras y elnombre de "Gradient 02."

Paso 10


33/34

Utilizar el gradiente lineal sembrado a continuacin para completar "Top" de forma.Baja su opacidad al 40%. Guardar este gradiente en el panel Muestras y el nombre de"Gradient 03."Paso 11

Haga dos copias de la "Top" de forma (Ctrl + C> Ctrl + F). Seleccione la primera copiay pulse la flecha izquierda y la flecha hacia arriba. Vuelva a seleccionar las dos copias yhaga clic en el botn frontal Menos desde el panel de Pathfidner. Utilice la herramientaEliminar punto de ancla (-) para eliminar los puntos de anclaje seleccionado. En generalsus formas debe tener un aspecto ms ntido. Llenarlos con el degradado lineal, reducirsu opacidad al 50% luego bloquearlas. Guardar este gradiente en el panel Muestras y elnombre de "Gradient 04."Paso 12Hacer otras dos copias de los "Top" de forma (Ctrl + C> Ctrl + F). Seleccione la

primera copia y pulse la flecha hacia la derecha y la flecha hacia abajo. Vuelva a

seleccionar las dos copias y haga clic en el botn frontal Menos desde el panel dePathfidner. Utilice la herramienta Eliminar punto de ancla (-) para eliminar los puntosde anclaje seleccionado. Llenarlos con gradiente 04, reducir su opacidad al 50% luego

bloquearlas.Paso 13Crear una copia de la "Top" forma y llevarlo al Frente (Shift + Ctrl +]). Lo rellenamosde negro, aadir el efecto de resplandor interior y luego ir a Object> ExpandAppearance. Mantener la forma enmascarada y eliminar el otro. Cambiar el modo defusin a Superponer, baja su opacidad al 20%, bloqueo de la misma.Paso 14Vamos a hacer otro resumen rpido y aadir mediante la adicin de los mismos efectosy tcnicas de un carcter diferente. En primer lugar los accidentes cerebrovasculares.A continuacin, el "fondo" de forma.Las formas delgadas, afiladas por el "fondo" de forma.Las formas llenas de "Gradient 01."

Las formas llenas de "Gradient 02."La forma llena de "Gradient 03."Las formas llenas de "Gradient 04."

Y el efecto ampliado Resplandor interior.Paso 15Por ltimo, vamos a aadir algunos efectos de la totalidad del texto. En el siguiente

ejemplo que utiliza los "vectores" de palabras. Duplicar todos los "abajo" las formas acontinuacin, seleccione las copias y vaya a Objeto> Trazado de trazado compuesto>.


34/34

Seleccione la forma resultante, Envalo a Volver (Shift + Ctrl + [) despus haga clic enla flecha derecha una vez y la flecha hacia abajo dos veces. Lo rellenamos de negro,ms baja su opacidad a 10%, entonces aadir un efecto de desenfoque gaussiano 3px.Paso 16

Duplicar todos los "Top" formas a continuacin, seleccione las copias y vaya a Objeto>Trazado de trazado compuesto>. Llenar las formas resultantes de blanco, luego tome laherramienta Elipse (L) y hacer un apretado formas como se muestra en la imagen # 2.Seleccione esta forma oval aadir el efecto Zig Zag (Efecto> Distorsionar yTransformar> Zig Zag) y luego ir a Objeto> Expandir apariencia. Seleccione la formaresultante, junto con la forma blanca y haga clic en el botn Interseccin desde el panelde Pathfinder. Seleccione las formas de reciente creacin y vaya a Objeto> Trazado detrazado compuesto>. Rellene el trazado resultante con el degradado lineal, baja suopacidad al 25% y cambiar su modo de fusin a Superponer.Paso 17

Elija la herramienta Estrella, haga clic y arrastre en su mesa de trabajo y no suelte elbotn del ratn. Pulse la flecha hacia abajo para restar lados a continuacin, mantengaCtrl para controlar el radio interior. Trate de hacer que parezca que en la siguienteimagen (20 por 20 pxeles). Rellenar con el color blanco, baja su opacidad al 20%,entonces aadir un 3,5 px Gauss efecto de desenfoque. Duplicar esta forma inicial (Shift+ C> Maysculas + F). Seleccione la copia, eliminar el efecto de desenfoque gaussianoy baja su opacidad al 10%. Seleccione las dos formas de estrella y el grupo de ellos.Hacer algunas copias de este grupo y ponerlos por encima del resto del texto (la imagen# 3).Paso 18Vuelva a seleccionar la Estrella de la herramienta y crear otra forma de estrella (10 por10px). Rellenamos de color blanco, baja su opacidad al 20%, aadir un efecto dedesenfoque gaussiano 2px. Duplicar esta forma inicial (Shift + C> Maysculas + F).Seleccione la copia, eliminar el efecto de desenfoque gaussiano y baja su opacidad al15%. Seleccione estas dos formas de estrella y el grupo de ellos. Hacer algunas copiasde este grupo y ponerlos por encima del resto del texto (la imagen # 3).Final:

Letras Con Ilustrator

Documents

Transcript of Letras Con Ilustrator