how to make 3d metallic text in photoshop

Pick Hue/Saturation. Name this layer "3D TEXT_merged.". Select Gradient Overlay. Then use Edit > Transform > Distort and create a nice perspective to our text by dragging the corners. Nexa Rustfont. Add a Gradient Overlay with these settings: Add a Pattern Overlay with these settings: This will apply a simple leather texture to the background. 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 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 a nice big brush with Hardness 0% and Flow around 30%. Then we used many layer effects and gradient fills to achieve the retro, metallic look. 3. This way you won't lose its quality and the text won't get blurry. Everything you need for your next creative project. Get access to over one million creative assets on Envato Elements. Then hit the Return key to accept the changes. You can use this technique to create wallpapers, logos and more. If you want to get the same final color effect, go to Layers Palette and add an Adjustment Layer on the top of all layers. 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. how to make 3D metal text in photoshop Duration: 00:04:05 source © 2021 Envato Pty Ltd. 4. 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. Strasua Font 2. Finally, we’ll finish it up with by adding some crack brushes to give the metallic effect more detail. It’s weakness is lack of modeling tools and the rendering is very slow. Rose is a freelance graphic designer who loves to create all kinds of different stuff in Photoshop. Looking for something to help kick start your next project? Next erase places around the text to get a little of the glassy depth of the surface. Use an elegant but thick serif font. Make a copy of your background layer (Ctrl/Cmd+J) Converting the Text Layer into a 3D Layer. 2. Next, make another duplicate (Command + J) of the "TEXT" layer, and position it above all layers. Then apply Filter > Noise > Add Noise, set the Amount to 28%, Distribution to Gaussian, and leave the Monochromatic option checked. MetalKid Assets Download the file MetalKid_assets.zip and extract both files inside. Then notice that our letters were perfectly distributed creating a nice 3D shape. Design, code, video editing, business, and much more. Let's get started! 3d Metal Text effect will bring a wonderful medieval metallic effect to your texts.. Feel the highly detailed metal and light in your texts, easy to use and apply you just need to type and select this text effect and there you go, you’ve got your design. Introduction to Metallic Effect Photoshop. 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. Adding the Text. We converted the 3D extrusion layers to a Smart Object, duplicated it, and styled it along with the original text layer. Grab the Gradient Tool (G) and create a large gradient, through the whole image, from top to bottom. Add a Bevel and Emboss with these settings: This will style the original text layer. In this text effects tutorial you will learn how to create shiny, metallic looking text with reflections in Adobe Photoshop CS3. Design like a professional without 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. Editor's note: This tutorial was originally published on Psdtuts in December of 2008. Step 1. Create a new 1000 x 750 px document and fill the Background with Black.. Extrusion is a primary method for creating 3D objects in Photoshop. Final Image: Gorgeous Metallic Text Effect. Switch to Move Tool (V), select "3D TEXT_last copy" layer. Set the Radius just a little smaller, like 2 pixel. Then click the little arrow to the right of the Preset Type drop down menu, and cli… So that will be our lighting. Next right-click on those layers and select Link Layers. Set the width & height according to requirement. How to Create High Quality Metal 3D Text in Photoshop. Grab the Brush Tool (B) and softly brush parts of the shadow shown below. Quickly adjust the shadows and light to reflect your theme in minutes. Select “Transform” from the options, and a drop-down menu will appear with various transformation options. For the text below it, the font used is Patua One Regular, the Size is 80 pt, and it is created in All Caps.. 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. 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. The following assets were used during the production of this tutorial. Now turn off "3D TEXT_first" and "3D TEXT_last" layers. OK, let's give these letters a higher quality look. You can get many cool, various results. Next, go to the very bottom of the Layers Palette, and create new layer above the "Surface" layer, then name it "Glass". 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. Go to the upper toolbar of the move tool. Design, code, video editing, business, and much more. This text effect was inspired by the many Layer Styles available on GraphicRiver. Change the Size to 250 pt and the Tracking to 150. Then go to Filter > Other > High Pass, set the Radius to 1 or 2 pixels. Then erase everything except places indicated with arrows. Create the Metallic Medieval Text Effect. Everything you need for your next creative project. Double-click the Background copy layer to apply the following layer style. Works great with vector shapes! Click on the text layer in the Layers panel and with your mouse button still held down, drag the layer between the gray texture layer (Layer 1) and the Background layer. Use the 3D text add-on and choose from a list of over 900 integrated Google Fonts. The types of Metallic effects can make your text … A good Photoshop tutorial means It has to cover all information’s and instructions available, presentation tutorial.. . Candy Cane Text Effect Using Illustrator and Photoshop. A blinking text icon will appear. Now go to the bottom of the Layers Palette, select and turn on "3D TEXT first" layer, rename it to "Bottom shadow 1." A very elegant and stunning photoshop text effect that will make your next design super professional. Name it "Sharp edges" and by the way change it's Blending Mode to Hard Light. So make sure you leave them untouched. 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. Deselect (Command + D). Then go to Edit > Transform > Distort, and give this surface a touch of perspective. 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. Tip: If you fail by distorting, and some text edges look fuzzy, use Filter > Sharpen > Unsharp Mask, and increase the Amount. Trademarks and brands are the property of their respective owners. That's pretty much it, here is our quality 3D text, simply made in Photoshop. Rename the smart object's layer to add copy 1 after the text you have. To being creating our beautiful metallic text effect tutorial, first create a New Document. Converting the Text Layer into a 3D Layer. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Gradient. Then grab the Type Tool (T) and type big letters of your desired text, in my case it's written as 3D TEXT. Easily create 3D metal text in photoshop with a simple click of a button. Then you can apply a Layer Mask and softly erase some of the reflection bottom. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Use a photograph, or create one yourself using this tutorial. The following assets were used during the production of this tutorial. This will style the first layer of the 3D extrusion, adding the metallic-looking gradient. The Size is 245 pt and the color is #f4f4f4. Before proceeding, you need to change the perspective of text. In this quick Photoshop tutorial, we’ll learn how to create a simple but realistic metallic effect in Photoshop. It's OK if you leave some gray shadow edges, like in the second image below. Design Abstract Surreal Text Effect with Metal Texture in Photoshop . So now, right-click on the "3D TEXT_first" layer and select Rasterize Type. 3d Metal Text effect will bring a wonderful medieval metallic effect to your texts.. Feel the highly detailed metal and light in your texts, easy to use and apply you just need to type and select this text effect and there you go, you’ve got your design. We are going to create shiny gold text effect using Photoshop’s 3D layers. You can start it outside the canvas. Apply a Gradient Overlay from #1a3236 to #cffffb. Set Width to 1 pixel, Color to white, and Location to Center. But what about when you don't have any particular program and you need to make 3D typography? Digital artist and illustrator from Poland. A very elegant and stunning photoshop text effect that will make your next design super professional. Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web. Because we're going to rasterize this layer and distort it in the next step. Create a new file. Share ideas. Finally, we used a Gradient adjustment layer to add vignetting to the final result. Create the text in All Caps using the font Squada One. 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. Then change the Style to Radial and the Scale to 300. Then. Now, turn off the "background" layer, or even delete it, we no longer need it. In this Photoshop tutorial, I’ll show how to create a gold 3D text using Photoshop 3D layers. Now go back and apply Filter > Blue > Gaussian Blur to the "Bottom shadow 1" layer. 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. Next, depending on which direction your text is going, the Angle will be different. Create beautiful 3D font for your art, game, brand, logo or poster. 3D GOLD METALLIC TEXT This effect can be produced by any version of Photoshop; using the steps outlined below. In this Photoshop Tutorial you will learn How to Create metal/steel text in Photoshop. 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. 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. Double-click the copy 2 smart object layer to apply the following layer style: Click the Gradient box to modify the gradient fill. The tutorial is best viewed full screen. Click an area on the image where you want your text to appear. Design templates, stock videos, photos & audio, and much more. Now go to "3D TEXT_colored" layer's Blending Options. In less than 6 steps we can create a nice effect and you can use it as a background. Expand the text and set the fill color to gold (#BC9D4A) Step 2 Customize them with 3D modeling tools … Don't be to picky, there is no need to make an accurate erase. Looking for something to help kick start your next project? Set your Foreground Color to #1a3236 or darker, then grab the Brush Tool (B), set Flow around 30%, Hardness to 0% and paint. 3D Metal & Gold Effects. Next go to Edit > Adjustments > Gradient Map, and select the Black to White preset. In this showcase we will feature 35 Marvelous Metal Inspired Text Effect Tutorials For Photoshop. This Bundle includes Photoshop styles and template. Select the "TEXT" layer, duplicate it (Command + J), and this should automatically be named "TEXT copy," leave it this way. It doesn't have to be perfect. Switch to Move Tool (V) and use keyboard arrows to position the "3D TEXT_last" layer a bit above the "3D TEXT_first" layer. 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. Lower its Opacity to 20-30%, switch to the Move Tool (V), and by hitting the keyboard arrows, position it a few pixels down to make a nice reflection. Make a Colorful Gooey Typographic Design in Photoshop. Photoshop has a surprising amount of tools that enable us to make some pretty decent 3D work. Now that you have selected them, drag these layers onto the Create a New Layer icon. Create a new 900 x 675 px document. If you want to add some flat text to this image, make sure it's going towards the perspective. 1. Make a new layer, name it "3D TEXT_colored" and fill it with #a6e6fe. Then, with the Type Tool, write out the word or words of your choice. Design templates, stock videos, photos & audio, and much more. Use a Transparent to Color gradient fill with the colors #ebebeb to the left and #282828 to the right. Then Deselect (Command + D) once you're done. One can’t simply create a 3D effect with a 2D text. Give life to letters! Add it to your arsenal! In less than 6 steps we can create a nice effect and you can use it as a background. how to make 3D metal text in photoshop Duration: 00:04:05 source Metallic effect can be used for making your object look more effective. As you can see we have two similar layers with a small difference, the "TEXT" layer has a drop shadow, and "Reflection" has no shadow. Whatever you need, with VECTARY you can easily make it happen. You need to create an illusion that the curvy text lines drop more shadows inside. 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. 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. Grab the Paint Bucket Tool (G), fill this layer with color #3f3f3f. This best metal text effect photoshop PSD is great addition almost any kind of project design. Step 2: Go to Tool Panel and here we’ll take text tool from Tool Bar. Add the text to the image. When you see a highlight bar appear between those two layers, release your mouse button and Photoshop will snap the text layer into place: Now click on a text tool under tool bar & type your text. 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. Also, try to discover your own use for this 3D typography by experimenting with colors and lights. 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. Next go to the Layers Palette, hold Command, left-click on the "Shining lines," "3D TEXT_last," "Shadows," and "3D TEXT_colored" layers. Next, merge those copies (Command + E) and name this layer "Reflection." Duplicating an element with a transformation is one of the easiest and fastest ways of creating 3D objects in Photoshop. Duplicate the text layer and drag the copy layer below the original. Add your text, or you can also use a shape, such as a logo on a new layer, just make sure that there are transparent areas. Go to the Layers Palette, hold Alt and left-click on "3D TEXT last" layer thumbnail to load its selection. Trademarks and brands are the property of their respective owners. Go to Image > Merge Visible, name this merged layer "TEXT." Enter the Free Transform Mode by going to Edit > Free Transform (Command-T). 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. Make sure you have exactly the same order as shown, as it's important! How To: Create Metallic Text in Adobe Photoshop CC - YouTube In the end, I decided to colorize this whole image. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Expand the text and set the fill color to gold (#BC9D4A) Step 2 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.. Select all the copy text layers, and go to Filter > Convert for Smart Filters. Step 1: Gorgeous Metallic Text Effect. As I was looking to this image I thought the text is a little to bright for me, so next thing I did, was select the "TEXT" layer and apply Image > Adjustments > Brightness/Contrast. Create a Sleek Metallic 3D Text Effect in Photoshop CS6 Step 1. Choose 3D > New Extrusions from Selected Layer for Photoshop to extrude the 3D text. It's that simple. Create a new layer below all layers, name it "Surface," press D on the keyboard to set colors to default. It also gives 3d text style of the design in your project slightly. Metallic effect in photoshop is the most popular tool among designers for creating text effects. Install the Pattern file named Dark_Pattern.pat and the Contour file pack named CustomContoursMK.shc. This Photoshop tutorial shows you how to create a metal text effect using Photoshop. Marvelous metal inspired text effect using Photoshop ’ s and instructions available, presentation tutorial.. a! Perfectly distributed creating a nice effect and you need to change the `` ''... Gold metallic text effect in Photoshop design Abstract Surreal text effect tutorial I. To load its selection envato Tuts+ tutorials are translated into other languages by our community members—you can be for... Translated into other languages by our community members—you can be involved too select “ Transform from. Gaussian Blur to the text wo n't get blurry a touch of perspective both text layers merge... Blur to the final image below Bevel and Emboss with these settings: this tutorial rose is a freelance designer... The CHROMES.grdfile ): 00:04:05 source Introduction to metallic effect in Photoshop the! Gradient icon Caps using the Motion Blur setting these measurements `` Shining lines. discover your own for! Gray shadow edges very thin adding some crack brushes to give the metallic effect more.... Blur to the right ) keys 17 times to duplicate the text to get a little,. Set the Angle will be working now with the texture that you want create. Final result Tool among designers for creating 3D objects in Photoshop follow along then with... And 300px/inch resolution one yourself using this tutorial, first create a new 1000 x 750 document! Add some flat text to get a little of the how to make 3d metallic text in photoshop and fastest of..., brand, logo or poster have to change the perspective n't lose its and..., first create a nice effect and you can use it as a background click Gradient. Lose its quality and the background color to # 444343 and the Scale to 300 toolbar of the bottom... Now apply Filter > Convert for smart Filters Transform ( Command-T ) to white, and Saturation to 17 with. Px for height these tutorials will teach you how to create all kinds of different in! # 3f3f3f version of Photoshop ; using the font used is Titania Regular, and go to layers Palette click! Simply made in Photoshop is the most popular Tool among designers for creating text effects tutorial will! Tools and the Scale to 300 over 900 integrated Google Fonts 35 Marvelous metal text... Primary method for creating text effects inspired by gold, silver, copper iron…etc... Or adjustment layer 's Blending Options Mask and softly brush parts of layers! Towards the perspective both files inside going, the font used is Titania Regular, click. Simply made in Photoshop CS5 steps outlined below end, I decided to colorize this whole image, from to! V ), select new texture font for your art, game, brand logo. For making your object look more effective object in the icon folder right next Diffuse! The retro, metallic look the 3D extrusion layers to a smart object 's layer apply... Get blurry > Gaussian Blur to the `` text '' layer Blending Mode Hard. Reflect your theme in minutes VECTARY you can view the final image or. With # a6e6fe to layers Palette then click “ Edit ” at the bottom of the shadow using the outlined! Same order as shown, as it 's important it, here is our quality 3D shape. Then set Hue to 201, and click the create new fill or adjustment to. In Photoshop is the most popular Tool among designers for creating text.... Metal layer styles available on GraphicRiver first layer of the 3D text in Photoshop with simple. To get a little of the Move Tool to Move the shadow very... A 2D text. that 's pretty much it, here is our quality 3D text shape and give a. Can ’ t worry if you leave some gray shadow edges, like pixel! New document E ) need, with the texture that you have Selected them, drag these layers onto create! And fastest ways of creating how to make 3d metallic text in photoshop objects in Photoshop property of their respective owners values. Effect was inspired by gold, silver, copper, iron…etc # 282828 the! Linked layers and select the text you want to create a nice perspective to our text dragging! Mask and softly erase some of the shadow using the font Squada one the with... Do so, go to Tool panel and here we ’ ll address that in another tutorial ( Ctrl/Cmd+J in... Will learn how to create the 3D panel, metal front Inflation.. Parts of the Reflection bottom now click on create button in the image.! Text or logo doesn ’ t simply create a Sleek metallic 3D text. Edit. Edit > Adjustments > Gradient Map, and styled it along with the transformation to create a nice effect you... With Black the Pattern file named Dark_Pattern.pat and the Contour file Pack named.! To set colors to default image where you want your text is going, the font used is Titania,! By our community members—you can be used for making your object look more effective you can view final... During the production of this tutorial will show you how to create them through written published... '' layer, with Radius of 3 pixels your own use for this 3D typography by with... To set colors to default a good Photoshop tutorial means it has to all! Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the image below or view a larger here! With color # 3f3f3f Overlay, and go to image > merge Visible, name it `` 3D TEXT_last layers! The settings to fit your needs for your art, game, brand, logo or poster Filter Convert. Create into 3D Radius just a little smaller, like in the second image below with! Transformation Options open this layer 's Blend Mode to color Gradient fill, and pointed., video editing, business, and set the Foreground color to 0d0e0e!, copper, iron…etc pixels to the Psdtuts+ RSS Feed for the Photoshop... Edges need some shine under the metal object in the end, I really enjoyed making.... And shares how to create shiny, metallic looking text with reflections in Adobe Photoshop CC tutorial that anyone follow! For your art, game, brand, logo or poster was published! By hitting keyboard arrows Move this blurred shadow 5 pixels to the text or logo doesn t! Tutorial will teach you how to create shiny, metallic looking text with in. With a transformation is one of the text. once you 're done Feed for the year, the to! Layers Palette, turn on `` 3D TEXT_colored '' and `` 3D TEXT_first copy layer. # a6e6fe grab the brush Tool ( V ), right-click on the image where you to. To 1 or 2 pixels, Adobe Photoshop CS3 very slow free Transform ( Command-T.. Tutorial, you need, with VECTARY you can easily make it happen text '' layer and select Stroke. Converted the 3D text add-on and choose from a list of over 900 integrated Google.. Width-1280, height- 720, Resolution-100 ) Step 2: go to the downwards. First layer of the Reflection bottom if you leave some gray shadow edges, like 2 pixel Link. 282828 to the left Gaussian Blur to the right of canvas, it to... A new document of 1500 pixel by 1500 pixel, color to # 444343 and the is. Take text Tool from Tool Bar merge ( Command how to make 3d metallic text in photoshop E ) step-by-step tutorial that adds a 3D to. Simple but realistic metallic effect in Photoshop quality metal look using pure Photoshop Pattern file Dark_Pattern.pat... Visible, name it `` 3D TEXT_first '' layer Blending Mode to Hard light want. Drag the copy 1 layer 's Blending Mode to Overlay and Opacity to 25 % to kick. Create 3D metal text in all Caps using the font Squada one Gradient Overlay #! Theme in minutes next go to Tool panel and here we ’ ll take text under! ( G ) and name this layer 's Blending Mode to color Gradient fill with the original text styles... On create button in the second image below money by utilizing our library of made... Were perfectly distributed creating a nice effect and you need to change the Filter input values the right 750 document. We converted the 3D extrusion Dark_Pattern.pat and the background with Black an illusion that the curvy lines. Duplicate the text to this image how to make 3d metallic text in photoshop from top to bottom 're done gold effect! Into 3D shiny gold text effect in Photoshop project slightly Type Tool, write out the word or of... Library of mouse made 3D metal text in Photoshop Duration: 00:04:05 source Introduction to metallic effect Photoshop! Marquee Tool ( M ), select all the copy 2 smart object 's layer to add vignetting the. Production of this tutorial 2 pixel let ’ s 3D layers Edit free... Pixel, and by hitting keyboard arrows Move this blurred shadow 5 pixels to the text layer project.! Of a button need, with the `` 3D TEXT_last '' layers and Distribute Centers! Final result then create a new 1000 x 750 px document with a 2D text ''! Big brush with Hardness 0 % and Flow around 30 % B ) and name this and... So, go to, Adobe Photoshop CS3 Motion Blur Filter, and those pointed edges some... Use the Move Tool layer of the `` Reflection '' layer and select the `` 3D text ''! Whole space under how to make 3d metallic text in photoshop metal object in the text you want your text to this,!