Chrome text effects might now be seen as gaudy and tasteless, but they once formed an extremely popular art style in the 80s and 90s. Those retro styles have made a comeback over recent years, so it’s useful to know how to produce shiny and metallic effects in your digital design software. I’ve previously shown how to produce an 80s style chrome text effect in Photoshop, follow today’s tutorial to create a similar retro style metallic text effect in Adobe Illustrator.
The effect we’ll be producing in this tutorials is a shiny chrome appearance made from a combination of gradient fills. We’ll create the effect using outlined text for best results, but I’ll also cover some useful techniques to replicate the effect with the Appearance panel, which allows the styling to be applied to editable live text.
Lay out your chosen wording with the Type tool. Right click and choose Create Outlines to convert the text into shapes. This will lose the ability to edit the text, but allows many more tools and techniques to be applied to the vector paths.
Create An Assortment Of 3d Text In Adobe Illustrator
Since the Thirsty Soft font I’m using is a script which overlaps the letters, it’s necessary to combine them into one continuous outline with the Unite function of the Pathfinder panel.
Change the fill to a Linear Gradient, then edit the colours in the Gradient panel from a mid-blue swatch to white. Change the angle to -90 degrees.
Add another 2px Offset Path, then drag a black swatch over every white gradient handle. Change the angle of this gradient to zero degrees.
How Do You Do A Metallic Effect In Illustrator?
Remove the fill from this shape, but add a Stroke. Hold the Shift key and sample a colour halfway up the existing gradient with the Eyedropper tool, then change the stroke weight to 0.5pt.
Press CMD+C to Copy, followed by CMD+F to Paste in Front a duplicate of this inner shape, then switch the stroke over to a fill.
Select the Ellipse tool and draw a long, thin oval that covers the lower portion of the text. Aim to place the top edge halfway up the text face.
Metallic Letters On Behance
Hold the Shift key and add the inner text shape to the selection, then click the Intersect button in the Pathfinder panel to trim the oval to the outline of the text.
To make use of many of Illustrator’s tools, text elements have to be outlined so they’re converted into standard shapes. It is possible to reproduce the effect using just Fills and Strokes within the Appearance panel, which retains the ability to edit the text and change the font.
For the effect to work on live text, it first needs to be created as a Graphic Style. Draw a simple shape on the artboard to apply the various modifications to, starting with the blue to white gradient.
D Gold Text Effects Photoshop Action Free Download
Multiple fills and strokes can be applied within the Appearance panel. Click the menu icon in the top corner and select Add New Fill.
Edit the gradient of this particular fill to include black, then add an extra handle towards the right and set the opacity to 0%.
Move the black gradient handle to a specific location, such as 40%, then set the zero opacity handle to 40.1% to produce a hard line. The blue and white colours could also have been applied to this one fill, but it’s useful to see how fills can be layered.
Free 3d Metal Text Effect (psd)
Add a new stroke to the shape from within the Appearance panel. Drag a white swatch over all the black handles in the Gradient setup, then change the angle to 90 degrees. Alter the settings of this stroke to 1pt, aligned to the outside. Since the black and blue stroke is 1pt larger and underneath this white and blue stroke in the Appearance panel, it is visible around the edge.
Add another stroke, then hold the Shift key and click a mid-blue from the existing gradient to select a solid colour. Change the settings to 1.5pt and aligned to inside.
Set up a fourth stroke with the same blue to white gradient used in the first fill, which will cover some of the previous stroke to leave a 0.5pt line that appears to be offset from the main outline.
How To Make Metal And Glass Effect By Aurora 3d Text Logo Maker
With the shape that has these Appearance settings selected, click the New Graphic Style icon in the Graphic Styles window to save the effect.
This new Graphic Style can be instantly applied to any object, including text elements without the need to create outlines. However, when used with script fonts, not outlining and uniting the letters ruins the appearance!
The problem can be solved by changing the font to a sans-serif typeface that doesn’t overlap, leaving a great looking chrome text effect that can still be edited with the Type tool.
Examples Of 3d Text Effects For Designers
Stay up to date with Spoon Graphics by having new content delivered to your email inbox. As a way to say thanks, you’ll also gain instant access to my free bundle of design resources.Adobe Illustrator is a vector graphics designing software used by the graphics professionals for their professional work. We can apply different types of effects on the object in this software. Metal Effect is one of the effective features of this software. Here in this article, we will discuss ‘What is Metal Effect?’ and learn about ‘How to apply this effect on any object’? You can use this effect on any object of your project and make your object more realistic for its viewer.
Metal Effect is used for giving a metallic look to any object, and when you give a metal look to any object, it will make your object compatible with the real world. Now let us start our learning about ‘How to apply the Metal effect in our project?’ We will understand it by an example of making ‘Window’ of golden and iron metal effect. You can make any object according to you with these metal effects.
Apply Metal Effect on any object in adobe Illustrator software is not a very big task. We will understand this in the step by step manner with a very easy way of learning:
Cool Metallic 3d Text Effect
Step 1: Take a new document. For taking a new document, click on ‘File Menu’ of the Menu bar of this software which is at the top of this software. A drop-down list will be open. Click on the ‘New’ option of this list.
Step 2: A ‘New Document’ box will be open. Set the parameter of this box according to your project requirement, and then click on the ‘Create tab’ of this box to apply these settings in your document.
Step 3: Now, take the Rectangle tool from the tool panel of this software on the left side of the working screen. Draw a rod-like structure with this rectangle tool as I have drawn.
How To Create A Chrome Text Effect In Adobe Illustrator
Step 5: If there is no gradient option in this list. Then go to the Window menu of the Menu bar at the top of the working screen. A drop-down list will be open. Click on the Gradient option of this list to activate this box.
Step 7: If this color box is not in this list, then again go to Window Menu of Menu Bar and Click on the Color option to activate it.
Step 8: Now select the first gradient head. For selecting this head, clicks on this with the mouse button and choose the light yellow color from the color panel. Again, select the gradient head of the gradient box and choose the orange color from the color panel. Make the combination of colors of the head in this way so that it gives a golden look to the rod.
D Silver Text Effect Photoshop Action Free Download
Step 9: Now add one more color head in the gradient panel. For adding more gradient head in gradient scale, just click below the gradient scale.
Step 10: Select this new gradient head and choose a light color combination of yellow from the color panel to give it more real looks of gold.
Step 13: Now again, take a rectangle tool from the tool panel and make the upper bar of this window-like structure. Once you make a bar choose gradient color for this bar by following the same process as we have done for a rod of the window.
Metal Effect In Illustrator
Step 14: I will choose a combination of blue and light blue colors in gradient head of gradient scale for giving it a metal look.
Step 15: You can add many gradient heads to the gradient scale. I will add two more heads in the gradient of this bar and add dark and light blue color to make a more real metal effect.
Step 16: Now copy this bar at the button of the rods. For copying this, just select this bar, then hold the Alt button of the keyboard and drag it at the button end of the rods.
How To Create Metallic Effect In Illustrator
Step 17: Now select all objects and make a stroke off from the color panel of the tool panel section so the Metal effect can visualize more effectively.
Step 19: Now, let us take an ellipse command from the tool panel and drag a circle. Now apply gradient in it also by using the gradient tool of the
0 Comments
Posting Komentar