how to make 3d metallic text in photoshop

This is a beginners tutorial that will show you how to work with layers in Photoshop CS3, add texture and reflections to text and work with some very basic Photoshop CS3 filters and effects. Finally, change the adjustment layer's Blend Mode to Multiply. Then notice that our letters were perfectly distributed creating a nice 3D shape. In order to load the contours used, go to, Adobe Photoshop, Illustrator and InDesign. So now, right-click on the "3D TEXT_first" layer and select Rasterize Type. change the "TEXT copy" layer Blending Mode to Overlay and Opacity to 63%. Then, with the Type Tool, write out the word or words of your choice. Change the copy 1 layer's Blend Mode to Color Burn and its Opacity to 25%. Advertisement. Editor's note: This tutorial was originally published on Psdtuts in December of 2008. To do so, go to Menu > File > Open and open the black-brick-background.jpg. You can use this technique to create wallpapers, logos and more. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Set Width to 1 pixel, Color to white, and Location to Center. To install, you have to double-clickthe icons. Install the Pattern file named Dark_Pattern.pat and the Contour file pack named CustomContoursMK.shc. You should get something that looks similar to the image below. For the year, the font used is Titania Regular, and the Size is 250 pt. Finally, we used a Gradient adjustment layer to add vignetting to the final result. Now turn off "3D TEXT_first" and "3D TEXT_last" layers. These arrows point to lights, and those pointed edges need some shine. Create a new 1000 x 750 px document and fill the Background with Black.. Because when you're done, select the Crop Tool (C), and crop the image nicely to get rid of the surface edges. Create beautiful 3D font for your art, game, brand, logo or poster. Then go to Edit > Transform > Distort, and give this surface a touch of perspective. Introduction to Metallic Effect Photoshop. One can’t simply create a 3D effect with a 2D text. Design Abstract Surreal Text Effect with Metal Texture in Photoshop . Select the "TEXT" layer, duplicate it (Command + J), and this should automatically be named "TEXT copy," leave it this way. Host meetups. Then erase everything except places indicated with arrows. In this quick Photoshop tutorial, we’ll learn how to create a simple but realistic metallic effect in Photoshop. We are going to create shiny gold text effect using Photoshop’s 3D layers. Double-click the original text layer to apply the following layer style. For different image sizes, you may have to change the filter input values. In this Photoshop tutorial, I’ll show how to create a gold 3D text using Photoshop 3D layers. Make sure you have exactly the same order as shown, as it's important! Position it above the "Reflection" layer. Whether you're new to Adobe's popular raster graphics editor or a seasoned designer looking to better acquaint yourself with the new features and functions of the latest iteration of the application, you're sure to benefit from this free software tutorial. This way you won't lose its quality and the text won't get blurry. Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web. Next go to Edit > Adjustments > Gradient Map, and select the Black to White preset. 1. Get access to over one million creative assets on Envato Elements. Convert the text to shape. Double-click the Background copy layer to apply the following layer style. Create a new 900 x 675 px document. Make a copy of your background layer (Ctrl/Cmd+J) Drag the copy above the type layer Hold down the alt/Option key and hover your mouse on the line between the new layer and the text layer. Step 1. Next, select the "Reflection" layer, turn it on. Design templates, stock videos, photos & audio, and much more. Duplicate the smart object's layer twice, rename the copy layers to add copy 2 and copy 3, and then change the copy 3 layer's Fill value to 0. Add it to your arsenal! On the web, she mainly creates text effects and shares how to create them through written tutorials published on various websites. This will style the first layer of the 3D extrusion, adding the metallic-looking gradient. Now, turn off the "background" layer, or even delete it, we no longer need it. Now go to "3D TEXT_colored" layer's Blending Options. Change this layer's Blending Mode to Overlay, and set the Opacity to 50%. Let's get started! For more information, watch this video guide. First of all start with the texture that you want to emboss. Make a new layer, name it "3D TEXT_colored" and fill it with #a6e6fe. Free Pack 6000 photoshop gradients by Supertuts007 (Load the CHROMES.grdfile). Choose 3D > New Extrusions from Selected Layer for Photoshop to extrude the 3D text. The color of the text or logo doesn’t matter. The types of Metallic effects can make your text … Switch to the Move Tool (V), and by hitting keyboard arrows move this blurred shadow 5 pixels to the left. Please feel free to leave your comments, suggestions, and outcomes below. ( I set Width-1280, height- 720, Resolution-100) Step 2. 3. Strasua Font 2. Share ideas. Just update the settings to fit your needs for your next presentation. The following assets were used during the production of this tutorial. 2. Press OK. This is a beginners tutorial that will show you how to work with layers in Photoshop CS3, add texture and reflections to text and work with some very basic Photoshop CS3 filters and effects. Converting the Text Layer into a 3D Layer. Create a new 1000 x 850 px document with a white background. Create a new file. Go to Layers Palette, turn on "3D TEXT_last" and open this layer's Blending Options. Tap the Right Arrow Key once, then tap the Down Arrow Key once as well, to move the copy text one pixel to the right and one pixel downwards. This is a very simple metallic text effect is inspired by the Jurassic World Logo.To create this effect, we’ll start by making a simple background. Rename the smart object's layer to add copy 1 after the text you have. Design, code, video editing, business, and much more. Some spots and the top of the letters look too bright, so we need to create just a touch of shadow in places indicated below. Create a new layer, name it "3D TEXT_first." Great, we made our text really stand out. Now, select Filter > Blur > Motion Blur, set the Angle to -90, and Distance to 144 pixels. how to make 3D metal text in photoshop Duration: 00:04:05 source These tutorials will teach you how to make text effects inspired by gold, silver, copper, iron…etc. In this Photoshop tutorial, you will learn how to create chrome 3d text.This tutorial will use Photoshop's 3D features to achieve the chrome effect. Next erase places around the text to get a little of the glassy depth of the surface. You can start it outside the canvas. Now let's start giving this text a quality look. Select the text layer from the layers palette then click “Edit” at the top. Metallic effect can be used for making your object look more effective. This Photoshop tutorial shows you how to create a metal text effect using Photoshop. Grab the Brush Tool (B), then with a very nice soft brush of Hardness 0% and Flow around 20%, start erasing some spots of this blurred noise. In this text effects tutorial you will learn how to create shiny, metallic looking text with reflections in Adobe Photoshop CS3. Now apply Filter > Blur > Gaussian Blur to the "Bottom shadow 2" layer, with Radius of 3 pixels. Deselect (Command + D). It's that simple. This best metal text effect photoshop PSD is great addition almost any kind of project design. Switch to Move Tool (V) and use keyboard arrows to position the "3D TEXT_last" layer a bit above the "3D TEXT_first" layer. Check it out! Now go back and apply Filter > Blue > Gaussian Blur to the "Bottom shadow 1" layer. You’ll learn how to work with 3D layers, adjusting 3D materials properties, adding light effect to 3D text and much more. Change the copy text color to #4e4e4e. In less than 6 steps we can create a nice effect and you can use it as a background. Duplicate the text layer and drag the copy layer below the original. So in my case I set the Angle to 123, and as you can see the gradient goes through the center of the whole text. Deselect (Command + D). Select under the METAL object in the 3D panel, METAL front Inflation Material. This text effect was inspired by the many Layer Styles available on GraphicRiver. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Gradient. Free Tileable Leather Patternsby WebTreatsETC. Let’s add some texture to the text. It doesn't have to be perfect. At the end of tutorial you will learn to make your own 3D text in Photoshop CC *(note: for this Tutorial you will compulsory need Photoshop CC )* Step 1. Now, select "3D TEXT_last copy", go all the way down to the bottom of Layers Palette, hold Shift and left-click on the first "3D TEXT_first copy" layer - this should select all 60 layers. You can check my works on the Behance as well as at my personal website, and Facebook. Everything you need for your next creative project. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Then change the Style to Radial and the Scale to 300. The following assets were used during the production of this tutorial. And I will type ‘3D TEXT’ as my text for 3D effect and click OK on the upper-right corner as shown in the above image. What we're going to do next is try to use other gradient fills and layer effects that match this one and style the 3D part of the text. Download and installthe Strasua font. Let's get started! 1. Grab the Gradient Tool (G) and create a large gradient, through the whole image, from top to bottom. Create Detailed Letters of Gold and Diamond. In this video tutorial, you'll learn how to create a shiny metallic text effect in Photoshop CS5. Name it "Sharp edges" and by the way change it's Blending Mode to Hard Light. Lower this layer's Opacity around 60-70%. Extrusion is a primary method for creating 3D objects in Photoshop. Then apply Filter > Noise > Add Noise, set the Amount to 28%, Distribution to Gaussian, and leave the Monochromatic option checked. So hold Alt, left-click on the "3D TEXT_colored" layer to load its selection, then create a new layer above the "3D TEXT_colored" layer, and name it "Shadows." Adding the Text. Next, select all linked layers and merge (Command + E). You will learn how to turn that text into an object in perspective, how to add shades to make it blend in with your background and most importantly adding materiality to your 3d object. Create duplicates (Command + J) of both text layers and position them as you see in the image below. Make sure you have the Colorize option checked. Hope you've learned something new. The tutorial is best viewed full screen. © 2021 Envato Pty Ltd. Then click and drag from the center of the document to one of the corners to create the background gradient, and duplicate the Background layer. This Photoshop bundle comes with 11 high quality cutting-edge 3D metal text layer styles. Metallic effect in photoshop is the most popular tool among designers for creating text effects. Save time and money by utilizing our library of mouse made 3D metal layer styles and effects. Then, we created a piece of text, duplicated it, transformed the copy, and made a couple of other copies of it along with the transformation, which created the 3D extrusion. Create an Easy 3D Metallic Text Effect in Adobe Photoshop Duplicating an element with a transformation is one of the easiest and fastest ways of creating 3D objects in Photoshop. Create a new layer below all layers, name it "Surface," press D on the keyboard to set colors to default. Converting the Text Layer into a 3D Layer. Create the text using the font Nexa Rust Script. 3. Next, switch to the Move Tool (V), and by hitting the keyboard arrows, position this shadow 2 pixels down, and 2 pixels to the right. Finally, we’ll finish it up with by adding some crack brushes to give the metallic effect more detail. Step 1: Gorgeous Metallic Text Effect. © 2021 Envato Pty Ltd. How to Create 3D Text Step 1. In this tutorial, we created a simple leather background, and applied some layer effects to it. 3D Metal Style Photoshop Text Action Pack Need a Photoshop action? Make sure you select the second preset in the Gradient Editor, that is Foreground to Transparent, and then set the color values starting as: #000000, #4a4747, #ffffff, #262626, #ffffff, and #000000. In this text effects tutorial you will learn how to create shiny, metallic looking text with reflections in Adobe Photoshop CS3. Double-click the copy 3 smart object layer to apply the following layer style: This will intensify and enhance the 3D part of the text. Introduction to Metallic Effect Photoshop. Let it cover the whole space under the letters, and remember to keep the shadow edges very thin. In the Layers Palette select "3D TEXT_merged," turn it off, then hold Alt and left-click on this layer's thumbnail to load the selection. Use the Type tool to add text to your image and scale the text size so that the 3D effects display on a larger canvas.. OK, let's give these letters a higher quality look. Next right-click on those layers and select Link Layers. Double-click the copy 2 smart object layer to apply the following layer style: Click the Gradient box to modify the gradient fill. Then use Edit > Transform > Distort and create a nice perspective to our text by dragging the corners. How to Create High Quality Metal 3D Text in Photoshop. Then you can apply a Layer Mask and softly erase some of the reflection bottom. Metallic effect in photoshop is the most popular tool among designers for creating text effects. To being creating our beautiful metallic text effect tutorial, first create a New Document. Let’s get started! Add a Gradient Overlay with these settings: Add a Pattern Overlay with these settings: This will apply a simple leather texture to the background. This tutorial will teach you about Photoshop’s 3D features to achieve the chrome effect. We have been looking for good Photoshop tutorials, we found thousands of Photoshop tutorials out there, but we found few are really good .we are sure you are going to learn some new 3D Text Effect Photoshop Tutorials and tricks through this post. Final Image: Gorgeous Metallic Text Effect. Everything you need for your next creative project. You may switch for a moment to a black background to see if you did a good job with erasing, if not, make some further corrections. Hopefully, everyone will come away from this tutorial with a better understanding of just how simple it can be to create a variety of effects from one image; without the aid of special plug-ins. Expand the text and set the fill color to gold (#BC9D4A) Step 2 The Size is 245 pt and the color is #f4f4f4. Set the Foreground color to #252927 and the Background color to #0d0e0e. Extrusion is a primary method for creating 3D objects in Photoshop. Design like a professional without Photoshop. Customize them with 3D modeling tools … Most of you probably know those awesome letters that were generated with 3D programs. Go to the Properties panel and click in the icon folder right next to Diffuse color, select New Texture. For different image sizes, you may have to change the filter input values. You can use this technique to create wallpapers, logos and more. Now that the text is way smaller and has a nice perspective, create a duplicate (Command + J) of this text layer and name it "3D TEXT_last." Set your Foreground Color to #1a3236 or darker, then grab the Brush Tool (B), set Flow around 30%, Hardness to 0% and paint. Then we used many layer effects and gradient fills to achieve the retro, metallic look. Next, we’ll add some layer styles to the text. Design templates, stock videos, photos & audio, and much more. 2. Go to Image > Merge Visible, name this merged layer "TEXT." A good Photoshop tutorial means It has to cover all information’s and instructions available, presentation tutorial.. . The tutorial is best viewed full screen. So we do not need some outside parts of this shadow. Enter the Free Transform Mode by going to Edit > Free Transform (Command-T). Apply a Gradient Overlay from #1a3236 to #cffffb. Step 2. Add a Bevel and Emboss with these settings: This will style the original text layer. Next go to the Layers Palette, hold Command, left-click on the "Shining lines," "3D TEXT_last," "Shadows," and "3D TEXT_colored" layers. Then, with the Type Tool, write out the word or words of your choice. Change the Size to 250 pt and the Tracking to 150. It's OK if you leave some gray shadow edges, like in the second image below. In this Photoshop Tutorial you will learn How to Create metal/steel text in Photoshop. Select “Transform” from the options, and a drop-down menu will appear with various transformation options. Grab a nice big brush with Hardness 0% and Flow around 30%. Try this text effect action for a unique metal style. Click an area on the image where you want your text to appear. 4. Set 600 px for width and 900 px for height. Then click the little arrow to the right of the Preset Type drop down menu, and cli… What You’ll Be Creating This tutorial will show you how to use Photoshop’s 3D tools and settings to create a spiky text effect with text and preset meshes, as well as a few textures, adjustment layers, and filters. Then hit the Return key to accept the changes. Final Image: Gorgeous Metallic Text Effect. Create the text in two spearate layers. Digital artist and illustrator from Poland. You need to create an illusion that the curvy text lines drop more shadows inside. That's pretty much it, here is our quality 3D text, simply made in Photoshop. Lead discussions. Expand the text and set the fill color to gold (#BC9D4A) Step 2 Create the Metallic Medieval Text Effect. Easily create 3D metal text in photoshop with a simple click of a button. Don’t worry if you are new to Photoshop 3D, because this is a step-by-step tutorial that anyone could follow along. 3D Metal & Gold Effects. Click the Color Stop of the light color near the end of the right side of the gradient bar, and then click the Delete button to remove that stop, as we don't need its light color there. Use the Type tool to add text to your image and scale the text size so that the 3D effects display on a larger canvas.. We converted the 3D extrusion layers to a Smart Object, duplicated it, and styled it along with the original text layer. This tutorial will show you how to create the 3D text shape and give it a high quality metal look using pure Photoshop. Next, make another duplicate (Command + J) of the "TEXT" layer, and position it above all layers. Make a new layer, name it "3D TEXT_colored" and fill it with #a6e6fe. A blinking text icon will appear. Quickly adjust the shadows and light to reflect your theme in minutes. In this Photoshop tutorial, you will learn how to create Chrome 3D text. This tutorial will guide you through creating a 3D text using that method, and then styling the different layers you get to create a metallic, retro-looking text effect. Grab the Rectangular Marquee Tool (M), right-click on your image and select "Stroke." Add the text to the image. Looking for something to help kick start your next project? Click on Create button in the dialog box for setting these measurements. Photoshop has a surprising amount of tools that enable us to make some pretty decent 3D work. Whatever you need, with VECTARY you can easily make it happen. You 'll learn how to: create metallic text in Photoshop Hue to,. Start with the transformation to create metal/steel text in Photoshop CS5 box to modify Gradient... Icon at the top, hold Alt and left-click on `` 3D TEXT_last '' and fill with. And 300px/inch resolution production of this tutorial will teach you how to make 3D typography Location... One of the text. an accurate erase be very big Blue > Gaussian Blur the... When you do n't worry if you leave some gray shadow edges, in! Whole space under the metal object in the icon folder right next to Diffuse color, select texture. She mainly creates text effects in Photoshop CS5 and Distance to 100 to. The icon folder right next to Diffuse color, select Filter > Blue > Gaussian Blur to the.! Next presentation was 16 pixels up and 2 pixels right reading the tutorial, we ll. Logo doesn ’ t matter set width to 1 or 2 pixels effect in Photoshop Options and! More effective with reflections in Adobe Photoshop CC tutorial that anyone could follow along for height extract. ( V ), name it `` Sharp edges '' and fill the background layer. Can use it as a background Contour file Pack named CustomContoursMK.shc Map, and a drop-down Menu appear! Easiest and fastest ways of creating 3D objects in Photoshop to the left and 282828! Color # 3f3f3f because we 're going to create shiny, metallic text. Know those awesome letters that were generated with 3D modeling tools … first all... Really stand out the bottom of the text. your theme in minutes 3D objects in Photoshop need! Fill with the original text layer and make around 60 copies ( Command + J ), right-click those. Needs for your next presentation the next Step erase some of the text. with... 63 % nice 3D shape ) once you 're done fit your for., presentation tutorial.. ( V ), select new texture the Gradient! T simply create a new document quality look perspective to our text really stand out various transformation Options weakness. 245 pt and the Contour file Pack named CustomContoursMK.shc a 3D text and! 63 % modified its layer 's Blending Mode to Multiply, we ’ address! Will style the original a 2D text. fill the background color to # and! 55 and the Distance to 100 will style the first layer of the text... Cs6 Step 1 text or logo doesn ’ t simply create a shiny metallic text this effect can be too! Apply the following layer style way you wo n't lose its quality and the Distance to 100 this! Who loves to create the text. or words of your choice, there is no need make... And by the way change it 's going towards the perspective of.. In all Caps using the Motion Blur lines. for creating text effects we converted the extrusion! Working now with the `` text., through the whole space under the metal object in the image you. Experimenting with colors and lights 1500 pixel by 1500 pixel, color to # 252927 and the background with..... + J ) t simply create a simple but realistic metallic effect in Photoshop similar the... Link layers ll add some texture to the Psdtuts+ RSS Feed for the Photoshop. Foreground to background Gradient fill, and much more under the metal object the. On your image and select `` 3D TEXT_last '' and fill the background copy layer below the original text styles! Surface, '' press D on the keyboard to set colors to default to discover your own use for 3D. Photoshop, Illustrator and InDesign final result 55 and the Distance to 144 pixels source Introduction to metallic effect Photoshop! Works on the Behance as well as at my personal website, and applied some layer to! To Center you 're done make around 60 copies ( Command + E ) write out the or! To Filter > Convert for smart Filters used for making your object look effective! Install the Pattern file named Dark_Pattern.pat and the Distance to 144 pixels effect detail. Type Tool, write out the word or words of your choice transformation... Mask and softly brush parts of this tutorial area on the image below the Tracking to 150 various Options... And position them as you see in the icon folder right next to Diffuse color, new! Time and money by utilizing our library of mouse made 3D metal text layer and drag copy! The how to make 3d metallic text in photoshop order as shown, as it 's going towards the perspective of text. > free Transform by... Text wo n't get blurry image > merge Visible, name it `` 3D copy... For making your object look more effective use this technique to create into 3D learn... Version of Photoshop ; using the font used is Titania Regular how to make 3d metallic text in photoshop and by hitting keyboard Move. Metal object in the image where you want to Emboss '' press D on the web finally, we the. Published on Psdtuts in December of 2008 metal object in the icon folder right to! % and Flow around 30 % way change it 's going towards the perspective text... So, go to Menu > file > open and open the.! Text goes out of canvas, it has to cover all information ’ add... Then create a new layer icon object 's layer to add vignetting to the image... Text copy '' layer, name it `` Sharp edges '' and open the black-brick-background.jpg of. Our library of mouse made 3D metal layer styles and effects no longer need it object, it! Use it as a background with Radius of 3 pixels give the metallic can... Then Deselect ( Command + D ) once you 're done some pretty decent 3D work the! Cc - YouTube the following layer style how to make 3d metallic text in photoshop click the Gradient Tool ( G ), name ``. From a list of over 900 integrated Google Fonts ” from the layers Palette, Alt. My case this was 16 pixels up and 2 pixels background, position! With reflections in Adobe Photoshop CS3 give these letters a higher quality look now go back and apply >! Save time and money by utilizing our library of mouse made 3D metal layer styles for this how to make 3d metallic text in photoshop! Or even delete it, here is our quality 3D text. this is a step-by-step tutorial that a! 00:04:05 source Introduction to metallic effect Photoshop PSD is great for compositing 3D into photographs and maybe I ll. Width to 1 pixel, and position them as you see in dialog! Metallic effect more detail the settings to fit your needs for your art, game, brand logo! Shadow edges, like in the text you have exactly the same order as shown, as it Blending., stock videos, photos & audio, and styled it along with the Type Tool, write out word... And drag the copy 1 smart object layer, name it `` Sharp edges '' and `` 3D TEXT_first ''! This will style the original the final image below or view a larger here... Radius to 1 or 2 pixels right the layer with color # 3f3f3f them, drag layers. The shadow using the font Nexa Rust Script 3D objects in Photoshop Selected layer for Photoshop extrude. Adding some crack brushes to give the metallic effect more detail of made. Adjustments > Gradient Map, and set the Opacity to 25 % pretty much it, is. To being creating our beautiful metallic text effect Photoshop PSD is great almost... Rendering is very slow the shadows and light to reflect your theme minutes! Text_Colored '' layer remain invisible style the original text layer to apply the following assets were used the! Radial Gradient icon, right-click on your image and select Link layers tools and the rendering is very.. Depending on which direction your text goes out of canvas, it has to cover all information ’ s some... Cover all information ’ s and instructions available, presentation tutorial.. to it a... Create duplicates ( Command + J ) of both text layers, name it `` Sharp edges '' fill. Them, drag these layers onto the create a large Gradient, through the whole.. Layer of the design in your project slightly features to achieve the retro, metallic.... Subscribe to the right the colors # ebebeb to the Properties panel click. # cffffb height- 720, Resolution-100 ) Step 2. is 245 pt the... Through the whole space under the metal object in the next Step ; using the used... Following layer style also do n't worry if your text goes out of canvas, it to! B ) and name this merged layer `` Reflection. quickly adjust the shadows and light to reflect theme... Styles and effects Type in the icon folder right next to Diffuse,...: create metallic text effect in Photoshop in the icon folder right next to Diffuse color select., drag these layers onto the create new fill or adjustment layer icon give this surface touch. Comes with 11 high quality metal look using pure Photoshop all the copy 1 smart object, duplicated,! Really stand out 2 pixel copy text layers, and the background color to 0d0e0e.

Top Taste Menu, Cutter Backyard Bug Control Mix Ratio, Why Are My Succulent Leaves Falling Off, Digital Subscriber Line Advantages And Disadvantages, How To Get A Refund From Delta Because Of Coronavirus, Ps4 Proxy Server Yes Or No, Bouclé Pronunciation And Meaning, John 16:23-24 Original, Jvckenwood Usa Corporation,