How to Create an iPhone Mockup Vector

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a vector iPhone 12 template in Adobe Illustrator with various tools, such as 3D effects, Gradients, and Gradient Mesh! We will also be using the Pathfinder panel and playing around with some Transparency settings to get a sleek and realistic result.

Check out Envato Elements if you’d like to skip this tutorial and use similar, ready-to-go iPhone mockups in your work! Alternatively, head on over to Placeit to use mockups which don’t require any software and can be created in your browser with the iPhone mockup generator.

iPhone mockups available on Envato Elements.

What You’ll Learn in This iPhone Mockup Tutorial

  • How to apply 3D effects in Illustrator
  • How to use the Pathfinder panel
  • How to use Linear and Radial Gradients in Illustrator
  • How to apply a Gradient to Strokes
  • How to use Gradient Mesh in Illustrator

1. How to Draw the Frame

Step 1

Begin by creating a rounded rectangle with the Rounded Rectangle Tool. You can use my measurements below or choose your own!

  • Width: 258 px
  • Height: 530 px
  • Corner Radius: 40 px
iphone mockup vector

Step 2

Next, select the rectangle and continue to Effect > 3D > Extrude and Bevel. Select a Depth of 25 pt and these rotation angles:

  • -36°
  • 14°
  • Perspective: 40°

You can also play around with the angles to rotate the frame differently! After you’re happy with the result, select the element and go to Object > Expand Appearance.

iphone mockup

Step 3

Ungroup the object until you are able to individually select each part of the frame. Next, select the three elements that make up the left side, open the Pathfinder panel and click Unite, fusing them all into one path.

iphone mockup vector

Step 4

Use Object > Path > Simplify to “clean up” the path a little, inputting 100% for Curve Precision.

iphone mockup

Step 5

Use a Linear Gradient to emulate the metallic shine of the frame of our iPhone mockup. Use a -74° angle and these colors, aligned according to the screenshot below (in order from left to right):

  • #000000
  • #ADABAC
  • #FFFFFF
  • #CBCBCB
  • #D8D8D8
  • #D5D4D4
  • #ECECEC
  • #C7C6C6
  • #BAB9B9
  • #FAFAFA
  • #000000
iphone mockup

Step 6

Next, select the side we just colored and the “screen” of our iPhone mockup and drag both elements away. You can delete any of the leftover parts—we will not be using them in this tutorial.

iphone mockup vector

Step 7

Select the screen and color it black. Create a copy of it and remove the copy’s fill color, instead leaving it with a 3 pt wide Stroke. Apply this Linear Gradient to the Stroke:

  • #B7B5B6
  • #FAFAFA
  • #FAFAFA
  • #B7B5B6
iphone template

Step 8

Create a copy of the last element we made and change its Gradient, this time using these colors:

  • #FAFAFA
  • #FAFAFA
  • #B7B5B6
iphone mockup

Step 9

Change the last element’s Transparency Mode to Multiply.

iphone mockup vector

Step 10

Place both of the strokes back on top of our frame to complete the look!

iphone template

2. How to Create the Screen

Step 1

Let’s add a colorful screen to our iPhone mockup! Begin by drawing a rounded rectangle with the Rounded Rectangle Tool, just as we did in Step 1 of the previous section. This time, the size will be a bit smaller—use these measurements:

  • Width: 245 px
  • Height: 513 px
  • Corner Radius: 36 px
iphone mockup vector

Step 2

Add a much smaller rounded square with the same tool:

  • Width: 70 px
  • Height: 70 px
  • Corner Radius: 8 px
iphone template

Step 3

Place the square on the upper edge of the rectangle, as shown below. Next, select both elements and use Minus Front in the Pathfinder panel.

Fill the object with a placeholder color, like blue.

iphone mockup

Step 4

Let’s “rotate” our screen just like we did with the frame in the previous section, using Effect > 3D > Extrude and Bevel. Use these values with a 0 pt Depth:

  • -35°
  • 15°
  • Perspective: 42°
iphone mockup vector

Step 5

After using the 3D effect, go to Object > Expand Appearance, and then Ungroup the element until you can no longer see the option to do it.

Next, apply a Radial Gradient to change the color of the screen, using these colors:

  • #C9FFF2
  • #E2F3E4
  • #F3EBC0
  • #FFBFC6
iphone template

Step 6

Place the screen onto the iPhone template!

iphone mockup

Step 7

Let’s add a highlight to showcase the reflectiveness of the screen. Draw a rectangle with the Rectangle Tool (M) and fill it with a Linear Gradient just like the one shown below. Use #BEBFC2 for the gray and #EEEFF0 for the off-white color.

iphone template

Step 8

Create a copy of the black screen we’ve been using as a backdrop to our colorful one and place the highlight on top of it. Select both items and use the Intersect function in the Pathfinder panel.

iphone mockup vector

Step 9

Change the element’s Opacity to 40% and its Transparency mode to Screen, and then place it on top of our iPhone mockup vector.

iphone mockup

3. How to Add More Details

Step 1

Our iPhone mockup vector is almost done—we just need to add a couple more details, like the buttons, the receiver, and the camera.

Let’s begin with the buttons! Create a grey rounded rectangle, using the dimensions below:

  • Width: 7.5 px
  • Height: 23.5 px
  • Corner Radius: 36 px
iphone mockup vector

Step 2

Use Effect > 3D > Extrude and Bevel with these values and a 4 pt Depth:

  • 26°
  • 15°
  • Perspective: 42°
iphone mockup

Step 3

Next, Expand Appearance of the result. Ungroup the object until you can see all of the individual elements, and then select the parts that make up the right side of the button and use Unite in the Pathfinder panel.

iphone template

Step 4

Color the left side of the button with a black to white Linear Gradient.

iphone mockup vector

Step 5

Color the right side with a gradient that’s a little more complicated. Use these colors in order:

  • #494646
  • #9C9A9A
  • #D9D8D8
  • #494646
iphone mockup

Step 6

Use the Object > Transform > Scale function to create a slightly smaller button. Input a value of 70%, and click Copy.

iphone template

Step 7

Place the buttons on the side of the iPhone template, as shown below.

iphone mockup vector

Step 8

Create yet another rounded rectangle—this time for the receiver. Use the values below:

  • Width: 35 px
  • Height: 7 px
  • Corner Radius: 4 px
iphone mockup

Step 9

Rotate the rectangle with Effect > 3D > Extrude and Bevel, using a 0 pt Depth:

  • -25°
  • Perspective: 0°
iphone template

Step 10

Color the object with a Linear Gradient from black to white and lower its Opacity to 80%.

iphone mockup vector

Step 11

Create a 90 px by 90 px circle using the Ellipse Tool (L).

iphone mockup

Step 12

Use Effect > 3D > Extrude and Bevel for one last rotation with these settings:

  • -36°
  • 14°
  • Perspective: 40°

Expand Appearance of the object.

iphone template

Step 13

Using the Mesh Tool (U), try to recreate the Mesh Grid below, and then color the selected nodes with the corresponding colors:

  • #2A2A2A
  • #3A3A3A
  • #CFCFCF
  • #373737
  • #505050
iphone mockup vector

Step 14

Place both the receiver and the camera in the designated area on the iPhone mockup vector. Make sure the highlight still stays on top!

iphone mockup

Step 15

We’re missing just one thing: the shadow! Let’s create it with Gradient Mesh.

Begin with a white rectangle, and then reshape it with the Mesh Tool as shown below. Color the middle nodes with #939393, and then add some #DCDCDC nodes on the left side.

iphone template

Step 16

Change the object’s Transparency mode to Multiply.

iphone mockup vector

Step 17

Finally, place the shadow behind the iPhone template!

iphone mockup

Awesome Work, You’re Now Done!

Today we created a photo-realistic vector iPhone mockup in Adobe Illustrator. Hopefully, you learned something new about Adobe Illustrator’s functions and will be able to use those in your future work—but even if not, at least you’ve been left with a fully editable and scalable template you can use in your designs. Just swap out the colorful background for whatever you want!

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

What now? You can try any of my other tutorials from my profile, or check out these gorgeous templates on Envato Elements:

iPhone 12 Mockup (PSD)

iPhone 12 Mockup

This presentation contains five PSD files, providing you with 6k templates in all official colors! The mockup files are highly detailed and easily customizable due to the inclusion of the Smart Object feature.

iPhone 12 Pro Mockup (PSD, PDF)

iPhone 12 Pro Mock-up

This advanced, easy-to-edit pack of mockups contains everything you need for your project, and it looks great on both light and dark backgrounds.

iPhone 12 PSD Mockup (PSD)

Looking for landscape displays? Then this pack of high-resolution PSD mockups is perfect for you, offering multiple templates with well-organized layers.

iPhone 12 Pro Max Mockup (PSD)

Create an elegant presentation for your designs with this fully customizable collection of mockups. It includes smart-objects and masks, allowing you to easily showcase your own design.

iPhone 12 Mockup (Concept) (PSD)

Check out this concept iPhone template, which boasts an impressive resolution of 5k and includes a realistic, removable shadow!

Check out some other tutorials of mine!

{excerpt}
Read More

38 Best T-Shirt Tag Templates Using a Clothing Label Maker

Your clothing label design may not be the first thing you think of when you’re creating your clothing masterpieces, but eventually you’re going to need a label, and you’ll want it to be visually engaging and informative. 

Clothing Label Design
One of the awesome garment label templates available at Placeit

That’s where the clothing tag templates from Placeit come in. With these templates, you can create your own T-shirt labels and clothing label designs in no time. Let me show you how. 

How to Make Custom T-Shirt Tags Online

To create your own T-shirt labels or general clothing label designs, follow these simple steps.

1. Select a Garment Label Template

Select a Garment Label template
  • Review the templates on offer and select the one you like the most.
Select a Garment Label template

2. Select Your Background and Graphics

  • Start with the controls on the right and select a background colour and a frame colour you like.
 Select Your Background and Graphics
  • Next, select an icon from those on offer. If you don’t see anything you like, you can type a search term in the menu to find an icon with a specific theme. Here I’ve used “bird” as a search term.
  • Once you have your icon, select your icon colours. 
 Select Your Background and Graphics

You can add a Bottom Graphic if you like, but I’m going to select “No Image“.

 Select Your Background and Graphics

3. Customise Your Text

  • Now move to the controls on the left and add your text. 
  • You can also change the font style and colour if you like.
Customise Your Text

4. Experiment With the Layout

  • You can move around the elements in your template for a better layout.
  • If you don’t like your changes, click the Reset Layout button to return to the default layout.
Experiment With the Layout
  • With my example here, I went back to the controls on the right to change the background colour from white to a soft blue. 

5. Download Your Custom Label Design

  • When you are happy with your design, hit the Download button. This will take you to the download page, where you have two options for purchasing your design. 
Download Your Custom Label Design
  • You can either pay a single fee for your design or sign up for a monthly or yearly subscription that offers you unlimited downloads of all Placeit’s designs, mockups, logos, videos, and gaming templates.

38 Best T-Shirt Tag Templates

Now that you know how to make T-shirt tags and other clothing tags, let’s look at the best T-shirt tag templates available at Placeit.

Clothing Tag Template

Clothing Tag Template

Making your own clothing labels doesn’t have to be difficult. In fact, when you use Placeit’s clothing brand label maker, it’s super easy to create a wide variety of labels that fit your brand profile perfectly. 

Shirt Label Design Online 

Shirt Label Design Online

This is a great custom label for just about any type of clothing. It allows you to add your own logo, provides a great central space for your brand name, and then allows you to add critical information like size, where the garment is made, and more.

Minimalist Garment Label Template

Garment Label Template

Looking for a simple T-shirt design label? This is just what you need. Add your company name, clothing size, and any other necessary information. Then modify the colours to reflect your brand, and voila! Your shirt tag is ready to use. 

Shirt Label Design Online

Shirt Label Design Online

The Placeit shirt tag maker is perfect for those who don’t have the time or patience to learn complicated software. It takes a matter of minutes to customise your shirt label design online once you find a template you like.

Clothing Brand Label Maker

Clothing Brand Label Maker

How about this template? A great choice if you like the clean graphic look. Try inverting the text and background colour for black on white or get funky with colours of your choice. 

Clothing Label Design for Indie Brand

Clothing Label Design for Indie Brand

A rose by any other name… would still be beautiful and still be a great symbol for your garment label, but if roses aren’t your thing, upload your own logo or choose an icon from the range available with this template. 

Label Design Maker for Outdoor Clothing Brands

Label Design Maker for Outdoor Clothing Brands

Ain’t no mountain high enough to keep Placeit from delivering awesome clothing tag templates. Just take a look though the tons of designs on offer, and we’re sure you’ll find one that suits your taste. 

Clothing Brand Label Maker

Clothing Tag Template

How about this bold and attention-getting template? It’s great for T-shirts or any other clothing you have in mind. Just change the colour scheme to reflect your brand, add your logo and text, and your clothing tag is ready to rock ‘n’ roll. 

Bones Custom T-Shirt Labels

Bones Custom T-shirt Labels

These custom T-shirt labels have a number of cool skeleton icons for you to experiment with. Great for a Halloween T-shirt series or fun costumes. 

Fashion Shirt Label

Fashion Shirt Label

Fashion brands, this one is for you. Check out this gorgeous clothing tag template that’s perfect for all kinds of garments. Just add your own logo or select a stunning logo from those on offer. Then add your brand colours and text, and your label is good to go. 

Design T-Shirt Tag Template

T-shirt Tag Template

Athletic brands that want to distinguish themselves from the crowd can’t afford to add boring shirt tags to their sportswear. When you’re stuck and looking for just the right label, check out the selection at Placeit.

T-Shirt Label

T-shirt Label

Jazz up your clothing label design with this great tag. You can customise just about every aspect of the template. So why wait? Roll up your sleeves and get busy experimenting. 

T-Shirt Design Label

T-shirt Design Label

Simple does it every time. All you really need for a successful clothing tag are a few key elements. Use this clean and minimalist label to let your customiser know what they are getting and how to treat your garments for the best results. 

Shirt Tag Maker Template

Shirt Tag Template

This is a great label for those who like the clean, minimalist look, but don’t worry if you like a bit more going on—this is the perfect template to dress up or down as much or as little as you want. 

Shirt Label Design Online

Shirt Label Design Online

Here’s another eye-catching template for those with discerning taste. What’s great about this template is that you can keep the side bar designs for a more interesting look or you can remove them for a cleaner look. The choice is yours.

T-Shirt Tag Maker

Shirt Tag Maker

Clothing labels are composed of just a few elements, but everything depends on how those elements are put together. So make sure you use a template like this one found at Placeit to make your labels shine and stand out in their own right. 

Create Your Own T-Shirt Label

Create Your own T-shirt Label

One of the great things about Placeit labels is that they come in all shapes and sizes. This one, for example, is somewhat bigger than most labels shown here. It’s great for when you want to give your customer a bit more information so they can make a more informed purchasing decision. 

Garment Label Template

Garment Label Template

If you’re just a small brand and you’re only just starting out, you probably don’t have the money or time to develop your own logo or brand identity. Placeit can help with that. Every label comes with a selection of icons that you can browse until you find one that you would like to use for your collection. 

Custom T-Shirt Label

T-shirt Tag

Apart from a gorgeous selection of icons, every label gives you the opportunity to experiment with the colour picker to find colours that appeal to you and would represent the essence of your brand well. So don’t be afraid to spend a little time experimenting with the label maker to get the look that’s right for you. It may save you both time and money down the road.

Inside Shirt Tag Maker

Shirt Tag

This is the perfect inside clothing label for luxury brands. It’s simple and bold, and you can easily make this label your own by changing the colours and adding your own text. 

Clothing Brand Label Maker

Clothing Brand Label Maker

Here’s another great choice for modern brands. Simple and bold with clean graphics and lines: what’s not to love?

Clothing Label Design

Clothing Label Design

This is the template I used in my customisation example. As you can see from the example below, what I came up with in the end was significantly different from what I started with.

Clothing Label Design

That’s the beauty of the clothing brand label maker. No two labels need look alike. 

Custom T-Shirt Labels

Custom T-shirt Labels

Get cheeky with this monkey business clothing label template. Choose your colours, add your text, and your job is done. 

Clothing Tag Template

Shirt Label

No matter what colour text you choose, this is a clothing tag template that’s designed to call attention to the brand. Try your text with it to see if it’s right for you. 

Clothing Brand Label Maker

Clothing Brand Label Maker

It’s always great to have a bit of room on a tag for tips like how to wash and dry the garment. I much prefer seeing it here than having to fish around at the bottom of seams to uncover instructions on what I can and cannot do with the garment. 

T-Shirt Label

T-shirt Label

A fun T-shirt design label for… you guessed it, T-shirts! The handwritten text keeps things light and informal, but you can adapt this tag for other types of garments by changing the text. 

Custom T-Shirt Label Design Template

Custom T-shirt Label Design Template

If you’re into the vintage, distressed look, you’ll love this template. It offers loads of cool icons, and you can use the colour picker to add the exact colours that correspond to your brand. 

T-Shirt Tag Template

T-shirt Tag Template

This bold, attention-getting garment label template is an excellent choice for clean, minimalist, modern clothes. If you want to keep things even more simple, you can ditch the icon, but on the other hand you may want to use your logo in its place to reinforce your brand in the customer’s mind. 

Garment Label Template

Garment Label Template

Who says clothing labels all have to be black or white? It feels as though someone dictated that years ago and no one wants to break the rule, but standing apart from the crowd has everything to do with breaking rules, especially the ones that don’t matter. 

Clothing Brand Label Maker

Clothing Brand Label Maker

Apparel brands will love this versatile custom label. Dress it up or down according to your brand. Customisation is quick and easy with the Placeit shirt tag maker.

Clothing Tag Template

Clothing Brand Label Maker

Punk style clothes should have a bit of an edgy feel, and that’s exactly what you’ll get with this skull-themed clothing label design. Give it a spin.

T-Shirt Design Label

T-shirt Design Label

Kids’ apparel deserves its own category, and here it is, with loads of fun icons and fonts that keep things light and playful. 

Shirt Tag Template

Shirt Tag Template

Adding a lion to anything creates a royal feeling… or is that just in my head? Either way, if you have a distinguished garment line, this may be just the clothing label for you. 

T-Shirt Design Label

T-shirt Design Label

Be as colourful as you want to be when you customise your garment label template. Of course, that’s not mandatory, but having fun with the no-fuss label maker is. 

T-Shirt Tag Template

T-shirt Tag Template

This clothing tag template is everything thunder and lighting should be: exciting and attention-getting. It’s also easy to customise when you use the clothing tag maker. 

Create Your Own T-Shirt Label

Create Your own T-shirt Label

Placeit takes all the head scratching out of how to make custom T-shirt tags, while giving you full control over the final outcome of your design. Don’t believe me—try one of the FREE garment label templates on offer at Placeit and have a go.

Urban Outdoor Clothing Label Design Maker

Urban Outdoor Clothing Label Design Maker

The distressed look shows no signs of abating, so if it fits your brand, take advantage of this template and create an unforgettable clothing label. 

Make Your Own Clothing Label Design Today

Now that you know how to make custom T-shirt tags online, why not use one of Placeit’s wonderful garment label templates to make your very own garment or T-shirt label?

And if you’re interested in other designs and cool mockups, check out these handy roundups of the best resources in different categories:

{excerpt}
Read More

Free weekly short stories via email

Hello again. I hope you’re keeping safe and well. Here in Scotland we’ve just entered our second lockdown, and I’ve never been more grateful for the distractions of writing and reading.

During the past year, I’ve published three volumes of flash fiction: ultra-short tales of 1,000 words or so, to entertain but also to take the reader’s mind away from real life’s strange concerns during these times. Today, I’m announcing a bold (and completely free) new venture.

I plan to write and send out a brief tale via email once per week, to anyone who wants to receive it. New tales arrive on Mondays, and the first will go out later this month. There’s no cost, of course. This is just my way of reaching out to readers, and hopefully helping begin each week with at least a few minutes of entertainment.

If you’d like to receive the weekly stories, please sign up here!

There’s no catch, and you can unsubscribe at any time. You can also read more about the Once Upon A Time series of short stories so far, which includes three ebooks and a paperback anthology.

I hope you’ll choose to subscribe to these free brief stories. I can’t wait to send them to you.

Take care, thank you for reading, and best wishes from Edinburgh.

40 Most Popular Fonts of 2020

As a designer, it can be hard to find just the right font for your project, but there’s one surefire way to cut through all the noise to find the best fonts out there. 

Evoque : vintage serif font family
One of the popular fonts you can find at Envato Elements

Using the power of consumer choices, we’ve identified the 40 most popular fonts of 2020 at Envato Elements. So whether you’re looking for decorative fonts or cursive fonts, serif or sans serif, you’ll find just what you’re looking for here.

If you’re interested in the most popular fonts of 2019, check out the article below.

Unlimited Premium Fonts From Envato Elements

Envato Elements offers the best selection of high-quality fonts to help you create outstanding projects. And one of the things that makes Elements hard to beat is that you can download as many as you want, as often as you want, for one flat monthly fee. 

One low monthly fee = unlimited access to the best fonts available on the internet today. What’s more, that monthly fee also allows you to access thousands of premium digital assets like logos, graphic templates, mockups, photos, business card templates, and much more.

Let’s take a look at some of the most popular fonts for 2020 at Envato Elements.

10 Most Popular Serif Fonts of 2020

Courteous – Ligature Serif Font (TTF, OTF, WOFF)

Courteous - Ligature Serif Font

You have to admit, this is elegance personified. Courteous is a semi-condensed serif font with straight and consistent shapes in every letter. Add the available ligatures where you want to create your own unique look. An excellent font for branding, logos, signage, and posters.

Qualey – Elegant Serif Font (TTF, OTF)

Qualey - Elegant Serif Font

Qualey is a modern serif font that features relatively high stroke contrast. It offers uppercase Latin characters, standard ligatures, numbers, punctuation, and various foreign language characters and accents.

Orlande – Luxury Serif Font (TTF, OTF, WOFF)

Orlande - Luxury Serif Font

This gorgeous serif font uses the language of stencil fonts to create a distinctive font that has been quite popular in 2020. An excellent font for branding projects, logos, titles, signage, etc.

Palash – Serif Font (TTF, OTF)

Palash - Serif Font

Palash is a great display font for those times when you need to create distinct posters, signage, logos, and more. The font features both upper- and lower-case Latin characters.

ATHENA – Serif Font (TTF, OTF)

ATHENA - Serif Font

When you want to make a bold statement, Athena is the font for you. This modern serif font is offered in uppercase characters only but does come in three styles: bold, italic, and semi-bold.

Westlake-Serif Font (TTF, OTF, WOFF)

Westlake-Serif Font

Westlake is another terrific serif font that’s a great choice for branding, logos, signage, and more. The font includes upper and lowercase characters, standard ligatures, swashes, punctuation, and numbers. 

Themagic Serif Font (TTF, OTF, WOFF)

Themagic Serif Font

Looking for a traditional serif font with a bit of a quirky edge? Then Themagic may just be what you are looking for. This wonderful serif font includes upper and lowercase characters, numbers and punctuation, multilingual characters and accents, and over 60 ligatures and alternatives. Not bad, eh?

Magnita Serif Font (TTF, OTF)

Magnita Serif Font

When you need a font that says luxury, choose Magnita, a serif font that includes both upper and lowercase characters and works best for large-scale projects like posters and signage.

Evoque : Vintage Serif Font Family (TTF, OTF, WOFF, SVG)

Evoque : Vintage Serif Font Family

Evoque is a bold and beautiful uppercase serif font. It’s perfect for magazine titles, signage, branding projects, and more.

Bristain Rought Serif Font (TTF, OTF)

Bristain Rought Serif Font

If you’re looking for fonts with a bit of texture, you’ll love this serif font. Bristain Rought font includes upper and lowercase characters, foreign language characters and accents, numbers, and punctuation. It’s a great choice for posters, apparel, badges, labels, emblems, etc.

10 Most Popular Sans Serif Fonts of 2020

Bastomi Sans Serif Font (TTF, OTF, WOFF)

Bastomi Sans Serif Font

Continuing the theme of textured fonts but this time with a sans serif font, Bastomi offers uppercase characters in a vintage style that’s perfect for T-shirts, signage, labels, stationery, and more.

Albori Sans-Serif (TTF, OTF, WOFF)

Albori Sans-Serif

Looking for something clean and contemporary? Albori is for you. Albori is a sans serif font with thin lines, smooth curves, and round corners. It offers both uppercase and lowercase characters that can be used in a wide range of projects.  

Apolline | Sans Serif Font (TTF, OTF, WOFF)

Apolline | Sans Serif Font

From thin to thick, Apolline offers a different approach to Albori above, with thick lines and sharp edges. Apolline is a great display font for those times when you need to go big, like advertisements, magazine titles, signage, posters, and more.

Etna Sans Serif (TTF, OTF)

Etna Sans Serif

This sans serif font offers a whopping 415 glyphs for greater versatility. An excellent display font for billboards, signage, branding, and more.

Nordams Sans Serif (TTF, OTF)

Nordams Sans Serif

Looking for a font family that offers tons of versatility? Then NORDAMS may be just what you need. The font is available in several styles, from thin to bold, and is great for all sorts of purposes from fine print to headlines.

Roku – Modern Sans Serif (TTF, OTF)

Roku - Modern Sans Serif

With its fusion of geometry and optical balance, Roku is everything a modern sans serif font should be: striking, unique, and clear. Roku offers uppercase Latin characters only, as well as numbers, punctuation, and standard ligatures.

HEROES Sans Serif (TTF, OTF, WOFF)

HEROES Sans Serif

If you’re going to call a font Heroes, then it has to look the part. Luckily for this condensed sans serif font, it does. Elegant and modern with a unique style, Heroes is perfect for branding, logos, cover text, signage, and more.

Porcelain Sans Serif (TTF, OTF, WOFF)

Porcelain Sans Serif

Here’s another condensed sans serif font with a subtle dip-pen texture that creates a personal hand-lettered feel. Porcelain offers upper and lowercase characters, numbers, and punctuation, as well as foreign-language characters and accents and tons of other glyphs and ligatures. 

Avantgarde Sans Serif Font (TTF, OTF, WOFF)

Avantgarde Sans Serif Font

It’s not hard to see why Avantgarde has been so popular in 2020. The beautiful sans serif font is the perfect choice for titles and headlines as well as other projects when a distinct display font is needed. It comes with both upper and lowercase characters, numbers, punctuation, and foreign-language characters, and it’s offered in three weights. 

Sprout – Sans Serif (TTF, OTF, WOFF)

Sprout - Sans Serif

Condensed sans serif fonts have been very popular in 2020, and thin condensed sans serifs are at the top of the pack. This font is delicate enough for invitations, wedding albums, and stationery, but robust enough for headlines, titles, and posters.

10 Most Popular Script and Handwritten Fonts of 2020

Astriany – Script Font (TTF, OTF, WOFF)

Astriany - Script Font

Astriany is a beautiful handwritten font that can be used for signatures, stationery, or wherever an elegant handwritten font is needed. The script contains both uppercase and lowercase Latin characters, numbers, punctuation, and several ligatures and alternates. 

Figuerola – Script Font (TTF, OTF, WOFF)

Figuerola - Script Font

Check out this incredibly thin script font. An excellent choice for projects that require a handwritten touch, especially if your own handwriting isn’t up to scratch.

Northrow – Handwriting Font (TTF, OTF, WOFF)

Northrow - Handwriting Font

Northrow is as elegant as script fonts can get. A great choice for personal branding, signatures, and more, Northrow includes upper and lowercase characters, numbers, punctuation, and multilingual characters, as well as 94 ligatures and 13 swashes.

Qalistha Script Font (TTF, OTF, WOFF)

Qalistha YP Script Font

Qalistha Script Font is an elegant and very legible script that can be used in a wide variety of projects. It includes an upper and lowercase alphabet, numbers, punctuation, multilingual support, swashes, alternate styles, and ligatures. 

Righton – Script & Serif Font Duo (TTF, OTF)

Righton - Script & Serif Font Duo

Righton contains two fonts—a script and a serif—that work perfectly together. The set contains upper and lower case, punctuation, symbols, numerals, stylistic set alternates, ligatures, and more. 

Amarylli Modern Script Font (TTF, OTF)

Amarylli YH - Modern Script Font

Go with the flow when you use Amarylli Modern Script Font. The font is perfect for creating personal logos, wedding stationery, and fashion apparel branding. Have fun adding swashes and ligatures to your characters to create your own unique look.

Wolington Script Sans Font (TTF, OTF, WOFF)

Wolington Script Sans Font

Wolington Modern Font is an elegant script font that would be great for wedding invitations, fashion logos, badges, and much more.

Birdside Script Font (TTF, OTF)

Birdside YH - Wedding Script Font

Birdside Script Font is a stunning font that mimics natural handwriting and would work well for personal branding, wedding stationery and invitations, apparel, logo design, etc. The set includes beautiful swashes and ligatures to make your text pop.

Fabienne Handwriting Font (TTF, OTF, WOFF)

Fabienne Font

Fabienne Handwriting Font is a sophisticated signature-style font with strong, straight lines. The font offers both upper and lowercase characters, numbers, punctuation, glyphs, and ligatures.

Simplemind YH – Modern Handwriting Font (TTF, OTF)

Simplemind YH - Modern Handwriting Font

There is nothing simpleminded about Simplemind Script Font. Quite the contrary, this modern handwritten font is wonderfully stylish and perfect for personal branding projects and more.

10 Most Popular Decorative Fonts of 2020

Vanberg Blackletter Font (TTF, OTF)

Vanberg Blackletter Font

Vanberg Blackletter Font is an incredible Gothic font. Use it on many cool projects, from clothing merchandise to vintage posters and books!

Amira Beauty (TTF, OTF, WOFF)

Amira Beauty

How fabulous is this font? According to its designer, Amira is inspired by a flower that grows only in the highlands in Indonesia. Use this beautiful font sparingly and for important projects that require a WOW font. 

Oliva Serif Font Trio (TTF, OTF)

Oliva Serif Font Trio

This is another decorative font with plenty of wow factor. Modern and unique, the font offers enough swashes and ligatures for you to really make it your own.

Griskay Decorative Font (TTF, OTF)

Griskay

Griskay Decorative Font is a fancy serif font that’s perfect for branding, package design, posters, signage, and all those other projects when you need a strong, stand-out font. It includes upper and lowercase characters, numbers and punctuation, multilingual characters, and accents.

Belle Story – Decorative Font Family (TTF, OTF, WOFF)

Belle Story - Beauty Serif Family

Here’s another darling of a font to make you swoon. The high-contrast display font consists of two styles: display and regular. Each offers ten weights, from thin to heavy. That’s a lot of options for you to create something really special.

Moody Blue Typeface (TTF, OTF, WOFF)

Moody Blue Typeface

Inspired by vintage art, Moody Blue is one of those fonts that commands attention. Whether your project calls for the romantic or scary or plain old fun, this is such a versatile font that it will reflect the mood perfectly.

Moalang Pro + Ornaments (TTF, OTF, WOFF)

Moalang Pro + Ornaments

An Art Deco influenced font, Moalang Pro is an excellent font for signage, titles, posters, T-shirts, and more. It includes upper and lowercase characters, numbers and punctuation, multilingual characters and accents, as well as plenty of alternates and ligatures. 

Rockstar- Vintage Decorative Typeface (TTF, OTF, WOFF)

Rockstar- Vintage Decorative Typeface

Rockstar indeed! A great choice for banner ads, events, greeting cards, posters, postcards, branding, and more. It includes upper and lowercase characters, numbers and punctuation, and multilingual characters and accents.

Revij Anovik – Decorative Serif Font (TTF, OTF, WOFF)

Revij Anovik - Decorative Serif Font

This decorative serif font includes upper and lowercase characters, numbers and punctuation, multilingual characters and accents, and plenty of stylistic alternates for you to have some serious fun creating a look that’s uniquely yours.

Carter Decorative Typeface (TTF, OTF)

Carter Typeface

Decorative fonts need to have tons of extra elements that other fonts don’t have, so that you can create a masterpiece. Well, that’s exactly what Carters offers. It offers 300 unique glyphs, swatches, contextual alternates, stylistic sets, ligatures, and more. The sky’s the limit with this font. 

Select Your Favourite Font Today 

We hope you’ve enjoyed our roundup of the 40 most popular fonts available at Envato Elements. We know you have probably found some irresistible choices among this list, so head over to Envato Elements today to download your favourites. Don’t forget: for one low monthly fee, you can download as many fonts as you want, as often as you want.

And if you’re looking for other cool fonts in different categories for your next project, check out these great articles, which break fonts down by style.

{excerpt}
Read More