The Art of Typography | Learn the Art of Text Transforming

in #techclub16 days ago

Hello Everyone, I hope all members will be fine and doing great and everything your life. Today I am going to take participate in the steemit learning club Season 23 Week 4 by @mohammadfaisal, @kafio, @alejos7ven . Today, l will share with again interesting tutorial with all of you. In this post we will learn about 3D Typography design from Canva. So let's start,


1000005499.png

Designed by me


Typography plays a important role in graphics design. When we are creating a simple post, a banner, or a social media graphic like YouTube thumbnail. Typography is understanding how to use fonts, and how add images on font, and layout can transform our designs.

Step 1: Open your browser or download the app from play store. First Sign in to Canva, If you don’t have an account on canva, sign up for free at Canva.


1000005693.jpg

1000005685.jpg


After sign in Canva platform, you look this type of interface that shown in upper given pictures.

Step 2: Create a New Design, Choose the any template size like if you want to design logo you can select logo size. I given pictures you can see that I choose YouTube thumbnail template size.


1000005705.jpg

1000005706.jpg


After selecting your template size, you can see this type of interface that shown in upper given picture

Step 3: In this step, Tap the "Apps" button that is highlighted in given screenshot. This button will open a range of many features and tools where you can choose according to your design.

In this section, we want to type "TyperCraft" in search bar, that you can see in given screenshot.


1000005735.jpg

1000005731.jpg


After tap on TyperCraft, you can see this type of interface that shown in upper given picture

Step 4: In this step, we need to open this feature. After this type steemit at the place TyperCraft. After this we want to edit our word shape, we can edit it according to our design that we want to design.


1000005738.jpg

1000005737.jpg


Step 5: In next we just click on element button, this button also provide us many free feature and graphics and shapes etc. we just select rectangle shape and change its position and sent it to steemit word back side. You can see in upper given pictures.


1000005739.jpg

1000005740.jpg


Step 6: In this step, we need to download this picture in PNG format because it provide best result.

After download the image we just need to go Remove.bg website to remove its background, because Canva offer paid background remover features but for free we must need to go this website, that you can see in upper given pictures.


1000005741.jpg

1000005742.jpg


Step 7: In this step, we need to insert new page with same format YouTube thumbnail, and upload that we downloaded from remove.bg that you can see in upper given picture. In next step we add a image for word steemit.


1000005869.jpg

1000005870.jpg


Step 8: In this step, we need to cut or crop the extra image from our word size and design it properly back the word and then we need to change background color of page and change it into font body color that you can see in upper given pictures.

1000005902.jpg

1000005901.jpg


Step 9: Now, in this step we need to again download picture in PNG format and need to go again remove.bg website for again remove the background of font, in upper given pictures you can see that, I have download and remove the background of text.


1000005906.jpg

1000005907.jpg


Step 10: In this step, we need to copy or duplicate the text for three to four time and arrange all duplicates on each other by nudge button we can easily move the font for 3D Typography effect, by this we can easily design text.


1000005465.png

3D Steemit Typography


1000005914.jpg

1000005912.jpg


In this step, we can edit this design by using element features. By using features we can enhance, organize, and make designs our design more attractive and engaging. These features provide us the tools we need to add, shapes, graphics. Now I will show you final look my typography art.


1000005499.png

Designed by Me


1000000359.png

Now this is the end of my post hope you really like my tutorial and thanks reading and reviewing. At the end of my post I would like to invite @faran-nabeel ,@sualeha and @mun-eeb to take participate.

Best Regards,
Abdul Sameer

Sort:  

My Feedback for 3D Typography Design from Canva ,Thank you @sameer07 your efforts.

Good Things in Project

You use TyperCraft tool in Canva well
The palm tree image inside text looks nice
You make good 3D effect with shadow layers

Tips to Make Project Better:

Background is bit busy with many colors and objects
Airplane and birds maybe not connect well with Steemit theme
Text shadow could be more smooth for better 3D look
City buildings on right side take attention away from main text

For next time:

Try more simple background with less colors
Make shadow darker for stronger 3D effect
Choose images inside text that match the word meaning better
Maybe add small text explaining what Steemit is

Your steps in tutorial are clear but maybe add more details about how to move shadow layers exactly. Overall this is good tutorial for 3D text design

Thank you so much sir @kafio for your valuable feedback! I really appreciate your suggestions. I will definitely work on simplifying the background and improving the shadow effects for a stronger 3D look. I'll also keep in mind to choose more relevant images for the text and add more detailed steps for shadow layering. Your input is really helpful. Thanks again!