页面载入中...

Photoshop制作惊艳大气的3D立体字

xingphotoshop, 2018-02-130
 Photoshop制作惊艳大气的3D立体字来源: Tutsplus.com  作者:Rose先看看效果图Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网What You'll Be CreatingThis tutorial will show you how to create and style a mixer brush tip, and adjust its settings to stroke a work path and create a simple 3D text effect. Let's get started!1. How to Create Background and Text LayersStep 1Create a new 1250 x 2000 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and set the Color Fill to #040214.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Add the Blue circle background image on top of the Solid Color layer, rename its layer to BG Texture, change its Opacity to 35%, and resize it as needed.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3Create a reference text using any script font you like. The font used here is Nickainley, and the Size is set to 350 pt.If you have more than one line of text, make sure to change the Leading value to one you like. Here, it is set to 550 pt.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网2. How to Create and Style a Mixer Brush TipStep 1Pick the Ellipse Tool, make sure that the Shape option in the Options bar is active, and click anywhere inside the document to get the Create Ellipse box.Set the Width and Height values to 50 px, and click OK.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Double-click the Ellipse layer to apply the following layer style:Step 2Add a Gradient Overlay with these settings:Check the Dither boxStyle: RadialAngle: 0Scale: 150%Check the Reverse box if needed.Click the Gradient box to create the gradient using the Colors #35378e to the left, #b62789 in the center, and #f15332 to the left.You can use any other colors you like for the gradient to get different outcomes.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3We need to move the gradient to the top of the ellipse. To do so, click-drag the gradient fill inside the ellipse.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 4Add a Bevel and Emboss with these settings:Size: 25Uncheck the Use Global Light boxAngle: 158Altitude: 32Gloss Contour: Cove - DeepCheck the Anti-aliased boxHighlight Mode: Vivid LightOpacity: 65%Shadow Mode: Color BurnColor: #7a7a7aOpacity: 25%Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 5Add a Contour with these settings:Contour: Cone - InvertedCheck the Anti-aliased box.Range: 100%Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网This will create the styled tip that we will use for the Mixer Brush Tool later.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 6Since the styled shape needs to be rasterized to be used for the Mixer Brush, you can duplicate its layer first to keep a copy, hide it, and right-click the copy to choose Rasterize Layer Style.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网3. How to Create a Text Work PathStep 1Pick the Pen Tool and choose the Path option in the Options bar.Click to add anchor points, and click-drag to create curves.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2While you're creating the path, you can press-hold the Command key to temporarily select and adjust the anchor points and their direction lines and points.Another way to do that would be by using the Direct Selection Tool (A) instead.When you finish creating a letter's work path, Command-click anywhere outside it.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3In the Paths panel, double-click the Work Path tab and enter a name for your path to save it.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 4It is better to separate the paths where needed, so that you can edit them easily after stroking them.Make sure to align the paths so that they fall nicely on top of each other where they are supposed to overlap.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网4. How to Adjust the Mixer Brush Tool's SettingsStep 1Pick the Mixer Brush Tool (click and hold the standard Brush Tool to reveal it), and use these settings in the Options bar:Click the Load the brush after each stroke icon.Click the Clean the brush after each stroke icon.Choose the Dry, Heavy Load preset from the Useful mixer brush combinations list.Wet: 0%Load: 100%Flow: 100%Stroke Smoothing: 100%Uncheck the Sample All Layers box.Once you adjust the settings, change the tip's Size to 10 px more than the styled ellipse's Size, so here the brush tip's Size is set to 60 px.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Select the styled ellipse's layer, place the cursor in the center of the styled ellipse, press-hold the Optionkey, and click to load the ellipse into the brush tip.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网5. How to Stroke a Work Path Using the Mixer Brush ToolStep 1Hide the original text layer and create a new layer on top of it.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Pick the Path Selection Tool, click outside all paths to make sure none of them are selected, and then click the first letter's path you want to stroke.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3Hit the Return key to stroke the path, create a new layer, select the next path, and stroke it on the new layer.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 4Continue selecting the paths and stroking them on separate layers until you're done with the first word.Place all the word's layers in a group to keep things organized.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 5Finish stroking all the words you have to start adjusting the final effect.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网6. How to Get Rid of Unwanted Path EndsStep 1For some letters, the path ends might not be necessary, such as the O letters.To fix that, you need to change the path's starting and end points, either by recreating the path or by flipping it.To flip a path, use the Path Selection Tool to select it, and press Command-T to enter the Free Transform Mode.Right-click the bounding box and choose Flip Horizontal, and right-click it again to choose Flip Vertical.Hit the Return key to commit the changes.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Create a new layer on top of the original stroked path layer, and stroke the transformed path.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3Then, pick the Eraser Tool, and erase the end of the new stroked path.You can temporarily hide any layers on top of the one you're working on to see things clearly.If the flipping method doesn't create a result you like, you can recreate the original path but with different starting and end points.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 4Repeat the steps to fix any other path ends you don't like.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网7. How to Reverse a Path's DirectionStep 1If you want to completely reverse an open path, pick the Pen Tool, and click the starting point of the path.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Then, click the end point of the path to close it.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 3Pick the Direct Selection Tool, click outside the path to unselect it, and click the segment that you created to close the original path (the one between the starting and end points).Hit Delete to get rid of the selected segment. This will reverse the path's direction.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 4Now use the Path Selection Tool to select the inverted path, and stroke it on a new layer.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网8. How to Smooth the Final OutcomeStep 1Select all the text groups you have, duplicate them, press Command-E to merge the copies, and hide the original ones.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Step 2Go to Filter > Stylize > Diffuse, and set the Mode to Anisotropic to get a smoother result.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网AdvertisementStep 3Add any extra dots or accents manually where needed, and make sure to do so on new layers so that you can transform them if you like, and then apply the Diffuse filter separately to them.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网Congratulations! You're DoneIn this tutorial, we created a simple background and a reference text layer. Then, we created an ellipse and styled it to create a mixer brush's tip. After that, we created a text work path and stroked the letters to create the text effect. Finally, we used a filter to smooth the final outcome.Please feel free to leave your comments, suggestions, and outcomes below.Photoshop制作惊艳大气的3D立体字,PS教程,素材中国网 

分享:
设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描 相应二维码打赏设计原,赏金将全部用于网站建设 微信