For making 3D textual content, Affinity Designer won’t be your first alternative, however it’s positively attainable, and this tutorial will educate you learn how to do it. The tip consequence might be editable, so it is a good bonus.
If you do not have time to be taught learn how to make 3D textual content in Affinity Designer, you may all the time attempt Envato Parts, the place you may get limitless downloads of fonts, graphics, pictures, actions, and far more, which can be prepared for use in your tasks.
What You may Study in This Tutorial
- How one can make 3D textual content in Affinity Designer
- How one can make editable 3D textual content utilizing the Symbols panel
- How one can use Layer Results
How one can Make 3D Textual content in Affinity Designer
Step 1
In Affinity Designer 3D textual content is feasible. Let me present you the way.
Open a brand new doc of about 1500 x 900 px, 72 DPI, and RGB Coloration mode. Now, seize the Inventive Kind Instrument (T) and write “COLORE” in your artboard utilizing the Krophed Font, with a measurement of 202 pt. Within the Character panel (View > Studio > Character), improve the Vertical Scale to 110% so as to make the textual content slightly taller.
Open the Symbols panel by going to View > Studio > Symbols. Whereas the textual content stays chosen, click on on Create to show it into an emblem. This Affinity 3D textual content relies on symbols.
Step 2
Within the Layers panel, right-click on the present Image layer and select Duplicate from the menu. This can create a duplicate above. Now, zoom in as much as 1000% on the nook of one of many letters and transfer the highest Image layer slightly to the appropriate and downwards. Make it possible for Allow Snapping shouldn’t be checked within the Toolbar on the high of the doc.
Step 3
Proceed to duplicate the Image layers and all the time transfer the highest one to the appropriate and downwards. Alternatively, you may press the shortcut Management-J, and Designer will do that routinely for you.
Step 4
Hold duplicating and shifting the Image layers however cease earlier than the letters contact one another. I’ve 25 layers in whole.
Now we’ve one thing that appears like a 3D impact, proper?
Step 5
Scroll all the way down to the underside of the Layers panel, open the final Image layer within the record, and choose the COLORE textual content. Earlier than you do something, you should go to the Symbols panel and take away the synchronization. The Sync is off when the button is grey. Now, click on on Layer Results on the backside of the Layers panel to open the whole Layer Results window. Test Coloration Overlay and set the colour to vibrant inexperienced.
- Mix mode: Regular
- Opacity: 100%
Step 6
When you’re executed with the Coloration Overlay impact, return to the Symbols panel and put the synchronization again on. The Sync is on when the button is black.
Subsequent, transfer this Image layer from the again of the record as much as the entrance by going to Layer > Organize > Transfer to Entrance (Management-Shift-]), and it is possible for you to to see the inexperienced textual content.
If every little thing was executed appropriately to date, the 3D textual content is editable. You may change the textual content and the font too.
Step 7
Choose the Image layer proper underneath the inexperienced layer and transfer it to the underside of the Layers panel by dragging it manually or by going to Layer > Organize > Transfer to Again (Management-Shift-[). Open the Symbol layer, select the COLORE text, and then remove the Sync in the Symbols panel. Open the Layer Effects window and check the Gaussian Blur effect. Apply a Radius of 5 px and hit Close. Once you’re done, don’t forget to turn Sync back on in the Symbols panel.
This action will create a light shadow under the Affinity 3D text.
Step 8
Locate the shadow layer created in the previous step in the Layers panel, right-click on it, and choose Duplicate from the menu. Let’s work with the copy at the bottom. Remove the Sync in the Symbols panel, and then open the Layer Effects window and increase the Radius to 10 px. Move the layer a little to the right and downwards to offset it. Also, reduce the Opacity of this layer to 60% if needed. When all the changes are done, put Sync back on in the Symbols panel so that the 3D text can still be edited.
Step 9
Let’s get organized. Put the two shadow layers at the bottom of the Layers panel in a group and name it shadows. Now, select all the layers in between the shadows and the top green layer, and before you do anything, remove the Sync in the Symbols panel. Click on Layer Effects at the bottom of the Layers panel to open the entire window; then check the Gradient Overlay effect. Choose a purple-to-pink gradient to give this 3D text a cool Y2K look.
- Blend mode: Normal
- Opacity: 100%
- Type: Linear
- Angle: 90 degrees
Once done, hit Close, and then put Sync back on in the Symbols panel.
Let’s check if the Affinity Designer 3D text is still editable.
Step 10
To add a highlight to the text, select the “COLORE” text under the top green Symbol layer and first, remove the Sync in the Symbols panel. Open the Layer Effects window, check the Bevel/Emboss effect, and apply the settings shown below. Hit Close and then put the Sync back on in the Symbols panel.
Step 11
Let’s also add an outline. Keep the same “COLORE” text selected, remove the Sync, and then open the Layer Effects window. Check the Outline effect and apply the settings shown below. Once done, hit Close and then put the Sync back on in the Symbols panel.
This is the final 3D text:
Congratulations! You’re Done!
Now you know how to make 3D text in Affinity Designer. The text is editable as long as you remember to remove the sync before you apply, change settings, or make any type of edits, and remember to put the Sync back on after you’re done. This is the trick. Feel free to make it your own by changing the font, editing the text, or using any other color palette that you fancy.
You can find a lot of sources of inspiration and resources ready to be used at Envato Elements, from fonts to graphics, photos, actions, and so much more. They will surely help you to improve your work.
Background used: Futuristic Purple Gradient Backgrounds.
Want to Learn More About Affinity Designer?
Did you like this tutorial on how to make Affinity Designer 3D text? We have loads of tutorials on Envato Tuts+ that teach many other useful techniques. Here’s a list of tutorials specially made for you. Take a look!
