Quantcast
Channel: Envato Tuts+ Design & Illustration
Viewing all 6352 articles
Browse latest View live

What Is a Monogram? Types, Designs, and Ideas

$
0
0

What is a monogram? In this article, we'll cover your questions on monograms, looking at what they are and how they're used, and then we'll check out a great list of fonts to use for your next project. 

Monograms are a powerful tool in modern brand design. In this article, we’ll cover the history of monograms and look at different monogram styles and how to use them. At the end, you can find some great monogram font options to get you started on your next project. We’ve also compiled some awesome monogram designs from Elements. 

But what is a monogram? A monogram is a motif made up of two or more letters to form one symbol. Monograms have long been used by companies as recognizable logos and as symbols for a country's reigning sovereign. The purpose is to distill a brand, person, or even a country into a graphic that best represents them.

If you're a beginner designer and are looking for some monogram ideas to get inspired, be sure to check out Envato Elements and GraphicRiver. There are lots of great monogram styles to inspire you. 

The History of Monograms

In history, monograms were used as a royal signature. The first recorded monogram appeared on coins and dates back to 350 BC. Greek cities issued monogrammed coins with the first two letters of the city’s name. Monograms have also been used as Christian symbols. The Chi Rho monogram is formed of the first two letters of the Greek word for Christ and was used as part of military standards. In the Middle Ages, artists and craftsmen used monograms to sign their artwork. In the Victorian period, high-class society would use monograms as a symbol of their status. 

Monograms have also been used as symbols of resistance. In Poland, during the war, the PW for Polska Walcząca (Fighting Poland) was used, also known as ‘the Anchor’ because of the characteristic shape. 

Monograms started out as a practical mode of identification that evolved into a brand design tool for companies. A few examples of contemporary monograms are the famous LV logo for Louis Vuitton, created to prevent the production of fake designer luggage. Coco Chanel has the interlocked 'C's logo, which is a symbol of high-class elegance. 

Modern monograms

How Do Monograms Work?

Monogram letters have always been in style but became more notable in the Victorian era. Monograms decorated many items, especially amongst the wealthy and growing middle class. For monograms to be successful, we don't only need the company initials. We need to make sure the style of the monogram also conveys the brand's ideals properly. Monogram designs have had many different uses across our history, and we can classify the types of monograms as:

  • Crown: Royals around the world have been known to adopt the tradition of an official monogram. These are applied to clothing and royal seals. 
  • Brand: Brands with a longer name might choose to use only their initials as monograms. A combination of two or three letters is normal, and the style must reflect the overall feel of the brand.
  • Personal: Monograms are also very popular at weddings—they can be applied to invitations, cakes, and clothing. Wedding monograms are a great symbol of a union. Embroidered goods with the child’s initials are traditional as a baby’s birth present.
Types of monograms

How to Write a Monogram

There's a wide range of monogram styles and initials order to choose from. There isn't a specific rule to follow when it comes to branding and monogramming, but as long as it makes sense and comes across as a cohesive brand, you are set for success. 

So how do initials go on a monogram? As a rule of thumb, the monogram initials order for personal use goes as follows:

  • Soon-to-be or married couples: The monogram contains the bride's first initial, the couple's last name, and the groom's first initial. For the names Andrea and Mark Baker, the monogram would be ABM.
  • Monogramming women: The monogram should include her first, middle, and last name initials. For instance, for Andrea Marie Jones, the monogram would be AJM. Traditionally, a woman's maiden initials can be used, even after marriage. For instance, if Andrea married Mark Baker, the monogram would be ABJ.
  • Monogramming for men: Some people prefer to use a slightly different order: the first, middle, and last name initials. For Mark Thomas Smith, the monogram would be MTS. It's also possible to use the last name in the second position, so the monogram would be MST. 
  • Monogramming for children: The same rule is followed for children. The order is first, last, and middle name initials. For instance, for Andrea Elizabeth Fischer, the monogram would be AFE.

Monogram Illustrated Banner (AI, EPS)

This three-letter monogram logo is a perfect example of the monogram initials rules. The file is fully editable for you to include your own initials, and this one is perfect for a wedding or for a brand name made of three letter initials. Don't forget to follow the monogram letter order suggested above!

Monogram Illustrated Banner
Monogram Illustrated Banner

Monogram Arrangements and Styles

There are many types of monogram arrangements and monogram styles. When it comes to styles, make sure that you're following your brand vision if the monogram is for a brand. That way, you can translate the essence of the company into a successful monogram design. As a rule of thumb, follow the same concept as display fonts. Use the style that best works with the purpose of the project.

When it comes to monogram arrangements, there are many types. The most popular monogram arrangements are:

  • The initial style monogram is just a one-letter monogram where only the initial of the company or name is used. This single-letter monogram can also have decorative flourishes, depending on the style you'd like to achieve. 
  • The block style is popular for three-letter monograms. This style has all the letters the same height and width. 
  • The traditional style is popular for three-letter monograms and is used mostly for names. The initials on the sides are the first and middle name initials, while the middle letter represents the last name. Both initials on the sides are slightly smaller to emphasize the last name.
  • The stacked style works best for three-letter monograms. The first and middle name initials are stacked on top of the other and placed on the left side. The last name is placed on the right side, and the height should match the first two. 
  • The interlocking monogram style is mainly used with fonts that have flourishes. That way, these elements touch each other. 
  • The circle monogram style works great for two-letter monograms and three-letter monograms. The characters are inside a circle, or they can be shaped to take the form of a circle. 
  • The diamond monogram style works the same way as the circle monogram. The characters can fit within a diamond shape or can take the shape of a diamond. 
  • The split-letter monogram consists of a small space overlapping the initial character. This space can contain the complete word of what the initial stands for. 
Monogram Arrangements and Styles

How to Make a Monogram

Use the company/brand name, or if you are designing monograms for personal use, make sure you remember the monogram definition. Use two or more letters as the base of your design. Then, you can get creative as to how you want the letters to merge or interlock. There isn't a wrong or right way to do it—just make sure that it makes sense and aligns with your brand's ideals. 

The best software for designing monograms would be Adobe Illustrator as it allows you to deconstruct, merge, cut, and interlock letters. So if you're wondering how to do a monogram, make sure you use software that lets you work with vectors and allows you to cut characters. 

In the Victorian era, the use of monograms went through a boom. People were using them on every piece of clothing and personal object. If you're wondering how to monogram for personal use, embroidery or stamping are your best options. 

Monogram Assets

Check out this list of monogram examples and assets for you to get inspired by! Using the information above, decide the number of initials you have and the type of arrangement you want to create. Don't forget to take a look at the monogram rules above to get started on your own design. 

URH Monogram Logo (EPS, AI, PSD)

Looking for a circle monogram? This design is perfect for brands that contain three-letter names. The slab serifs on the monogram logo give it a rustic style that's perfect for a brand based on handcrafted and handmade products. This is a great monogram example, and if you are planning on starting your own, make sure to check out the monogram meaning at the beginning of this article to create a successful design. 

URH Monogram Logo
URH Monogram Logo

AW Vintage Monogram Logo (AI, EPS)

Pay homage to vintage Americana with this two-letter monogram. This logo features an interlocking design, and it's fully editable with its AI and EPS format. Incorporate it into your next sports-themed project!

AW Vintage Monogram Logo
AW Vintage Monogram Logo

20 Monogram & Crest Logos (AI, PSD, EPS)

Check out this logo pack full of crests and different types of monograms. You can find anything from cursive monograms to elements that can inspire you to make monogram patterns. The set is fully editable, and you can modify anything from the size to the colours. 

20 Monogram  Crest Logos
20 Monogram & Crest Logos

Tender Feeling - Monogram/Fonts (EPS, JPG, PNG)

Check out this dainty and elegant cursive monogram, perfect for wedding invitations. This hand-drawn monogram initials font features gorgeous, delicate flowers, and the set includes 14 pre-made logos. The flowered monogram initials font include uppercase, lowercase, and ampersand. With this font, you can create multiple monogram formats, so you don't have to stick to the traditional circle or stacked—it's time to get out of the box!

Tender Feeling - Monogramfonts
Tender Feeling Monogram/Fonts

Monogram C - 2 Letter Monogram (AI, EPS, PSD, JPEG)

Looking for a themed split-letter monogram logo? This blackletter style capital is highly ornamented and perfect for any of your vintage and gothic-themed projects. This monogram is also great to use in editorial projects as a powerful drop cap. 

Monogram C - 2 letter monogram
Monogram C - 2 letter monogram

Monogram World Serif

This monogram serif font contains 600+ monogram combinations. Each letter was designed to be combined as two-letter monograms. The uppercase and lowercase have slightly different attributes so that they fit together. Bonus points for the ten high-resolution textures that go hand in hand with the monogram style. This is the perfect interlocking monogram font if you're looking to combine several letters. Or you could design a stacked monogram—since the letters have different heights, it would make for a great contrast!

Monogram World Serif
Monogram World Serif

Love Story Monogram Font (TTF, OTF, WOFF)

Design a super stylish wedding invitation with this romantic style monogram font. The unique flourishes add a nice airiness and natural feel to the monogram font. The set contains TTF, OTF, and WOFF files, and all the characters are in AI and EPS format. The swirls on the characters are perfect as a circle monogram font.

Love Story Monogram Font
Love Story Monogram Font

Fine Future - Monogram Initials

Design a luxury brand with this amazing logo featuring monogram initials. This modern and sophisticated logo comes as a vector and is easy to edit. Develop the brand further by creating a monogram pattern for the ultimate feeling of opulence. 

Fine Future - Monogram Initials
Fine Future - Monogram Initials

WAW Monogram Font

If you are looking for something highly customizable, this script monogram font features many options for swirls. Each font file includes swirls on different sides of the characters, as well as a fancy version if you choose to go all out! Make sure to check out the monogram definition and the rule of thumb to design your own successful monogram!

WAW Monogram Font
WAW Monogram Font

AV/VA Monogram Logo

Create a strong brand with this two-letter monogram logo. This striking design works perfectly for a restaurant brand. You can use whichever combination you need and complement it with your choice of font underneath to extend the brand. 

AVVA Monogram Logo
AV/VA Monogram Logo

Conclusion

In this article, we've covered your questions on the meaning of monograms, how to do a monogram, and lots of insightful information. We talked about the different monogram initials order for men, women, and children. We also added an amazing list of assets to help you get inspired to start your own monogram design. 

If you're looking for monogram fonts to use for your next project, be sure to check out Envato Elements and GraphicRiver. There are tons of options there to help you make your own monogram. 


How to Make a Tear-Off Flyer Template in Affinity Publisher (Free Flyer File to Download)

$
0
0
Final product image
What You'll Be Creating

In this Affinity Publisher tutorial, you’ll learn how to create a tear-off flyer template. This flyer is quick and easy to create, and you can easily adapt it with your own choice of images and fonts. You'll learn how to create a cool flyer with tear-off tabs—a bonus free tear-off flyer template is also included.

This flyer template is for a US Letter-sized flyer with tear-off tabs, perfect for advertising business services or local events in your neighborhood. You’ll pick up tips on how to create a catchy flyer, using impactful colours, graphics, and photos to create a compelling tear-off flyer. 

final tear off flyer

This tear-off flyer tutorial comes complete with a downloadable free tear-off flyer template for both Adobe InDesign and Affinity Publisher, allowing you to quickly create your own flyer with tear-off tabs. 

Follow the steps below to get to grips with Affinity Publisher, pick up key print design skills, and learn how to make a good flyer from scratch. 

Follow along with this Affinity Publisher tutorial over on our Envato Tuts+ YouTube channel:

What You’ll Learn in This Affinity Publisher Flyer Tutorial

  • How to make a blank tear-off flyer template and good flyer design, complete with stylish typography and colours.
  • How to create layers and colour swatches and then format text for your tear-off flyer in Affinity Publisher.
  • How to create a flyer template with tear-off tabs, set up to a standard US Letter format.
  • How to make a flyer template with an adaptable layout that can be customised with your own images and fonts.

Looking for more Affinity Publisher templates and blank tear-off flyer templates? Don’t miss the wide selection of flyer templates on Envato Elements

What You’ll Need to Create Your Tear-Off Flyer Template

Let's get started with how to make a tear-off flyer in Affinity Publisher. In this tutorial, we’ll be using Affinity Publisher to create our tear-off flyer template, and we'll dip into Affinity Photo to edit the photo to place into the Affinity Publisher template. If you’re an InDesign user, you can download the InDesign flyer template

As well as access to Publisher, you’ll also need to download the following fonts and images from Envato Elements to recreate the tear-off flyer design pictured here:

1. How to Set Up Your Blank Tear-Off Flyer Template in Affinity Publisher

Step 1

Open Publisher, and go to File > New. 

Select Print from the options along the top of the window. Set the Page width to 11 in and Page height to 8.5 in. Deselect Facing Pages under the Pages section.

new document

Step 2

From the Margins options, set a margin width of 0.5 in for all sides of the page except the Bottom, which you can set to 2.75 in. Add a Bleed width of 0.25 in. 

Then click Create

bleed and margins

Step 3

Double-click on Page 1 in the Pages panel to go to the main page of your document.

Go to the Layers panel (View > Studio > Layers), click on the Add Layer button at the bottom-right of the panel, and rename Layer 1 as Background

Click on the Add Layer button again. Name this second layer Text Behind. Repeat to create two more layers: Images and Text in Front. 

Select all the layers except Background and lock them by clicking the padlock icon at top-right. 

background layer

Step 4

Go to the Swatches panel (View > Studio > Swatches) and choose Add Global Colour from the drop-down menu at top-right. 

global colour

Name the swatch Off-White and set the levels below to C=3 M=1 Y=4 K=0. Then click Add

off white colour

Repeat to create five more swatches:

  • Dark Yellow: C=4 M=44 Y=90 K=0
  • Medium Yellow: C=0 M=35 Y=81 K=0
  • Pale Yellow: C=0 M=28 Y=72 K=0
  • Purple: C=76 M=78 Y=0 K=0
  • Dark Purple: C=92 M=100 Y=7 K=2
global colour

2. How to Add Colour and Text to Your Tear-Off Flyer Template

Step 1

Working on the Background layer, select the Rectangle Tool (M) from the Tools panel and drag across the whole of the page, extending the edges up to the bleed. 

From the Swatches panel, set the Fill Colour to Medium Yellow. 

medium yellow swatch

Step 2

Lock the Background layer and unlock the layer above, Text Behind. 

Select the Frame Text Tool (T) and drag across the left side of the page to create a small text frame.

Type in the description text (e.g. "Ellie’s Friendly / Dog Walking / Service"), and from the Character and Paragraph panels (View > Studio > Character), set the Font to Lumber, All Caps, and Align Center. 

Set the Font Colour to Off-White and Dark Purple. 

font colour purple

You can add more text below the heading (such as "30% Off / Your First Walk / With the Code Below"), set in Lumber, All Caps, Align Center, and an Off-White Font Colour. 

lumber text

Step 3

Switch to the Pen Tool (P) and, holding Shift, click twice to create a straight vertical line below the bottom text frame. 

From the Swatches panel, set the Stroke Colour to Off-White.

From the Stroke panel (View > Studio > Stroke), set the Width of the line to 2.5 pt. From the End drop-down menu, choose Simple to apply an arrowhead to the stroke. 

pen tool

To the right of the End arrow option, increase the percentage to 225% to enlarge the arrowhead. 

arrow head

Step 4

Open up the set of EPS animal icons in a vector program, such as Affinity Designer or Adobe Illustrator, and identify the paw icon. You can either use this as an outlined icon, or fill the paw with solid colour, as I’ve done here. In the vector program, Edit > Copy the paw icon. 

Back in Publisher, and still working on the Text Behind layer, Edit > Paste the icon onto the page. Adjust the colour to Pale Yellow, and position it towards the top right of the layout. 

large paw icon

Paste more paw icons, grouping them across the page to create a trail effect, setting the colour of some to Pale Yellow and others to Dark Yellow, to contrast against the background. 

paw icons
paws pasted

Step 5

Switch to the Pen Tool (P) and use this to draw a loose, wavy line across the top-left corner of the page. To create curves, hold the mouse down while you click. You can tidy up the curve afterwards by using the Node Tool (A) to select individual anchor points.

Make sure the line has no colour, from the Swatches panel. 

pen tool

Choose the Artistic Text Tool (T) from the Tools panel. Hover over the far left edge of the line and click to transform the line into a text path. 

Type in introductory text (e.g. "did someone say..."). Highlight the text and set the Font to Southern, with an Off-White Font Colour. 

off white swatch

Step 6

Select the Frame Text Tool (T) and create a larger text frame below the curved line, for a main title (e.g. "Walkies"). Rotate the frame slightly anti-clockwise. 

frame text tool

Set the Font to Southern and the Font Colour to Dark Purple. You can make the text appear jauntier by highlighting individual letters and adjusting the Baseline value from the Positioning and Transform options in the Character panel. 

baseline shift

For this design, I’ve also added a question mark in a separate text frame. 

text frame

3. How to Remove the Background From a Photo in Affinity Photo

Step 1

Before we can use the photo we’ve chosen for our tear-off flyer design, we’ll need to remove the background. 

Open the photo in Affinity Photo, before duplicating and switching off the visibility of the Background layer. 

Go to Select > Select Sampled Colour, and click on the white background.

select sampled colour

In the Select Sampled Colour window, adjust the Tolerance slider until all of the background colour is selected. Then click Apply

tolerance slider

Step 2

Delete the selection to remove the background, before saving the file as an afphoto file. 

save as file

Step 3

Back in Affinity Publisher, use the Picture Frame Rectangle Tool (F) to create an image frame on the Images layer, towards the right side of the page, above the bottom margin. 

image frame

File > Place, choosing the edited photo and opening it. Double-click inside the frame to select the image and scale it if needed. 

placed image

4. How to Add a Tear-Off Section to Your Flyer Template

Step 1

Working on the Images layer, use the Rectangle Tool (M) to create a shape across the bottom margin area. 

Set the Fill Colour to Dark Purple. 

dark purple

Step 2

Use guides pulled out from the left-hand ruler (View > Show Rulers) to divide the page into sections. You can divide the width of the page (8.5 in) into as many sections as you want—these will form the tear-off parts of your flyer. 

purple rectangle

Step 3

Use the Pen Tool (P) to create a vertical line over the first guide, setting the Stroke Colour to Medium Yellow. 

medium yellow

From the Stroke panel, set the Style to Dash Line Style and the Width to 2.5 pt, and adjust the Dash options at the bottom of the panel to adjust the look of the dashed line. 

dash line style

Copy and Paste the line, moving each over a guide, to create a row of tear-off tabs. 

pasted lines

Step 4

Use the Frame Text Tool (T) to create a text frame for the details on the tear-off tab, such as contact details. 

Set the Font to Lumber, and vary the Font Colour between Off-White and Pale Yellow. 

font lumber

On the text frame, Right-Click > Transform > Rotate Left, and position the text frame centrally on the first tab. 

rotate left
rotated text

Copy and Paste the text frame, positioning each pasted frame in its own tab. 

tear off tabs

5. How to Export Your Tear-Off Flyer for Print

Step 1

When you’ve finished working on your flyer, it’s time to export your artwork as a PDF, ready for sending to print. 

completed artwork

Make sure to File > Save your work, before going to File > Export. 

In the window that opens, choose PDF from the icon options at the top, and select PDF (press ready) from the Preset menu. 

Make sure the Raster DPI is set to 300 and that the Include Bleed box is checked.

Then click Export

export pdf

Step 2

Name your file, select a folder to save it into, and then hit Save

save file

You can now send the exported PDF straight off to the printers!

Conclusion: Your Finished Tear-Off Flyer Template

Your tear-off flyer template with tear-off tabs is finished—great job! 

finl tear off flyer

In this tutorial, you’ve picked up a wide range of skills and techniques for how to make a good flyer and how to create a tear-off flyer in Affinity Publisher, from setting up a blank tear-off flyer template to creating colour swatches, placing images, and formatting typography to create a stylish and contemporary tear-off flyer design. 

If you want to compare your tear-off flyer design with my own, make sure to download the completed Affinity Publisher template. The same tear-off flyer design is also available as an InDesign flyer template.

It’s quick and easy to customise your tear-off flyer design further by swapping in different colour swatches, fonts, and images, to create a completely unique tear-off flyer of your own. 

Looking for more Affinity Publisher templates and InDesign flyer templates? Discover more flyer templates for tri-fold brochures, tear-off flyers and more over on Envato Elements

Eager to develop your flyer design skills further? Don’t miss these Affinity Publisher and Affinity Photo flyer and print design tutorials:


25+ Best Free Hand-Lettering Style Fonts (Designs for 2020)

$
0
0

Need a hand-lettering font for your next project? Check out the list of stunning resources below!

26 Best Free Hand-Lettering Fonts 

Hand lettering is a beautiful art for anyone interested in calligraphic letterforms. Artists painstakingly create each letter by hand while breaking down the characters using creative techniques.

Beckman Demons Signature Sign Lettering Font

Now you can incorporate wonderful hand-lettering designs into your work with the help of amazing fonts! Today, we're bringing you an awesome selection of hand-picked goodies in the form of free hand-lettering fonts from around the web.

Use lettering fonts to design a beautiful handwritten letter for a friend. Or set the tone for your wedding stationery with a lovely handmade script. Add these incredible font packs to your design arsenal!

Premium Handwritten Fonts

But first, discover a few new favorites with this premium collection of hand-lettering styles from Envato Elements, our library of creative digital assets that let you design without limits. 

With a monthly subscription to Envato Elements, you get unlimited access and downloads to everything the site has to offer. That means unlimited downloads of hand-lettering fonts, WordPress templates, stock videos, and more—without paying for each item. It's an unbeatable offer for artists, entrepreneurs, and creatives.

Design Without Limits Unlimited Digital Assets Envato Elements
Access graphics, lettering fonts, photos, and everything in between with your Envato Elements subscription.

Premium lettering fonts from Envato Elements give you peace of mind as well. You won't have to worry about the quality of your chosen font or whether it's cleared for commercial use. The easy-to-understand licenses of all of the hand-lettering fonts make taking advantage of unlimited downloads a snap.

Let's take a look at some of the best lettering fonts Envato Elements has to offer!

Hard Stones Family (OTF, TTF)

Rock the creative world with a modern take on a retro style. The Hard Stones family of hand-lettering fonts includes a set of sans serifs, display, and script. Whether you're a graphic designer or just a creative with great taste, you'll love this brilliant modern style. Get it today!

Hard Stones Family Lettering Fonts

Pathout Script (OTF, TTF)

Everyone has their own unique signature, and you can showcase yours with the Pathout Script. This connected hand-lettered font has many varied characters that you can get creative with. It's a great alternative to free fonts. Use it as your official signature or try it out on packaging and logos!

Pathout Script Lettering Design

Bold Ink Simple Font (TTF, EOT)

Hand-painting letters is a brilliant art form that will never die out. And the Bold Ink Simple font is a perfect example of this gorgeous art. This sign lettering font has characters that effortlessly flow into each other, while maintaining their bold lettering design. Try it out!

Bold Ink Hand Lettered Font

Whimsy Lettering Design (OTF, TTF)

If you like hand-lettering styles that keep things light, you could use a touch of Whimsy. This fantastical hand-lettered font makes a mark on displays, T-shirts, posters, and much more. Play around with different colors and combinations to make it truly yours. 

Whimsy Lettering Design

Paladise Font & Extras (OTF, TTF)

The Paladise font has a natural, stylish flow that's minimal and effortless. Take advantage of the bonus vectors for alternate lettering styles. This font can also be used for logos, titles, and invites. If you like fun lettering fonts, design with Paladise.

Paladise Sign Lettering Font

Yahiko Playful Handwritten Font (OTF, TTF, WOFF)

Yahiko is one of the great lettering fonts available online today. The lettering design of this stunning handmade font pays homage to Japanese design. It's a great look for social media, restaurant advertisements, invitations, and more!

Yahiko Playful Handwritten Font

Salada - Funny Style Font (OTF, TTF)

Be as quirky or grungy as you'd like with the Salada lettering fonts. A handwritten typeface that stands on its own, this font features eight different lettering styles so that you can get the most out of your creativity.

Salada Hand Lettering Styles

Beckman Demons - Signature Font (OTF, TTF, WOFF)

Beckman Demons is a devilishly good hand-lettered font. It takes its inspiration from the world of photography. Enjoy a full set of characters that complement high-quality photos well. If you're a photographer making business cards or a creative working with images, Beckman Demons is one of the best lettering fonts for you!

Beckman Demons Signature Sign Lettering Font

Amithen Brush Font (OTF, TTF, EOT, WOFF, WOFF2)

Embody a contemporary look with the Amithen Brush Font, one of the top hand-lettering styles on Envato Elements. A great font for social media graphics and more, Amithen has a special look that feels both modern and rustic. Try it out on your favorite quote today!

Amithen Brush Sign Lettering Font

Leah Gaviota Hand Lettered Font (OTF, TTF, WOFF)

Add a casual look to your brand with the fun Leah Gaviota font. This hand-lettered typeface features a mixture of script, bold, and sans-serif types for a complete artisan set. Also included is a bonus pack of 100 cute illustrations to use in your designs!

Leah Gaviota Hand Lettered Font

Buffalo Handwritten Font (OTF)

Our next font is a handwritten typeface that's sleek and multipurpose. Buffalo is one of the minimal hand-lettering styles in our asset library. Add it to your social media packages for stand-out images, or save it to your collection for a rainy day. Use it in a variety of design software, from Photoshop to Illustrator and more.

Buffalo Handwritten Font

Gineva Script Font (OTF, TTF, AI, EPS)

Calligraphy-styled fonts usually incorporate bold, thick letters that are achieved with dynamic pens. The Gineva script is one of our favorite lettering fonts for design. It's the perfect addition to any headline, logotype, or poster project. Enjoy a full set of letters, punctuation, and symbols in this premium download!

Gineva Script Font

Amstenia Typeface (OTF, TTF)

One of the best features of hand-lettered fonts is the casual brush style often used. The Amstenia typeface masters that look with hand-drawn characters created at a slight angle. Update your store sign with this handwritten type or feature it on your blog for a new look!

Amstenia Typeface

Knuckle Sandwich Handwritten Font (TTF, WOFF, WOFF2)

Next up is this hard-hitting brush font named Knuckle Sandwich. It features a rough, quick dry style that will perfectly pair with any grunge or vintage-related project. It'd be hard to say it's not one of the best lettering fonts with edgy and unique design. You'll definitely want to feature it as a title or logo. Give it a try!

Knuckle Sandwich Handwritten Font

Free Hand-Lettering Fonts

Now for the freebies! It can be hard to find quality fonts for free, but we've done the hard work for you. Enjoy this marvelous collection of authentic, handwritten fonts from all over the web. Which of these free lettering fonts do you love?

Sophia – Free Handlettered Brush Script Font

Many free hand-drawn fonts come with cool bonuses to add more style to your work. Check out the stunning Sophia brush script, for instance. It features a sweet hand-lettered font which allows you to create your own decorated word with fun ornaments. Customize your typography for posters, invites, and more.

Sophia Free Hand Lettering Fonts

Passengers Script Font

The next of the free lettering fonts is the gorgeous Passengers Script, originally from Pathero Studio. Amaze your clients and friends with a lovely, hand-lettered font featuring extra cool bonuses. Get access to additional swashes and decorations to beautify your next project!

 Passengers Font Free Lettering

Luna Font

You'll make any design pop with Luna, one of the great fonts for free. A handwritten style that's simple yet classy, Luna is perfect for logos, stationery, or website headers. Try it out for your brand identity package for an incredible result! It's a great option for users of free hand-drawn fonts.

Luna Best Free Fonts

Cattalonia Signature Font

Next up on our free fonts list is Cattalonia, a gorgeous signature font with over 100 stunning ligatures. Made with a balance of flirty letters and exquisite script details, this font is free for personal and commercial use. Instantly beautify stationery and logos with the Cattalonia Signature font.

Cattalonia Signature Font

Pink Script Font

Beautiful handwritten scripts can drastically improve your work. Take this pretty Pink Script font, for instance. It's one of the best free fonts you can download. Pink Script is one of many lettering fonts with design that looks as natural as possible. This font is both elegant and charming. It comes with over 100 ligatures as well as a full set of lowercase alternates.

Pink Script Font

Madelyn Font

Not happy with your own handwriting? Then try the wonderful Madelyn handwritten script. Written with a calligraphy pen, this casual script is flirty yet soft, making it an amazing signature script to add to your collection. Test it out on products or blog projects! You can't go wrong with Madelyn if you like fonts for free.

Madelyn Font

Marigold Font

Want a modern calligraphy font that's easy to use? Then feast your eyes on the stunning Marigold font with fluid script details and an elegant flow. Created to resemble the handwriting of the designer who created it, this font features an authentic hand-lettered script that's pretty and charming. Marigold is one of the great hand-lettering fonts that are free.

Marigold Font

Tuesday Night Font

Planning a new graphic design project soon? Then be sure to add the free lettering of this lovely Tuesday Night font to your collection. This signature font features rough script details with fascinating letters and numbers. Use it for headlines, logos, and covers. Fonts for free don't come much better.

Tuesday Night Font

Odachi Brush Font

Odachi is a custom, rough brush font perfect for illustrations and posters. It's one of the free fonts we've found for personal and commercial use. This download includes a full set of letters and numbers, as well as stylistic alternates to make your work pop. Try it out with different colors and effects!

Odachi Brush Font

Macbeth Font

Get authentic handwritten details in each letter with the brilliant Macbeth font. It features a full set of letters and numbers with aggressively written details to give your work powerful energy. Add the free lettering of Macbeth to your project. Works well on posters, albums, and more.

Macbeth Free Font

Cabana Font

Want a handwritten typeface with clean letters? Then check out this modern free font, Cabana. Made by designer Adrien Coquet, this free font download features everything you need to take your work to new levels. And it's great for all designers and creatives alike!

Cabana Free Font

Tahu Script Font

Pair your master photography with a phenomenal font like the Tahu Script. A modern typeface developed by Khurasan, this free font download instantly adds a clean, stylish feel to any project. Also included in this pack are multilingual characters for additional support. Tahu is great if you're looking for hand-lettering fonts for free.

Tahu Script Font

Cheesy Enchilada Font

Cheesy Enchilada is right up your alley if you like free hand-lettering fonts with a side of fun. It's easy to use and includes the full alphabet character set. Add a fun title to your next poster with Cheesy Enchilada!

Cheesy Enchilada Free Font

Westfalia Font

Push your design boundaries with this next font, Westfalia. A bold, hand-lettered font created by Rambler Creative, this free font download features authentic hand-drawn characters with varying thickness. Apply it to apparel and more for a rustic look!

Westfalia Font

Marker Mark Handwritten Font

Design your life around extraordinary projects with this next handwritten typeface. This Marker Mark font features realistic handwritten letters created with a standard marker. It's another one of the hand-lettering fonts for free that's licensed for personal and commercial use. Marker Mark comes ready to go with clean, professional details.

Marker Mark Handwritten Font

Smoothie Shoppe Font

Looking for a head start to your smoothie business? Then try out the Smoothie Shoppe font from Emily Spadoni. Smoothie Shoppe is another of the free fonts that use fun lettering styles. Created with large loopy characters and lovely brush details, this font has that creative chalkboard look! Great for menus and more!

Smoothie Shoppe Font

Sprite Graffiti Font

Graffiti will always be the calligraphy of the streets. Now you can incorporate that cool street style into your work with the epic Sprite Graffiti font. This free lettering features a unique urban look that pairs well with almost any color scheme. Try it out on T-shirts, banners, and more! It's one of the best lettering fonts that embraces the graffiti style.

Sprite Graffiti Font

Mazak Font

Need inspiration ASAP? Then try out this compelling brush font, Mazak. A free font download created by designer Ewelina Gąska, this font features thick letters on a flat baseline. Use it on apparel and packaging for an updated look!

Mazak Font

3Dumb Font

Remember the days of doodling in your notebook? Well, the 3Dumb font from Tension Type is just what you need for a solid hand-lettered font. This free font download comes with two impressive styles for subtle and 3D effects. What will you try it on?

3Dumb Fonts For Free

Cabron Font

Get a little messy with your next typography project with one of the great free hand-drawn fonts. This cool Cabron Font will help you do just the trick with its awesome messy letters and imperfect characters. Download it today to take advantage of the full set of letters, numbers, and punctuation included in this pack.

Cabron Font

October Twilight Font

The autumn season is the perfect time to try out your creative talents. So check out the October Twilight font. It's one of the best free fonts for making awesome Halloween party posters and more. Try this awesome script style with a bouncy baseline for more fun. Enjoy a full set of letters, numbers, and symbols in this pack!

October Twilight Font

Ocean Six Brush Font

Inspired by traditional media? This next brush font features realistic brush textures inspired by acrylic painting. Ocean Six is one of the inspiring free lettering fonts available. Recreate your favorite vintage postcards and themes with authentic textural details inspired by different eras. Give it a try today and let us know how you like it!

Ocean Six Brush Font

Rockstar Brush Font Set

Love typographic illustrations? Get inspired by your favorite artists to create something new with the cool Rockstar brush font. This set includes a handmade brush font along with helpful extras for Photoshop. Enjoy a pack of watercolor illustrations and Photoshop brushes also included in this set. Rockstar is one of the more creative hand-lettering fonts for free.

Rockstar Brush Font Set

Europa Brush Font

Textured fonts can add mystery, horror, suspense, or drama to your work. Take this fascinating Europa brush font, for instance. It features chunky, bold letters with messy edges similar to paint strokes. It's a cool style not found in many other free hand-drawn fonts. Create compelling quotes and more with this fun font.

Europa Brush Font

UStroke Typeface

What would you make with the epic UStroke typeface from designer Tikhon Reztcov? A free hand-lettering font perfect for grunge effects and more, this font is simple to use and download. Included in this pack is everything you need to make dope graphics fast.

UStroke Typeface Free Lettering Fonts

Besom - Free Brush Font

Our last hand-lettered font comes from the amazing designers at RIT Creative. Made specifically to upgrade your personal projects with a little handwritten flair, Besom is one of the best free fonts and a must-have download. Use it on posters, T-shirts, or packaging for a cool look!

Besom - Free Brush Font

Conclusion

I hope this collection has inspired you to dive into your next creative project! Whether you choose one of the premium or free fonts listed, you can still have fun with your creations. Try these hand-lettering fonts for logotypes, stationery and more, and let us know your favorites in the comments below!

Want more fonts? Check out these amazing collections:

This has been a selection of resources perfect for the avid designer. Check out more amazing hand-lettering fonts on Envato Elements.

How to Create a Newsletter Template (Tutorials & Resources)

$
0
0

Here's a comprehensive article dedicated to everything newsletter design. Let's take a deep dive!

In this article, we’ll go through everything related to newsletter design. We'll look at different types of newsletters, the software to use, useful tips for creating templates for a newsletter, and many newsletter examples. We've gathered newsletter articles from all across Envato Tuts+, so pay attention to the articles along with some free newsletter template downloads! 

If you are new to InDesign and need weekly newsletter templates or simple newsletter templates that are ready to use, don't forget to head over to Envato Elements and GraphicRiver. We’ve got many newsletter examples for you to get inspired by! 

What Is a Newsletter?

A newsletter is a great way to regularly communicate and engage with your audience. You can deliver valuable information about products and services, news updates from your company, and useful content for readers. Newsletter templates are essential if you are planning on regularly sending updates to your customers. Having a template that already aligns with your brand voice and style will make it easier to quickly update the information. 

There are two ways of delivering newsletters:

Print Newsletters

Print newsletter templates are physical pieces of typically letter-size paper that can be mailed to customers. For many of us print geeks, we love a well-printed piece, and the advantage here is the choice between all the different paper types, weights, and finishes. 

While it’s not as cost-effective as an email newsletter template, it’s nice to have something tangible that customers can interact with. A printed newsletter can also tell your customers they are worth the investment, and that will distinguish your company from your competitors. 

38 Best InDesign Newsletter Templates (New for 2020)

This article compiles an amazing list of some of the best newsletter templates editable in InDesign. Whether you need a school newsletter template or simply want to get inspired by some newsletter design ideas, this article is worth checking out!

38 Best InDesign Newsletter Templates New for 2020
38 Best InDesign Newsletter Templates (New for 2020)

Email Newsletters

If you have an email account—which you most likely do—then you have received an email newsletter. It’s a cost-effective and environmentally friendly way to communicate with customers. The main purpose is to drive sales through useful information and exclusive discount coupons. Email newsletter templates can include CTAs (calls to action) and hyperlinks for consumers to quickly get to your website. Since everything is done electronically, you’ll be sure that your customers will receive the newsletter instantly.

Best Mailchimp Templates to Level Up Your Business Email Newsletter Templates 2020

Mailchimp is a flexible and easy-to-use email marketing service. In this article, you'll find a compilation of templates that you can simply drag and drop so that you don't sacrifice either the functionality or the visuals. 

Best MailChimp Templates to Level Up Your Business Email Newsletter 2020
Best Mailchimp Templates to Level Up Your Business Email Newsletter Templates 2020 

The Different Types of Newsletters

The type of newsletter you choose will depend on the reader and the company. We've compiled a useful list that can help you narrow down the type of newsletter and content that might better fit your a company or your client:

Marketing Newsletter

Marketing newsletters are used for businesses to advertise products and services. This type of newsletter is sent to potential customers to convert them into first-time customers and to convert existing customers into repeat customers. A marketing newsletter can be a one-page publication to be sent out quickly via mail or tucked into a bigger issue.

How to Create a One-Page Newsletter Template in InDesign

This one-page newsletter template tutorial is quick and simple to put together. If you are new to InDesign, this tutorial is super easy to follow, and you'll end up with a functional newsletter template. 

How to Create a One-Page Newsletter Template in InDesign
How to Create a One-Page Newsletter Template in InDesign

Organization/Company Newsletter

The focus of a company newsletter template is the shared interests of the target audience and building a relationship between them and the company. This type of newsletter is usually free of charge as it serves as news updates for the organization. A few examples of organization/company newsletter templates are club newsletters, church newsletter templates, school newsletters, alumni newsletters, classroom newsletter templates, etc.

How to Create a School Newsletter Template in InDesign

Learn how to create a clean and organized newsletter template with this InDesign tutorial. This newsletter design can serve up as a teacher newsletter template as the beginning of the school year approaches. Let parents know of the latest news at school by turning this into a parent newsletter template. 

How to Create a School Newsletter Template in InDesign
How to Create a School Newsletter Template in InDesign

Expert Newsletters

Expert newsletters are usually subscription-based as the recipient is someone who has an interest in the product or service of a company. These types of newsletters are fee-based and tend to be more elaborate. Good content and design are a must anytime, but especially when customers are paying for a subscription-based newsletter. Smaller details really matter here, so make sure to include page numbers and table of contents. Choosing the right printing method is important here to make sure you deliver a high-quality piece. 

How to Create a Real Estate Newsletter Template in InDesign

This sleek and modern real estate newsletter template is a perfect example of expert newsletter design templates. It's focused on a specific product/service and can be easily customized with your own content. 

How to Create a Real Estate Newsletter Template in InDesign
How to Create a Real Estate Newsletter Template in InDesign

How to Design a Newsletter Template

Adobe InDesign

Adobe InDesign is a leading subscription-based software package for desktop publishing today. This powerful program is loaded with many features that can help you craft any type of printed and digital document. Files created with Adobe InDesign can be printed professionally. 

How to Create a Monthly Newsletter Template in InDesign

This printable newsletter template tutorial is the perfect clean layout to promote your goods and services. This quick and easy-to-edit newsletter layout features a six-column width, and its final size is an A4 newsletter format. It gives you lots of flexibility! 

How to Create a Monthly Newsletter Template in InDesign
How to Create a Monthly Newsletter Template in InDesign

Microsoft Word

If you don’t have much knowledge of professional design software, Microsoft Word is a great option. Like many programs, it includes Microsoft newsletter templates for you to get started with and customize the content as you need. 

20 Best Free (Editable) Microsoft Word Newsletter Templates (Print) for 2020

This useful collection of newsletter templates for Word contains premium and free Microsoft Word newsletter templates that are super easy to edit. Get inspired by the different newsletter design ideas to spark your creativity and get started creating your own. 

20 Best Free Editable Microsoft Word Newsletter Print Templates for 2020
20 Best Free (Editable) Microsoft Word Newsletter (Print) Templates for 2020

Google Docs Template

The great advantage of Google Docs is that everything lives online. You’ll be able to access your files from anywhere in the world. Like other desktop software, Google Docs templates can help you get started with a simple newsletter template layout, and you can customize the content. 

Google Docs Templates
Google Docs Templates

Newsletter Services

Desygner

Desygner offers clean and customizable newsletter templates. This online maker lets you design with royalty-free resources while still keeping a professional look for your layout. You can share your work instantly online or download high-resolution files to print from home. 

desygner
Desygner

Smore

Smore is an online platform that lets you customize stylish newsletter templates. Send the finished newsletter online, and you can see the results through their analytics system.

Smore
Smore

Visme

Choose from thousands of templates and customize them easily with Visme. This versatile content creation tool lets you collaborate with a group so you and your co-workers have access to the templates. 

Visme
Visme

Tips for Creating the Best Newsletters

The type of content included in a newsletter has been evolving in the last decade with the introduction of email newsletter templates. The way readers interact, absorb, and take action is different, but there are a few basic guidelines to consider when you're putting together your publication, printed or digital:

  • Define the Content: Aim for quality over quantity. Give the readers valuable content they wouldn’t be able to get somewhere else: useful tips, exclusive interviews, etc. 
  • Effective Organisation: Content isn’t much if it’s not organized the right way. Stick to a few typefaces, use just one or a couple of pictures per page, and break up the text by using pull-quotes. 
  • Readability: Getting into the nitty-gritty of newsletters, make sure the content you’ve set on a page is enjoyable to read. Newsletters usually have two to four columns, so make sure these aren’t too narrow for the length of a specific story. Test font sizes and white space for the optimal user experience. 
  • Consistency: Be it email or printed newsletters, aim to have a consistent layout, especially issue to issue. It'll help you organize the content easier and save time, especially if your newsletter is delivered monthly. Make sure the repeating elements have the same style (footers, headers, page numbers, and department heads). 

Newsletter Ideas

Looking to take your printable newsletter templates to the next level? Here are a few ideas on how you could do that:

  • Soft Marketing:  A great newsletter won’t be completely filled with sales pitches; it should include interesting, informative content for the recipient. Try tackling your newsletter from this angle instead of a full marketing brochure. 
  • Try Other Formats: Newsletters don’t have to be 20 pages long anymore. It's better to have short but high-quality content, so try using a postcard as a different format. Make it interactive by using different types of folds that will get readers engaged. 
  • Complex Grids: Don’t be afraid of using multiple grids throughout your newsletter. Use up to four or five columns on a page, depending on the width and the length of the story. 
  • Contrast: Try adding small details that will make your newsletter pop. An eye-catching masthead, a contrasting drop cap, or even decorative type—just make sure that it goes with the theme of the story. 

Newsletter Templates

Below, we have compiled a small sample of the best newsletter templates we have at Envato Elements. These editable newsletter templates are perfect if you are pressed for time and want something that's easy to use and of the highest quality.

School Newsletter Template (INDD, IDML)

This clean and professional school newsletter template is perfect to send out and inform your readers about news within the school. This newsletter design is simple, minimalist, and fully editable. If you're using this as a classroom newsletter template, you can easily customize the colors and change the fonts through the paragraph styles. 

School Newsletter Template
School Newsletter Template

Corporate Newsletter Template (INDD, IDML, IDT, IDD)

This company newsletter template includes ten pages of an easily editable layout. The clean and minimal look makes it suitable for a variety of types of newsletters to communicate valuable information. 

Corporate Newsletter Template
Corporate Newsletter Template

Real Estate Newsletter Template (INDD, IDML)

This multipurpose document is suitable for anything from real estate to a kindergarten newsletter template. This simple newsletter layout is highly adaptable, so you can simply drop in your images and content and you are good to go!

Real Estate Newsletter Template
Real Estate Newsletter Template

Business Newsletter Template (INDD, IDML)

Looking for a bold pop of colour? This stylish business newsletter template is easy to edit, and you could adapt the colour to your own brand. Change the font to something more suitable that aligns with your brand voice, and you are ready to hit send!

Business Newsletter Template
Business Newsletter Template

Fashion Newsletter Template (INDD, IDML)

Make a fashion statement with this amazing newsletter design template. If you're looking to showcase as much photography as possible, this is the perfect newsletter layout for that! This template comes with 16 custom pages for you to mix and match. 

If you are thinking of turning this into a festive newsletter, you can do so and use it as a Christmas newsletter template focused specifically on seasonal fashion outfits. 

Fashion Newsletter Template
Fashion Newsletter Template

Holiday Newsletter Template (INDD, IDML)

Planning for the holidays? This holiday newsletter template is a great way to let your customers know about upcoming special offers. Show off large pictures so the readers can enjoy and get the full idea of vacation.

Holiday Newsletter Template
Holiday Newsletter Template

Multipurpose Newsletter Template (INDD, IDML)

Looking for a highly adaptable newsletter layout? This template includes four unique layouts that you can mix and match, so there's no limit to what you can create. With this fully editable newsletter template, you can change the font and colours to match your client. You could use this template for anything from a Christmas newsletter template to a cub scout newsletter template. 

Multipurpose Newsletter Template
Multipurpose Newsletter Template

Family Newsletter Template (INDD, IDML)

Keep parents updated with this clean and versatile newsletter template. Easily update the images and content and turn it into a daycare newsletter template or family newsletter template. This newsletter template download contains 12 unique pages to play around with, and don't be afraid to add more pages as you need!

Family Newsletter Template
Family Newsletter Template

InDesign Newsletter Template (INDD)

This extraordinary business newsletter template is simple and easy to use. It has a fresh and modern look and can serve as an employee newsletter template. Perfect for company-wide communication, the design is easy to customize. 

InDesign Newsletter Template
InDesign Newsletter Template

Bulletin Newsletter Template (INDD, MS Word, Pages)

Need a multipurpose newsletter design that's highly adaptable? Check out this awesome design, which includes 16 pages that you can customize. Perfect for a bulletin template, it gives you so much freedom to achieve any vibe you'd like. If you aren't versed in InDesign yet, you can use this newsletter template for Word and keep the look of a professional newsletter design! 

Bulletin Newsletter Template
Bulletin Newsletter Template

Business Newsletter Template (INDD, IDML)

Looking for a professional and clean design? This monthly newsletter template is super versatile, with two different newsletter formats and ten different colour versions for you to choose from. This print newsletter template includes a column-based layout, making it highly adaptable. 

Business Newsletter Template
Business Newsletter Template

Class Newsletter Template (INDD, IDML)

Ready for the school year to start? This class newsletter template is a perfect way to keep students and parents informed about the latest news and happenings at school. This newsletter is super colorful and allows you to change the colors to adapt it to a preschool newsletter template.

Class Newsletter Template
Class Newsletter Template

If you are new to InDesign and need monthly newsletter templates or Microsoft Word newsletter templates right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this article, you might like these:

25 Best New Product Flyer Design Templates (Inspirational Examples 2020)

$
0
0

To promote a new product or simply drive sales to an existing one there's no better way than to promote it with a product flyer. They're affordable, easy and quick to make. They can be highly effective when used right. 

Interior Design Product Flyer Example
Interior Design Product Flyer Example from Envato Elements

What’s even better is that you don’t even have to start from scratch. You can design a great flyer with the help of professional product flyer templates. 

A premade template helps ensure that your product flyer looks professional. It'll also help you decide what information you need to include on the flyer. Plus, It'll save you time since all you've got to do is customize it with your own copy and images.

You can find plenty of product flyer templates and product marketing flyer templates on marketplaces like Envato Elements and GraphicRiver.

Find Cool New Product Flyer Templates on Envato Elements for 2020

When looking for a product flyer templates, the first place you should visit is Envato Elements. Envato Elements offers thousands of product flyer templates as well as other design assets such as fonts, stock photos, presentations, and more. 

Envato Elements templates
Envato Elements is a great place to find the best product flyer design templates

Download as many templates as you need to experiment with different designs and find the perfect product flyer templates for your needs. Customize the design to your liking with your colors, fonts, and photos. 

5 Best Product Flyer Templates From Envato Elements for 2020

Below, you’ll find a selection of our best product flyer templates that we've got available on Envato Elements:

1. Supermarket Product Flyer  Multipurpose Template

Supermarket Product Flyer  Multipurpose Template

This template is a great choice to promote a sale on the entire line of your products. Use this template during holidays or any other time when you want to boost your sales. 

The template includes two variations. Customize it in Photoshop. It's designed in A4 format. 

2. Product Flyer  Versatile Template

Product Flyer  Versatile Template

Use this product flyer template to promote several products at once. Or, get creative and showcase the same product from multiple angles. Customize the template with InDesign. It's designed in A4 format. 

3. Royal Furniture — Product Leaflet Design Template

Royal Furniture  Product Leaflet Design Template

If you've got a furniture store, this product flyer is a great choice. It makes it easy to showcase a piece of furniture as well as offer your visitors a discount code. The template's designed in A4 format. Customize it in Photoshop. 

4. Product Sale Flyer Template — Vibrant Design

Product Sale Flyer Template Vibrant Design

Try this product sale flyer if you’re looking for a vibrant and colorful style. Use the template to promote a single product or announce a sale in your store. Add a call to action and offer them a discount code to incentivize the purchase. 

The template was designed in US letter format. Customize it with Photoshop. 

5. Product Promotion Flyer — Modern Example

Product Promotion Flyer  Modern Example

This product promotion flyer template is a great choice to showcase multiple products. The template can be customized in Illustrator and Photoshop. It's designed in A4 format. Include a call to action and specify when the offer will be available.  

Envato Elements Design Without Limits

Envato Elements
Browse Envato Elements to see all you can get for one price.

Envato Elements has a single, compelling offer. For one low monthly fee, download unlimited product flyer templates and other design assets. Customize them to fit the needs of your projects and use them in an unlimited number of projects. 

Sign up for Envato Elements today and take advantage of its unique offer. Start downloading templates and design assets for your business.

Discover the Best Product Flyer Templates on GraphicRiver for 2020

GraphicRiver is the best choice when you need to download a single template quickly without the long-term commitment of a subscription. Take a look at some of our best product flyer templates from GraphicRiver:

Best product flyer templates
Product Flyer Templates on GraphicRiver

With GraphicRiver, you'll get professionally designed product flyer templates and other design assets that you can buy one at a time. Save time and stand out with our unique product flyer ideas.

20 Best Flyer Design Templates From GraphicRiver for 2020

If you're looking for the best product flyers, here's a list of some of product marketing flyer templates from GraphicRiver you won't want to miss:

1. Product Promotional Flyer Fashion Sale

Product Promotional Flyer Fashion Sale

This new product flyer was created to feature any kind of products and promotions thanks to its simple, yet professional design. It's print size is US Letter (8.5x11 inches). Edit it in Adobe Illustrator.

2. Product Promotion Flyer Big Sale

Product Promotion Flyer Big Sale

This product flyer template features three design variations. It's really easy to edit using Photoshop or Illustrator thanks to the organized layers. Get this A4 flyer template and customize it to your needs!

3. Product Marketing Flyer Template

Product Marketing Flyer Template

This product flyer design template is A4 size. Edit it in Photoshop. It's really easy to customize and change the text, colors and images via smart objects.

4. Product Flyer Technology Sale

Product Flyer Technology Sale

A very nice product flyer template with a professional and clean design. Use it to promote a technology sale for example, but you can also customize it to any project. Edit this flyer template in Photoshop or InDesign!

5. Product Promotion — Clean Product Flyer Template

Product Promotion  Clean Product Flyer Template

The Product Promotion template is an excellent choice to promote the sale in your store. You can showcase product categories or individual products and share exclusive discount code. The template's designed in A4 format. Customize it in Photoshop.  

6. Product Promotion — Colorful Product Flyer Design Template

Product Promotion  Colorful Product Flyer Design Template

Consider this product promotion template if you want a bold and colorful design that instantly grabs attention. Use the template to promote several products at once. 

So, it’s a great choice for seasonal or holiday sales. It's designed in A4 format. Customize it with Photoshop.  

7. Product Flyer — Modern Template

Product Flyer Modern Template

This template has a modern design. It's sure to help you capture the attention of potential customers. 

The template is perfect for showcasing a single product from multiple angles. It can be customized in Photoshop. It's designed in A4 format.  

8. Trendy Product Flyer Design Template

Trendy Product Flyer Design Template

This product flyer template comes in three different versions. It's designed in A4 format. Use it to promote a single product. Customize it in Photoshop.  

9. Minimalist Hemp Product Flyer Design

Minimalist Hemp Product Flyer Design

If you’re selling hemp products or any other type of natural products, this flyer template will come in handy. Share all the benefits of your product along with the image. The template's designed in A4 format. Customized it using Photoshop.  

10. Promotional Product Flyer Example

Promotional Product Flyer Example

This flyer can help you drive sales to a new product as it allows you to showcase the product from various angles. There’s also plenty of space to include a discount code. The template's designed in A4 format. Edit it with Photoshop.  

11. Simple Product Flyer Design Template 

Product Flyer  Simple Product Flyer Design Template

Choose this flyer if you want to promote several products at once. It’s a great choice for holiday or seasonal sales as well as to promote your shop launch if you’re brand new. Customize the template in Photoshop. It's designed in US letter format.  

12. Elegant Product Flyer Template 

Elegant Product Flyer Template

When you've got a sale to promote in your store, this template will come in handy. Include the most popular products as well as a call to action inviting prospective customers to come visit the store. Customize the template in Photoshop.  

13. Food Product Flyer Example

Food Product Flyer Example

This product flyer is a great example of a food product template design. The template makes it easy to showcase your special offers. Customize it in Photoshop. 

14. Product Flyer — Classic Template

Product Flyer Classic Template

This product flyer has a classic design that's suitable for promoting fashion, jewelry or makeup products. The template was designed in Photoshop. It’s easy to edit thanks to smart objects.  

15. Product Flyer — Template for Tools

Product Flyer Template for Tools

If you sell tools, this product flyer template is a great choice. It allows you to promote the tool prominently and include tech specs as well as a discount code. Edit the template using InDesign. It's designed in A4 format.  

16. Furniture Product Flyer Template

Furniture Product Flyer Template

This flyer is a great choice if you've got a furniture store. The template was designed in both A4 and letter size. Customize it with InDesign or Photoshop. 

17. Cool Product Leaflet Design Template

Cool Product Leaflet Design Template

This product flyer template comes in two versions: horizontal and vertical one. It fits on A4 paper size. Customize it with Photoshop. Use the template to promote a variety of products. 

18. Product Flyer — Stylish Product Template Example

Product Flyer Stylish Product Template Example

If you’re looking for a stylish and elegant product template design, this template will come in handy. Customize the template in InDesign. It's designed in A4 and letter format. 

19. Clean Product Flyer Template Design

Clean Product Flyer Template Design

This product flyer template is a great choice if you sell home appliances. You can showcase the product as well as offer a discount code. The template was designed in A4 format. Edit it with Photoshop. 

20. Product Leaflet Design Template

Product Leaflet Design Template

This product flyer design template for InDesign is one of the best product flyers because it's fully customizable. It comes in not one, but six size formats:

  • A4, full page
  • A4, half page, vertical
  • A4, half page, horizontal
  • Letter, full page
  • Letter, half page, vertical
  • Letter, half page, horizontal

5 Quick Tips for Making Great Product Flyer Designs With Templates

Once you find the perfect product flyer template for your needs, customize it. Here are a few tips that'll help you make a great product flyer design:

1. Use High Quality Images

The first tip is to make sure you’re using high quality images to showcase your product. This will make sure that potential clients can clearly see the product. It'll make your product and the flyer look more appealing.

Product Flyer Example
Product Flyer Example from Envato Elements

2. Focus on Product Benefits

Most purchase decisions are made based on emotions. That's why you should focus on product benefits rather than features. But, if you’re selling a technical product where features are the main selling point, list them as bullet points. 

3. Give a Clear Call to Action

Your flyer should include a clear call to action that tells people what they should do next. This can be visiting your store, calling a certain number, filling out their contact form, and more. 

Promotional Product Flyer
Promotional Product Flyer  design from Envato Elements

4. Offer a Discount Code

Offering a discount code for those who bring in the flyer can be an excellent way to drum up sales. Include the code on the photo of the product as well as near the call to action.

5. Customize With Brand Colors and Fonts

Don’t forget to customize the flyer with your brand colors and fonts. This will make the flyer instantly recognizable to those who are familiar with your brand. Plus, it'll establish brand recognition for new customers and clients. 

Supermarket Product Flyer Example
Supermarket Product Flyer Example from Envato Elements

5 Product Flyer Design Trends for Better Results in 2020

I hope you've found the flyer design tips useful. Next up, I'll tell you five big product flyer design trends so you'll get even more product flyer inspiration:

1. Go for a Different Layout and Orientation

Our first product flyer trend is an easy and fast way to make your flyer stand out. Choosing a different layout, like this landscape product flyer, can have many benefits.

A landscape layout allows you to feature high-quality photos of your products, along with more information. Don't hesitate to try this trend!

Interior catalogue Template
Landscape product flyer Interior catalogue Template

2. Play With Typography 

Brochure and flyer designers are trying this new cool trend in 2020. Bold fonts used to be the rule to catch the potential clients' attention. But now, graphic designers are playing and mixing typographies to create unique designs, guaranteed to attract attention.

3. Choose a Retro Look

Retro and vintage looks are a big flyer design trend this year. The key to make them work is to use maxi fonts and monochrome tones. This template is a great product flyer inspiration:

Retro Coffee - Product Flyer RB
Retro Coffee - Product Flyer from Envato Elements

4. Fold Your Flyer

This may look like and obvious one, but don't overlook it. By folding your flyer you'll be instantly standing out from the thousands of simple, one-page A4 flyers. You'll have a product flyer that's neat, professional and packs all the necessary product information.

5. Follow One Color Scheme

Finally, another great design trend you should consider is to use one color theme for your flyer. You can make your flyer pop out when you do it right. The secret is to go for a bright color that works good with white and black, so the text is legible. 

This product leaflet design template is actually an example of the last two trends: it's a trifold flyer that sticks to a single color theme.

CBD Hemp Oils Trifold Flyer - A4  US Letter
One color theme, folded product flyer CBD Hemp Oils Trifold Flyer

Find More Awesome Flyer Templates

Now, let me share with you some of my favorite flyer templates so you get inspired and start your next flyer project. We've got the best product flyer ideas for you:

Envato Elements vs GraphicRiver: Which One Is Right For You

With so many great templates offered on both Envato Elements and GraphicRiver, you might wonder which one is right for you. Here are a few key differences between each marketplace that'll help you decide where you should download your templates from. 

1. Key Benefits of Envato Elements

Envato Elements is a subscription-based marketplace. This means that you pay a low monthly fee that allows you to download as many different templates and design assets as you want. That's a powerful offer.

Envato Elements templates
Product flyer design inspiration (Envato Elements 2020)

Once you download a template you like, edit to your liking and even reuse it again and again.  

2. Key Benefits of GraphicRiver (& Envato Market)

GraphicRiver offers thousands of product flyer and other templates. But what makes this marketplace different from Envato Elements? The main difference is that you can buy templates individually. Here are some of our current product leaflet design templates on GraphicRiver:

Best product flyer templates
Best product flyer templates on GraphicRiver (2020)

Like those found on Envato Elements, the design assets on GraphicRiver are professionally designed. They'll help your project stand out.

Your Choice (What’s Right for You?)

Envato Elements makes the most sense if you need design assets and templates on a regular basis. In other words, if you’re a freelance designer, agency, or in charge of your company’s design team, signing up for Envato Elements will save you both time and money when you need to design promotional and other graphic material for your company or client. 

Envato Elements - Design without limits
Envato Elements- Design without limits.

But, if you need a template quickly and prefer buying single templates only when you need them, GraphicRiver may be right for you.  

Learn More About Flyer Design 

If you're searching for useful resources about flyer design and how to create the best product flyer, let me share with you our fantastic guide, Flyer Design & Templates.

Here you can learn about which software to use, some video tutorials about flyer design, and more! Take a look at these articles:

Make a Great Product Flyer Design With a Professional Template

Making a great product flyer design isn't difficult when you've got a solid template to start with. If you need templates and design assets on a regular basis, sign up for Envato Elements and check out all the amazing product flyer design templates that we've got available. 

But, if you prefer buying templates individually, stop by GraphicRiver and browse through our collection of best product flyer design templates there. 

Why not download get started on your next project now? Download product marketing flyer templates today.

Editorial Note: Our staff updates this article regularly—adding new product flyer designs with the best features. That way, you can find just the design you need.

35 Best Calligraphy Fonts

$
0
0

Add a modern calligraphy font to your designs. Explore this amazing selection of cool calligraphy letter fonts curated from GraphicRiver and Envato Elements.

Shania Modern Calligraphy Font
Shania is one of the best calligraphy fonts available on Envato Elements.

35 Best Calligraphy Fonts

Calligraphy is an exquisite art form. From calligraphy tattoo fonts to wedding invitations, each letter is an art piece. The artist carefully studies the subtle curves and lines of each letter to complete a beautiful word.

And you can bring out the best in your work with cool calligraphy fonts! Dive into this brilliant collection of the 35 best calligraphy fonts available on Envato Market. Or subscribe to unlock unlimited assets from Envato Elements for one monthly fee!

Looking to customize your designs? Enlist the help of a talented professional from Envato Studio to take care of your need for calligraphy fonts.

Cool Calligraphy Fonts From Envato Elements in 2020

You can find some of the best calligraphy fonts online from Envato Elements. But that's not all that's available. Envato Elements has an offer that thousands of creatives have fallen in love with:

For the price of a monthly subscription, you get unlimited downloads and access to the full Envato Elements content library.

Design Without Limits Envato Elements

That means unlimited downloads of bold calligraphy fonts, attractive presentation templates, compelling stock videos, and much more with a monthly subscription. It's like an all-you-can-eat creative buffet. You can learn more and sign up from the Envato Elements website.

Envato Elements is home to calligraphy fonts that are easy to use. Let's dive into our list of 17 calligraphy fonts available on Envato Elements in 2020!

1. Einstein Font

Show off the sophistication of your work with the genius Einstein font. Inspired by classic handwriting styles, this calligraphic typeface features sleek letters and a bouncy baseline. Enjoy international language support and a bonus pack of ornaments.

Einstein Calligraphy Font Style

2. Amatira Typeface

Sometimes, all your design needs is a great font. And the Amatira font will transform any creative design. Carefully crafted with handmade details, this is one of the best calligraphy fonts that will instantly beautify your product or stationery.

Amatira Typeface Calligraphy Font Download

3. Motisan Script Font

Create a delightful experience with the Motisan script. This brilliant font features a cheerful script design with pretty swashes and dynamic letters. Customize it easily for your personal brand and make your work stand out by downloading this font today!

Motisan Script Calligraphy Font Download

4. Flower Child Font

A great font has the ability to communicate emotion, and you'll get just that with the whimsical Flower Child font. A flirty font with a sweet, carefree vibe, this font will help make any typography poster stand out. Use it on videos, apps, or even a personal website!

Flower Child Modern Calligraphy Font

5. Sabreena Font

Some fonts have a great mix of masculine and feminine elements, and the Sabreena calligraphy font download is the perfect combination of both. It features bold, thick letters with a pretty brush script that is suitable for many designs. Download it to get access to letters, numbers, and more.

Sabreena Calligraphy Font Style

6. Milestone Fonts

Achieve your next few milestones with this epic font. Inspired by the powerful energy of the great outdoors, this font features handmade brush strokes for that authentic outdoor vibe. Use it to complement your official brand or any related merchandise.

Milestone Bold Calligraphy Fonts

7. Wowangle - Brush Font

Add a bit of a wow factor to your work. This brilliant calligraphy font style features a modern calligraphic design with bold curvy lines and exaggerated swashes. It's quirky and whimsical, and you can create an over-the-top design with this fabulous typeface.

Wowangle - Brush Font

8. Ammhenthi Font

Get inspired by this stunning calligraphy typeface. A great addition to any pretty design, this font features a unique, dainty style. Its beautiful script letters look like artful remixes of calligraphy tattoo fonts. Pair it with flowers for a lovely result. Elevate your work by downloading this font today!

Ammhenthi Font

9. Sweet Mia Font

This modern calligraphy font is one we know you'll definitely love! Sweet Mia features a gorgeous script design with curvy letters and cheerful details. Its smooth lines are great for any dainty design or children's book.

Sweet Mia Font

10. Adediala Script Font

Need more options? Then check out the splendid Adediala font. Adediala has beautiful script similar to some calligraphy tattoo fonts. It's super easy to customize with additional OpenType features. Simply select a character from the Glyph palette to enjoy more alternatives. You'll definitely need this multipurpose font!

Adediala Script Font

11. Sweethart Font

Perfect your wedding invitations with this sweet font. This download includes a flirty, fluid script that you can use on just about any pretty project. Combine it with inks, foils, and watercolors for fantastic results!

Sweethart Font

12. Nightamore Font

Beautify your horror-themed posters with the Nightamore font. This font features a cool, vampire vibe with dreamy letters for an elegant script. Use it for your official book logo or any ghoulish design and enjoy this font today!

Nightamore Font

13. Safi - Unique Calligraphy

There are many creative and bold calligraphy fonts out there, but none quite as unique as Safi. This bold calligraphy font style is perfect for headers, posters, or event invitations.

Safi Calligraphy Font Download

14. Wild Zova - Brush Font

Or create wild designs with the epic Wild Zova font. This type features a handmade brush style with textured lines and angled letters. Rock it on an awesome T-shirt design or use it for a festival poster. We're sure it'll serve you well in any future design.

Wild Zova - Brush Font

15. Shania Script

Master the art of graphic design with the Shania script. This font features a modern, calligraphic script with casual yet elegant letters. Also included is a full set of over 432 glyphs. Use it to elevate any design for a touch of sophistication and class.

Shania Script

16. Soybeanut Font

Some fonts just look as if they're already popular brands, and this is definitely one of them. The Soybeanut font features a bold, modern design inspired by brush calligraphy. Great for the food, tech, or health industries, this font works well for a variety of products.

Soybeanut Font

17. Fantasia - Script Monoline Font

Get into the holiday spirit with the Fantasia font! Inspired by magical stories and the holiday spirit, this font features creative swash details and a bumpy baseline. Included in this download are a complete set of letters, numbers, and symbols.

Fantasia - Script Monoline Font

Bold Calligraphy Fonts From GraphicRiver in 2020

An Envato Elements subscription is the best choice for artists, entrepreneurs, and creatives who need multiple assets. But if you just need one calligraphy font download, then a subscription might not be for you. That's why there's GraphicRiver

GraphicRiver Homepage

If you're looking to make a single purchase of a modern calligraphy font or other digital asset, then head to GraphicRiver. You'll find the same premium quality of Envato Elements without the commitment of a subscription.  

Below, we've rounded up some of the top cool calligraphy fonts on the site in 2020.

1. Humaira | Modern Calligraphy

Humaira is a modern calligraphy font that has lots of flair. Each letter looks like a flourish from a master calligrapher. This calligraphy font style suits everything from wedding invitations to custom T-shirts.  

Humaira Modern Calligraphy Font

2. Mariposa Script Modern Calligraphy

Mariposa is another high-quality modern calligraphy font. Its lines are just as graceful as the mariposa (Spanish word for butterfly) itself. This font has a full uppercase and lowercase character set, and it even includes characters from other languages.

Mariposa Modern Calligraphy Font

3. Sophan Calligraphy Font

If you prefer a lighter, minimal touch to your fonts, try Sophan. This lovely calligraphy font style has thin characters that flow perfectly into each other. Its character set includes uppercase and lowercase letters, symbols, and numbers.

Sophan Calligraphy Font Style

4. Captain Signature Brush Font

Design a signature for the bottom of your stationery with this official signature font. Great for wedding invitations or business materials, this modern calligraphy font will work well for a variety of design needs. Download it today to get access to a full set of letters and more.

Captain Signature Brush Font

5. Elone Font

Calligraphy letter fonts allow you to get that awesome handwritten feel without any hassle. Take the Elone font, for example. It's one of the great calligraphy letter fonts. Crafted by hand, this font features a wonderful modern design that is sure to elevate your work. Use it to make headlines pop or even as an official logo.

Elone Font

6. Hello Tropical

Create those fun tropical vibes with the Hello Tropical font. Featuring a fresh, modern font style with intricate brush details, this font fits perfectly on merchandise and more. Write out your favorite summer quotes with it for an inspiring message you can turn into a meme.

Hello Tropical

7. Mangifera Font Script

Any design will simply look magnificent with the Mangifera font. It's slightly reminiscent of certain calligraphy tattoo fonts, but with a twist. This script features a varying baseline with clean, smooth lines. Just like other calligraphy letter fonts, Mangifera is versatile. It can be used for a variety of purposes such as posters, brochures, or wedding invitations.

Mangifera Font Script

8. Restaurants Script

Make your customers feel welcome in your establishment with the Restaurants font. This typeface features an elegant script design that was carefully crafted by hand. Create a positive experience with this phenomenal script.

Restaurants Script

9. Sambilan Modern Calligraphy Typeface

Instantly add charm to your designs with the Sambilan font. This typeface features a clean, calligraphic design with classic typographic letters that look absolutely fascinating. Make a strong impact in your work with a beautiful font like Sambilan.

Sambilan Modern Calligraphy Typeface

10. Wanderlove Brush Script Font

Or imagine you're on a beautiful journey with the Wanderlove font by your side. Inspired by words like "freedom" and "humble," this font features a brush script design with incredible texture. Use it to complement your journals and more for a lovely calligraphic alternative.

Wanderlove Brush Script Font

11. Ambasaj Font

Make your invitations instantly pretty with the Ambasaj font! This font features long, curvy swashes paired with a delicate script. It's supported by many programs like Adobe Photoshop and Illustrator, as well as Microsoft Office.

Ambasaj Font

12. Wiggle Watercolor Brush Script

Add a little wiggle to your headlines or logos with this brush script font. This typeface features a chunky brush design that is inspired by traditional watercolor art. Get access to a full set of letters, numbers, and punctuation.

Wiggle Watercolor Brush Script

13. Paradise Font

Enjoy the paradise vibes with this fluid calligraphy font. It'll instantly give your designs that perfectly imperfect look! Included in this download are letters, numbers, and more, as well as an informative help guide for more instruction.

Paradise Font

14. Manksa Typeface

Make a bold statement with the Manksa typeface. This font features a powerful brush design with textured strokes and energetic letters. An overall lively font, this type would work well for a variety of creative projects.

Manksa Typeface

15. Sinisuka Font 

Launch your new T-shirt line with an inspiring font for the logo. The Sinisuka font features a chunky, calligraphy design with clean, modern letters. Included in this file are standard lowercase and uppercase letters along with numbers and symbols.

Sinisuka Font

16. Sugar Candy Signature Typeface

Open up your own candy shop with this awesome typeface. This type features a clean, calligraphic design inspired by classic handwriting. It includes two file formats that work well with a variety of programs. Download it today!

Sugar Candy Signature Typeface

17. Thesla Script

Or add the Thesla font to your collection! This calligraphy script features a sleek and sophisticated design that is perfectly suited for your posters, apparel, and so much more. Launch a confident brand with the Tesla Script today!

Thesla Script

18. Paris 1920 Font

Bask in the lovely antiquity of the delicate Paris font. Inspired by classic handwriting, this font features an inky design for that realistic feel. It works great for letters and greeting cards and contains a complete set of accented glyphs for international languages.

Paris 1920 Calligraphy Font Style

More Modern Font Resources

If you like the calligraphy font style but want to see more options, no worries. Envato Tuts+ has you covered. We've rounded up some of the best fonts across multiple styles found on Envato Elements and GraphicRiver. Here's just a taste of what's available:

Conclusion

This list features exciting resources for the avid designer familiar with a variety of font formats. For additional help with all your font needs, enlist the skills of a talented professional by choosing one of the amazing designers from Envato Studio.

And with loads of calligraphic fonts available at your fingertips, chances are we've missed a few to add to your personal collection. Be sure to browse Envato Elements and Envato Market for more resources, and let us know your favorites in the comments below!

How to Create a Retro Chrome Text Effect in Adobe Illustrator

$
0
0
Final product image
What You'll Be Creating

In the following steps you will learn how to create a retro chrome text effect in Adobe Illustrator. 

For starters, you will learn how to set up a simple grid and how to create a dark background. Using the Rectangular Grid Tool and some basic blending techniques, you will learn how to add a subtle grid to your background. 

Taking full advantage of the Appearance panel and using a neat font from Envato Elements, you will learn how to create your fully editable retro chrome text effect. Finally, you'll learn how to add a subtle texture for your entire design.

For more inspiration on how to adjust or improve your final text effect, you can find plenty of resources at GraphicRiver.

Follow along with us over on our Envato Tuts+ YouTube channel:

1. How to Create a New Document and Set Up a Grid

Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width box and 450 in the height box, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). You will need a grid every 5 px, so simply go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.

You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

setup grid

2. How to Create the Background

Step 1

Pick the Rectangle Tool (M) and focus on your Toolbar. Remove the color from the stroke and then select the fill and set its color to R=7 G=9 B=21. Move to your artboard and simply create an 860 x 460 px rectangle—the grid and the Snap to Grid feature should make this easier.

Now, you need to center your rectangle. Make sure that this shape stays selected and open the Align panel (Window > Align). Select Align to Artboard (open the flyout menu and go to Show Options if you can't see the Align To section as shown in the following image) and then simply click the Horizontal Align Center and Vertical Align Center buttons. In the end, your rectangle should cover the entire artboard.

rectangle tool

Step 2

Pick the Rectangular Grid Tool and simply click on your artboard. Enter all the attributes shown in the following image and then click OK.

Center this newly made group of paths and focus on the top bar. Make sure that there's no color set for the fill, change the stroke color to R=251 G=85 B=195, and set the Stroke Weight to 2 px.

rectangular grid tool

Step 3

Make sure that your group of pink paths stays selected and go to Object > Path > Outline Stroke. Move to the Pathfinder panel (Window > Pathfinder) and click the Unite button. Fill the resulting shape with the radial gradient shown below and lower its Opacity to 25%. Keep in mind that the yellow zero from the Gradient image stands for Opacity percentage.

radial gradient

3. How to Create the Chrome Text Effect

Step 1

Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Etna font (or any bold font that you may prefer), and set the size to 135 px and the tracking to 100. Simply click on your artboard, add the "CHROME" piece of text, and make it white (R=255 G=255 B=255).

type tool

Step 2

Make sure that your text stays selected and simply remove that white fill color. Move to the Appearance panel add a new fill for your text using the Add New Fill button. Select the new fill and apply the linear gradient shown below. Keep in mind that the blue numbers from the Gradient image stand for Location percentage. Once you're done, save this gradient inside your Swatches panel (Window > Swatches).

save gradient

Step 3

Make sure that your text is still selected and keep focusing on the Appearance panel. Select the existing fill and go to Effect > Stylize > Inner Glow. Enter the attributes shown in the following image and then click that OK button.

inner glow

Step 4

Make sure that your text is still selected and keep focusing on the Appearance panel. Select the existing fill and duplicate it using the Duplicate Selected Item button.

Focus on your bottom fill, remove the existing Inner Glow effect, and then go to Effect > Path > Offset Path. Enter a 2 px Offset, click that OK button, and then go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the top left window (in the following image), click the OK button, and then apply the other three Drop Shadow effects shown below.

drop shadow

Step 5

Make sure that your text is still selected and keep focusing on the Appearance panel. Add a third fill and drag it between the existing two fills. Lower its Opacity to 30% and change the Blending Mode to Color Burn, apply the linear gradient shown below, and then go to Effect > Path > Offset Path. Enter a 1 px Offset path and then click OK.

offset path

Step 6

Make sure that your text is still selected and keep focusing on the Appearance panel. Add a fourth fill and drag it below the existing fills. Lower its Opacity to 30%, set the color to R=251 G=85 B=195, and then go to Effect > Path > Offset Path. Enter a 12 px Offset, click that OK button, and then go to Effect > Blur > Gaussian Blur. Enter a 30 px Radius and then click OK.

add new fill

Step 7

Make sure that your text is still selected and keep focusing on the Appearance panel. Select the stroke, set its color to white, and increase the Weight to 2 px. Lower its Opacity to 50% and change the Blending Mode to Overlay, and then go to Effect > Path > Offset Path. Enter a -1 px Offset and then click OK.

stroke

Step 8

Make sure that your text is still selected, keep focusing on the Appearance panel, and add a second stroke using the Add New Stroke button.

Select this new stroke and change its Blending Mode to Overlay. Set the Weight to 1 px, apply the linear gradient shown in the following image, and then go to Effect > Path > Offset Path. Enter a -0.5 px Offset and then click OK.

add new stroke

Step 9

Make sure that your text is still selected, keep focusing on the Appearance panel, and add a third stroke.

Drag it above the bottom fill, set the Weight to 6 px, and apply the linear gradient shown in the following image. Lower its Opacity to 10%, change the Blending Mode to Soft Light, and then go to Effect > Path > Offset Path. Enter a 3 px Offset, click that OK button, and then go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to 2 px and then click OK.

transform effect

Step 10

Make sure that your text is still selected and keep focusing on the Appearance panel. Add a new fill and drag it to the top of the panel.

Select your new fill and set the color to black (R=0 G=0 B=0). Lower its Opacity to 5% and change the Blending Mode to Overlay, and then go to Effect > Path > Offset Path. Enter a 2 px Offset, click that OK button, and then go to Effect > Sketch > Chrome. Enter the attributes shown in the following image and then click OK.

chrome effect

4. How to Add a Second Text Effect and a Subtle Texture

Step 1

Pick the Type Tool (T) and focus on the Character panel. Select the Harlow Solid Italic font and set the size to 80 px. Click on your artboard and add the "Retro" piece of text. Make sure that your text doesn't have a color set for the fill or for the stroke, focus on the Appearance panel, and add a new fill using that same Add New Fill button. Select it and apply the linear gradient shown below.

second text

Step 2

Make sure that your "Retro" text is still selected, keep focusing on the Appearance panel, and add a second fill. Select it and apply the linear gradient shown below. Lower its Opacity to 30%, change the Blending Mode to Overlay, and then go to Effect > Path > Offset Path. Enter a -2 px Offset and then click OK.

second fill

Step 3

Using the Rectangle Tool (M), create a new 860 x 460 px rectangle and center it. Set the fill color to black, lower its Opacity to 5%, change the Blending Mode to Soft Light, and then go to Effect > Artistic > Film Grain. Enter the attributes shown in the following image and then click OK.

film grain

Congratulations! You're Done!

Here is how it should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects.

Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your design.

final result

10 Tips for Designing High-Impact Magazines

$
0
0

From designing striking, creative magazine covers to putting together contents pages that pack a punch, we share ten fantastic tips for breathing life into your magazine template designs. 

Whether you’re creating a fashion bible, fitness mag, or foodie flick-through, you’ll find something here to help get your ideas going as well as helpful technical tips for making your magazine layouts look uber-professional.

Looking for a stylish, ready-made magazine template? Browse the broad range of magazine templates available over on Envato Market.

Check out our recommended creative magazine templates:

1. Don’t Be Shy With Your Cover Designs

The most aesthetically pleasing magazines always have great covers. There’s no point spending time perfecting the inside pages of your magazine if casual browsers don’t pick up the issue to take a look. An attention-grabbing magazine cover design is vital for selling your magazine to readers and inviting them to delve deeper into the publication.

That being said, your magazine cover design doesn’t need to be brash. A rainbow spectrum of color and an over-packed layout can look dated and cheap; but balanced, strong headers and sub-headings paired with simple, graphic callouts draw attention to cool magazine covers in a subtler way. 

Try sticking to the A B C rule, which is used by the designers of the most creative magazine covers. Stick to one A-heading (the magazine title), one strong (B)sub-heading (pulling out one article to be the main focus), and a larger selection of smaller (C) sub-headings. Almost every magazine cover uses this rule to promote balance in the layout. 

Pair these headings with a strong, simple photograph and areas of white space (where you place no busy text or images), and you have a layout that’s both pleasant to look at and graphically very bold.

Stick with black-and-white photography for a strong look that still looks balanced and stylish. 

Look to slab and display typefaces set in uppercase characters in shades of brilliant white, as in this stylish InDesign magazine template called Arigat, to make text pop against a full-color photo.

Arigat Magazine Cover Design
You can find many InDesign magazine templates that have bold covers like Arigat.

Allowing photos to ‘interact’ with typography is also a great way of making cool magazine covers appear more 3D, and gives the impression that the photo is jumping out at you. Cut the subject of the photo away from the background, and layer them so that parts of the subject are brought in front of text and others behind. Check out this tutorial on how to create a magazine cover in Adobe InDesign and Photoshop that uses this effect:

2. A Single Pop of Color Shouts the Loudest!

Some of the most effective magazine designs use color very sparingly, proving that a simple pop of bold color can be more striking than a palette of rainbow brights. 

Teaming a single strong color with black-and-white photography and monochrome text looks fantastic for men’s magazines and technology titles. Bright typography, banners, and dividers lend a sporty, masculine edge to layouts. It’s super-simple to achieve and is a great way of bringing the whole design of the magazine together (see Tip 9, below, about promoting a style theme in your designs). 

Try an acid yellow or hot orange for an optimistic color pop that looks great on extreme sports titles and travel magazines. Or why not cool it down with a sky blue and golden accent, like on this stylish sports magazine?

Sportwave Magazine Cover Design

A bold red also looks really punchy, and adds a modern touch to old-fashioned black-and-white photography. The Samurai Magazine template shows just how well this magazine cover idea works.

Samurai Magazine Cover Ideas
Samurai is one of the many bold InDesign magazine templates found on Envato Elements.

The key with this look is to pick one strong color and use it sparingly. Don’t apply your color to everything—a touch here and there will go a long way.

3. Spend Time Perfecting Your Contents Page

Once the reader opens up the magazine, the contents page will be their first port of call. The contents page should be functional and allow the reader to find sections and articles easily, but it’s also the perfect place to exercise a bit of stylistic creativity. 

If your magazine has a large amount of content, don’t restrict your contents to one page—branch out into a full two-page spread. This will give you plenty of room to introduce a large ‘Contents’ header (try out a slab serif for high-impact typography) and lots of enticing images. 

All great table of contents magazine spreads will be structured on some sort of grid layout, but it certainly doesn’t need to be restrictive or dull. Take a look at the irregular photo-grid used on this sports magazine’s contents spread—the mish-mash of large and small images looks exciting, not chaotic, and pulled-out taglines add context to each graphic. Large, stylish page numbers set in blue, yellow, and black are instantly clear and make browsing the contents of the magazine a breeze.

Sport Magazine Table of Contents

Or why not base your contents spread on a simpler column grid, as in this design-forward magazine template?

Design Forward Magazine Table of Contetns

Restrict the number of articles you highlight in each row or column of your grid, to give more breathing space to each item and help maximize white space in your layout.

When designing your magazine, focus your energy on making your contents page as well-structured and well-styled as possible. As it's the reference spread for the rest of the publication, you want to make a good impression! You can lift typography styles and colors from the contents spread and use these as a basis for developing a consistent look across the whole magazine. 

Remember that contents pages for magazines are very different to contents pages for books or reports. Magazine contents should be full of enticing images and exciting typography to get the reader in the mood for delving into the rest of the magazine’s content.

4. Illustrated Graphics Make Magazines Unique

Browse any shelf of magazines and you’ll notice that most cool magazine covers use photos as their image medium of choice. However, an illustrative cover can look unique and super-stylish and is a great choice for tech, arts, and design titles. On-trend flat graphics are easy to create and can make your magazine look particularly design-forward. 

Get friendly with Adobe Illustrator, CorelDRAW, or Inkscape to create vector graphics that you can drop into your InDesign magazine templates with ease. 

Vectors are a great way to express more abstract or fantastical concepts, and as a result are the perfect choice for magazines that don’t fall into the usual fashion or lifestyle niches. Take a look at the cover for this design magazine—the abstract graphic catches the eye, and it will be sure to stand out in a sea of photographic covers. 

Unspectub Vector Magazine Cover Ideas

Illustrations, whether vectorized or hand-drawn, also add a lovely unique quality to special issues or collector’s editions.

Using illustrations rather than photos also helps you to promote consistency across your magazine design, helping you to develop a brand look for your publication. This makes it a great choice for magazines that need a strong branded style, such as self-promotional magazines for companies like airlines and retailers.

5. Give a Digital Look to Print Layouts With Infographics

Titles like National Geographic and Esquire are big fans of using infographics to illustrate articles in a more exciting, tech-forward way. Many magazines are moving away from traditional text-heavy article layouts and taking inspiration from websites and eBooks to create print layouts that appear more interactive and engaging. 

Take a look at this cool infographic spread from a sports magazine template

Sports Infographic Magazine Spread Design

The article is divided up into points, with each number assigned a hexagon icon and a corresponding image. Spreading the article across the spine of the spread makes the whole design look more immersive and poster-like. 

Even if you’re formatting a text-heavy article, try experimenting with adding callouts and quotes set in infographic-style shapes and borders. Introduce arrows and dividers to direct the flow of the article and hold the reader’s attention for longer. Use maps and pie charts to demonstrate statistics and geographical locations. Infographics work particularly well for sports, commentary, and finance magazines. 

Infographics don’t need to be tricky to recreate—this tutorial shows you how to create simple infographics, including maps and charts, from scratch, directly in Adobe InDesign:

6. Go Minimal for Fashion Magazines

If you’re designing a magazine for fashion or lifestyle content, your challenge will lie in making the design look as on-trend and aspirational as possible. A minimal design is a great blank canvas for fashion photos and retail showcases, and it taps into the trend for ultra-simple, stylish print design. It's the best design for magazines about these topics.

Make photos the focus of your layouts, allowing them to take up at least two-thirds of each page. Pair them with a bare white or pastel backdrop and rich black typography, as in this stylish fashion magazine template.

Madelynn Minimal Magazine Cover Idea
Choose Madelynn or another minimal InDesign magazine templates for a restrained look.

Avoid fuss at all costs, to avoid the designs looking cheap, and shy away from making any typography too ‘shouty’. 

Madelynn Minimal Magazine Spread

Experiment with placing images in slightly off-centered positions, to give the layouts a subtly arty look. 

Madelynn Minimal Magazine Spread Design

Look for photos that share a particular color theme or style, and team them together on the page, as in the layout example below. This will help your layouts to feel stylish, beautiful, and calming to look at. 

Madelynn Minimal Magazine Spread

7. Serifs Look Aspirational; Sans Serifs Look Cool

Typography plays a huge part in positioning your magazine in the market and giving it a particular identity and mood. Typeface styles can have particular associations with famous magazines—think of Vogue and think of Didot; think of National Geographic and think of Stone Sans

We’ve been conditioned over time to associate particular type styles with specific magazine genres, and you can use this to your advantage when designing your own magazines. 

So say, for example, you’re designing a fashion magazine. If you want to make it look more expensive, luxurious, and aspirational, you can turn to an elegant serif like Didot or Bodoni for Vogue-inspired charm.

Kindle Magazine Template Cover

If you want to make your magazine look cooler and more youthful and trendy, you can take a clean, hip sans serif for a whirl, like MOAM91

For sports and tech titles, try out a solid, high-impact sans serif like Sovereign, or why not try a vintage-inspired typeface like New Yorker Type if you’re designing a commentary title (a fitting tribute to the typeface used by The New Yorker).

Photos and color may change with each issue, but typography will remain a constant, so take the time to consider the sort of personality you want your magazine to have, and do your research to find the right typeface that will communicate this. 

Hed Mag Magazine Cover and Layout
The Hed Mag magazine template uses its font to strike a bold tone.

8. Make Beautiful Photos the Main Focus

If you’re lucky enough to have some stunning photography to feature in your magazine, make sure to highlight it as the main focus of your layouts. Most people buy magazines for the photos, with the text content playing a secondary supporting role. 

Fashion, travel, and nature magazines, like this travel magazine template, will often design layouts around a single beautiful photo.

Travele Travel InDesign Magazine Template
The Travele magazine template uses a cover that brings audiences in to the content.

Don’t be afraid to blow images up to huge size—some of the best designs for magazines do this. Dedicating a whole page or spread to a single photo can look fantastic.

Stylish Style Magazine Cover Close-up
The close-up shot on this magazine template focuses on the cover model and whatever product is featured.

You don’t need to be restricted to square or rectangular borders either; try setting photos in circular or unusually shaped frames, or use Photoshop to cut away the background from images to make them more flexible to place on stylish layouts. 

You should also think about how you’re going to print your magazine and how the print finish will affect the quality of the photos. Most magazines are printed on gloss-coated paper. Gloss-coated paper won’t absorb the ink as much as matte-coated paper during printing, allowing the color to sit on top of the paper and look more vibrant and bright. If your magazine’s going to be full of photos, consider printing the magazine on gloss-coated. This is generally a little pricier than matte, but you can get low-weight gloss papers that are better value and will still give your photo layouts a lovely finish.

Make sure your magazine is ready for print by checking out this helpful prepping for print guide:

9. Create a Style Theme and Stick to It!

A well-designed magazine will have elements of consistency which are shared across the whole design, from cover to cover. This thematic design is the hallmark of a professional and carefully considered magazine. 

Be inspired by this strongly themed magazine template, which introduces a few key elements on the cover which are carried forward across the inside pages.

Sociale Cool Magazine Cover

A pastel color scheme is rendered with soft tones. There is a theme of rectangular shapes and blocks, combined with a consistent typographic style.

Sociale Magazine Spread Design
Sociale Themed Magazine
Sociale Themed Table of Contents

Use this checklist to make sure some or all of these elements are consistent across your magazine design:

  • Color palette (choose one to three CMYK colors and use these consistently)
  • Typography (use consistent typefaces, type weights, and sizes)
  • Shape and graphics (use the same shapes or image borders and graphic elements across the magazine)
  • Background color 
  • Page numbering style and running headers (place these on Master pages to promote consistency)

10. Think in Spreads, not Pages

It’s sometimes easy to forget while you're designing that your magazine will be printed and bound into a series of two-page spreads. The reader won't absorb the individual pages, but whole spreads. You'll notice how the most aesthetically pleasing magazines use them in practice. 

You can make the experience of reading your magazine more immersive by keeping this mantra in mind while you design: “Think in spreads, not pages.”

Auntum Magazine Template Spreads
The Auntum Magazine template makes a good use of spreads.

If you’re creating your magazine artwork in Adobe InDesign, this is less of an issue as creating magazine spread design is built into the software. Set the document to Facing Pages (File > Document Setup), which will transform the layout into ‘reader’s spreads’ (laid out in the same way as the reader would actually read the magazine). 

In terms of the design, you shouldn’t be afraid of taking content across the central spine of the magazine spread. Most magazines are perfect bound, which means that the pages are glued to the spine. Unlike with some forms of binding, this means that content sitting towards the inside edge of the page (the edge closest to the spine) is less likely to be sucked into the binding. It’s not wise to place small-scale content like image captions or article text very close to the inside edge, but there’s no problem with placing larger content like headers and images across the inside edges of the spread. 

This simple magazine template uses this technique to create beautiful spreads that extend titles and photos across both pages.

Auntum Magazine Template Spreads
Auntum Magazine Template Spreads

Envato Elements: Design Without Limits

Design Without Limits

Putting together aesthetically pleasing magazines is a huge undertaking. Creative magazine covers and spreads all use many assets to bring an idea to life. You can take magazine templates to these inventive new heights with Envato Elements.

Envato Elements has a great offer for creatives and designers of all experience levels:

For the price of a monthly subscription, you can access unlimited downloads to the Envato Elements digital asset library. That means unlimited InDesign magazine templates, fonts, icons, stock images, illustrations, and much, much more.

Envato Elements Digital Asset Library
There are a lot of creative, digital assets to explore in the Envato Elements library.

That means you can get the best quality assets to tie together your magazine spread without paying extra. Get as creative as you want with your magazine design and other creative projects with Envato Elements.

More Magazine Design Help From Envato Tuts+

The Envato Tuts+ YouTube channel has tutorials covering lettering, WordPress, video production, and everything in between. If you're new to InDesign or creating content with magazine templates, Envato Tuts+ on YouTube has you covered. 

Our channel can help you with magazine spread design, magazine cover ideas, and other tech questions you might have.

The Envato Tuts+ website also features magazine design tutorials. Learn how to recreate the best cool magazine covers like Time, put together an attractive spread design for different types of content, and more.

10 Tips for Designing High-Impact Magazines

In this article we’ve looked at ten helpful tips for creating magazines that pack a punch! 

Sports Magazine Infographic

When you’re trying to get the best design for magazines, be sure to look to these top tips for making your magazine as awesome as it can be:

  1. Don’t be shy with your cover designs—get inspired by magazine cover ideas that use bold, punchy typography and photos to grab attention and sell the magazine to a casual browser.
  2. Use a single pop of color—this is a stylish, subtle way of drawing attention and looks great for sports and tech magazines.
  3. Spend time perfecting your contents page—as the gateway to the rest of your magazine, make sure to give the contents your full attention.
  4. Make your title unique with custom illustrations—whether vector or hand-drawn, illustrated graphics can stand out in a sea of photographic magazines.
  5. Bring digital style to print with infographics—a simple, effective way aesthetically pleasing magazines handle breaking up text-heavy articles.
  6. Choose minimal layout styles for fashion and lifestyle titles—simple styles help trendy subject matter shine through great magazine spread design.
  7. Choose typography appropriately—the right typeface can give particular personality to your magazine.
  8. Make photos the main focus—beautiful photography should take up at least two-thirds of your magazine; be sure to print it on gloss-coated paper to make the most of stunning pictures.
  9. Create a style theme and stick to it—apply consistent elements, such as color, shape and typography, throughout your whole magazine, to make it look super-professional.
  10. Think in spreads, not pages—design your magazine in two-page doses and allow content to spread across the spine, to create an immersive design.

Good luck with creating your own magazines... and have fun! If you’re looking for a template to build on and customise to make it your own, check out the great range of templates over on Envato Market.


50+ Best Heart Graphics (Vector, Clip Art, Pixel)

$
0
0

Hearts are among the most popular of graphics, so today we're focusing on heart graphics.

Heart shape vector
This heart shape vector is just one of many heart graphics you can find at Envato Elements

Here comes a whopping list of over 50 of the coolest heart graphics to be found at Envato Elements. Enjoy!

Heart Graphics at Envato Elements (Unlimited Downloads)

If you love hearts and are always on the lookout for great heart graphics, then you've got to head over to Envato Elements. Elements has an enviable collection of top-quality graphics created by a host of talented designers. And you can download as many as you want, as often as you want, for one flat monthly fee. How cool is that?

Heart graphics on Envato Elements

What's more, that monthly fee also allows you to access thousands of other premium digital assets like logos, graphic templates, mockups, photos, business card templates, and much more. 

Now that you know what Envato Elements is and how it can support you as a designer, let's look at the best handwriting fonts it has to offer. 

50+ Best Heart Graphics

Watercolor Heart Clip Art Simplicity Collection (PNG)

Watercolor Heart Clip Art Simplicity Collection

Let's kick things off with this heart clip art collection, which features four floral heart-shaped frames of hand-painted daisies, leaves, berries, and other decorative elements. This collection, which contains a total of 68 individual floral elements, is perfect for creating wedding invitations, greeting cards, blog headers, and more. 

Black Heart Graphics (AI, EPS, JPG, PDF, PNG, PSD)

Black Heart Graphic

Looking for a black heart graphic with a bit of a twist? Then take a look at this ever so cool black heart vector that's filled with many a random thing. Because it's a vector file you can scale it to any size without loss of resolution, and you'll also be able to change any colour or detail of the graphic easily.

Heart Graphics - Watercolor Illustrations (PNG)

Heart Graphics - Watercolor Illustrations

These Valentine heart graphics are perfect for Valentine or other greeting cards, scrapbooking, invitation, and a host of other projects. The file contains 100 PNG files that consist of single hearts, heart arrangements, and gold elements.

Animals, Birds and Fish Heart Shape Vector Design (AI, EPS, JPG, PDF, PNG, PSD)

Animals Birds and Fish Heart Shape Vector Design

This white heart graphic with its wonderful illustration of different animals is perfect for child-related themes. Use the heart-shape vector on greeting cards, apparel, linen, or any other projects you have in mind. 

Watercolor Valentine Heart Graphic (PSD, JPG)

Watercolor Valentine Heart Graphic

This delicate Valentine heart graphic has just the right whimsical quality to complement cards and other Valentine-related paraphernalia. 

City Life Heart Shape Vector Illustration (AI, EPS, JPG, PDF, PNG)

City Life Heart Shape Vector Illustration

If you're looking for a black heart vector, this one may work for you, although technically it's a heart outline vector filled with various objects against a black background rather than just a straightforward black heart. Nevertheless, if it suits your needs, that's all that matters. 

Watercolor Floral Heart Art (PNG)

Watercolor Floral Heart Art

Check out this beautiful collection of five floral watercolour hearts. The set is made up of two versions of each heart: one without background and one with a white background. 

Happy Couple Heart Vector Art (EPS, JPG)

Happy Couple Heart Vector Art

Now this is a bit of a departure from the heart graphics we've featured so far. This one is a vector papercut illustration of a young man and woman looking at each other and surrounded by clouds and trees. It's a terrific piece of heart vector art for celebrating love, anniversaries, engagements, or any other love-themed occasion.

Cute Rabbit Heart Illustration Graphic (AI, EPS, JPG, PNG)

Cute Rabbit Heart Illustration Graphic

Does it get any cuter than this heart illustration vector of a sweet rabbit soaring through the air, buoyed up by heart-shaped balloons with heart clouds floating by? A terrific piece of heart vector art for many different occasions.

Heart Outline Vector: Tropical Flowers and Bird (EPS, JPG, PNG)

Heart Outline Vector Tropical Flowers and Bird

Bring a touch of the tropics to your designs with this wonderful summer-themed heart illustration vector. Filled with hibiscus flowers, frangipani, variegated leaves, and a lovely hummingbird, this exotic heart-shaped vector is exactly what you need for a mid-summer party invitation to get your friends in the mood for a good time. 

Love Summer Clip Art Hearts (AI, EPS, JPG)

Love Summer Heart Clip Art

Here's an alternative clip art heart to the one above. It also captures a notion of summer fun, but uses fewer tropical references to do so. In fact, this vector is a completely different style from the one above, favouring summer beach items in a heart shape. Check it out for that summer experience.

I Love You: Transparent Heart Vector (AI, EPS, PNG, SVG)

I Love You Heart Text Art

If you need the perfect romantic heart art text for a T-shirt, photo overlay, mug art, greeting card, or something else entirely, this transparent heart vector is it. The 'I love you' text is beautifully framed with floral doodles that keep the design pretty and romantic. 

Hipster Style Heart Vector Image (AI, EPS, PSD)

Hipster Style Heart Vector Image

If you're a hipster, then this heart is probably the kind of heart you relate to. Full of vintage and speciality items like film cameras, bow ties, handlebar moustaches, etc., this heart style vector is a hipster's dream. 

Save the Water Heart Icon (Vector) (AI, EPS, JPG, PNG)

Save The Wate Heart Icon Vector

Combining the heart and water droplets is a great way to accentuate the importance of water in our lives. If you've working on a project related to the environment and/or specifically water, this is a great heart-shaped vector to consider.  

Valentines Hand Drawn Heart Vector Collection (AI, EPS, PNG, SVG)

Valentines Hand Drawn Heart Vector Collection

Whether you're looking for a graphic heart tattoo or heart text art, this hand-drawn heart vector collection has got what you need. Flourishes, vintage backgrounds, heart pixel art, calligraphy and lettering phrases—you name it, it's in this collection. Download it and have fun exploring the possibilities it offers.

Musical Heart Art (AI, EPS, JPG, PDF, PNG, PSD)

Musical Heart Art

Are you a music lover or musician? Does this heart shape of musical instruments make yours skip a beat? This gorgeous collection is perfect for creating music-themed cards and posters. Each element is placed on a separate layer, making it easy to change the colour or modify, so that if you wanted to turn this piece into a pride heart vector, you could change to accommodate that theme. 

Red Heart Vector and Headphones (EPS, JPG, PNG)

Red Heart Vector and Headphones

If you love all things retro, you'll love this red heart vector. Use it for your album covers, T-shirts, posters, or promo flyers. 

Watercolor Valentine Heart Graphics (PNG)

Watercolor Valentine Heart Graphics

These lovely Valentine heart graphics are a perfect collection for Valentine cards, greeting cards, and prints.The collection contains ten large hearts and nine small ones in a wide range of colours. 

Blood Donation - Flat Design Heart Art (EPS, JPG)

Blood Donation - Flat Design Heart Art

This may not be a human heart vector, but if you're looking for a heart graphic for medical-related purposes, this blood donation heart design could just be the thing you need. 

Hand Drawn Heart Vector Set (AI, PNG)

Hand Drawn Heart Vector Set

These lovely hand-drawn heart vectors are an excellent choice for greeting cards, T-shirts, craft projects, and the like. The beautifully rendered hearts also have the benefits of being transparent heart vectors, which means they come free of background encumbrances. 

Christmas Accessories - Red Heart Vector (EPS, JPG)

Christmas Accessories - Red Heart Vector

This red heart vector is all about Christmas and the holiday season, so you can use it to create your own unique Christmas cards or deck the halls.  

Watercolor Wooden Heart Graphics (PNG, PSD)

Watercolor Wooden Heart Graphics

This package is all kinds of lovely as it combines the hard (wood) with the soft (watercolour), and to add a bit of whimsey, various floral elements are thrown into the mix. The package contains eight PSD and eight PNG files for your convenience. 

Valentine's Day - Isometric Heart Illustration (Vector) (EPS, JPG)

Valentines Day - Isometric Heart Illustration Vector

This isometric heart illustration vector is for those who want to bring a different quality to their Valentine's Day designs. This composition, which centres around a giant heart, features male and female characters getting presents and love letters against a white background. 

Watercolor Floral Heart Art (PNG)

Watercolor Floral Heart Vector Art

These 23 watercolour hearts are all made of different flowers and and create a delicate romantic picture which is perfect for Valentines, engagement, wedding cards, and paraphernalia. 

3000 Followers: Heart Vector Image (EPS, JPG)

3000 Followers Heart Vector Image

Use this heart text art to celebrate the magic moment when you reach 3,000 followers. This beautiful heart illustration vector is made up of flowers, leaves, and berries.  A great way to thank your subscribers.

Clip Art Heart Moods (PSD, JPG)

Clip Art Heart Moods

Lighten things up a bit with this package of moody clip art hearts. Each heart expresses a familiar emotion like joy, sadness, anger, or surprise. There's even a broken heart graphic, which let's hope you'll never need. 

Graphic Heart Tattoo Vector With Musical Background (EPS, JPG, PNG)

Red Heart Vector With Musical Background

Looking for a cool graphic heart tattoo vector? This could be just what you need. The awesome graphic features a headphone-wearing heart outline vector with watercolour accents. 

Geometric Heart Vector Art Patterns (EPS, AI, JPG, PNG)

Geometric Heart Vector Art Patterns

Go geometric with these diamond heart vectors. These beautiful patterns are a great choice for craft or fashion projects, greeting cards, and more. The pack contains six seamless patterns in EPS, AI, JPEG, and PNG format. 

Thank You - Modern Heart Illustration (Vector) (EPS, JPG)

Thank You - Modern Heart Illustration Vector

This lovely heart art features elegant white paper-cut flowers in a heart shape, with optional text in the centre of the heart. Use this graphic for greeting cards, posters, flyers, and more. 

Watercolor Rainbow Heart Graphics, Valentine's Day (PNG)

Watercolor Rainbow Heart Graphics Valentines Day

Let it rain hearts when you use this fabulous watercolour heart graphic. The set contains 67 individual images. An excellent resource for when you need magical Valentine heart graphics. 

Musical Retro Background With Red Heart Vector (EPS, JPG)

Musical Retro Background With Red Heart Vector

Here's a red heart vector that has all the hallmarks of a great graphic heart tattoo. Just download it and open it up in Illustrator to customise it and apply it to your special project.

15+ Handmade Clip Art Hearts (AI, EPS, JPG, PNG, SVG)

15 Handmade Clip Art Hearts

There's something visually satisfying about these hand-drawn heart vectors. The heart clip art set contains over 15 heart doodles in AI, EPS, SVG, and DXF. There's also a PNG file format with a transparent background and a JPEG image with a white background.

Love Camping Heart Icon Vector Illustration (AI, EPS, JPG)

Love Camping Heart Icon Vector Illustration

If camping is your jam, then you'll love this heart icon vector made by arranging camping gear into a heart shape. Use it in your branding or on posters, flyers, etc. 

Sweet Hearts Seamless Pattern (EPS, JPG)

Sweet Hearts Seamless Pattern

This decorative seamless pattern with pink 3D hearts would make excellent wrapping paper for Valentine's Day or a background element for your digital scrapbooking project. The zip file contains a fully editable EPS10 vector file and a high-resolution RGB JPEG image.

Christmas Wreath Heart Photo (JPG, PSD)

Christmas Wreath Heart Photo

Here's something a bit different. This wonderful heart photo features a Christmas wreath on a white wooden background. An excellent choice for Christmas greeting cards and invitations, to promote your blog posts, for social media, etc. 

Love Winter Sports Heart Vector Image (AI, EPS, JPG, PNG)

Love Winter Sports Heart Vector Image

And since we're in the winter season, how about this awesome sports heart vector? This time, winter sports gear is used to create a heart. So if you love your snowboarding, skiing, etc., then don't hesitate to add this heart icon vector to your toolkit. 

Valentine Pattern With Paper Hearts (EPS, JPG)

Valentine Pattern With Paper Hearts

This is another heart illustration vector featuring a decorative seamless pattern with white paper hearts on a pink background for Valentine's Day. Download the EPS file, open it up in Illustrator, and modify as needed. 

Valentine Hand Drawn Heart Vector Image (AI, EPS, PNG, SVG)

Valentine Hand Drawn Heart Vector Image

Isn't this the perfect transparent heart vector for adding a bit of romance and prettiness to your life? Use this vector to spice up accessories as shown or to create cool T-shirts or greeting cards. 

Love Your Heart - Red Heart Vector Illustration (AI, EPS, PNG)

Love Your Heart - Red Heart Vector Illustration

A great heart vector for child-themed projects, Red Heart Vector Illustration tells a little story in one incredible image. All the elements in this template are editable in Illustrator, so go ahead and make it your own. 

4 Disco Party Heart Shape Vector Designs (AI, EPS, JPG, PDF, PNG)

4 Disco Party Heart Shape Vector Designs

Start the party with this disco-themed heart shape vector, which features a vibrant, colourful heart made up of a collection of entertainment-related icons. The package offers three options of disco party heart shape designs: neon colours on a black, dark violet, or white background.

Spring Flower Heart Clip Art (EPS, PNG)

Spring Flower Heart Clip Art

Spring Flower Heart Clip Art offers 20 separate flower clip art PNG files with transparent backgrounds, five flower arrangement clip art PNG files with transparent backgrounds, one wood background JPG file, and one EPS vector file with all the aforementioned heart clip art images. 

I Love Paris. Romantic Cards (EPS, JPG)

I Love Paris Romantic Cards

This romantic Valentine heart graphic uses the city of love as its inspiration. The package contains two fully editable EPS vector files that you can customise to create images for T-shirts, posters, cards, or any other project you have in mind. 

I Love You: Heart Text Art (AI, EPS, JPG)

I Love You Heart Text Art

Looking for heart text art? Check out the collection of 12 hearts with the words "I Love You" at their centre. Each card has its own flavour and personality, so choose carefully to complement your projects. 

Vintage Valentine Heart Graphics (EPS, JPG)

Vintage Valentine Heart Graphics

Be ready when Valentine's Day sweeps around again, by getting your greeting cards banners, posters, and invitations created way ahead of time. These three vintage Valentine's heart illustration vectors give you the perfect image to customise for your projects. The hand-drawn heart and text are offered in three colour themes. Take your pick and get to work. 

Vector Floral Heart Vector Art (EPS, PNG, JPG)

Vector Floral Heart Vector Art

If you love flowers, then why not try this flower wreath set in the shape of a heart? Perfect for Valentine's, engagement, and wedding cards, the set contains one EPS vector, one JPEG, and one PNG on a transparent background.

Love Story Heart Outline Vector Illustration (AI, EPS, JPG, AFDESIGN)

Love Story Heart Outline Vector Illustration

This whimsical depiction of a couple holding hands is framed in a heart and is a great choice for any project that relates to love, relationships, romance, etc. The vector file is scalable, so you can resize it without fear of losing quality. 

Heart Ornaments (PSD, JPG)

Heart Ornaments

Looking for some romantic, whimsical design options? Here's the perfect option. You get hearts intertwined with various decorative elements from nature. Pull out any of the elements and use them individually or in combination.

Pastel Heart Art (PNG)

Pastel Heart Art

Looking for clip art hearts? Look no further. These beautiful pastel hearts are perfect for invitations, scrapbooking, stationery, and more.

White Heart Graphic on Red Grunge Blot Background (EPS, JPG)

White Heart Graphic on Red Grunge Blot Background

Wow, there's something both romantic and a little unsettling about this white heart graphic on a red grunge blot background. Is that blood? Never mind. It's best not to know. Use it on a Valentine's card if you dare.

3D Heart Shape Vector Patterns (AI, EPS, PNG)

3D Heart Shape Vector Patterns

Here's a seamless pattern you'll love. It looks great on this bag, but you could also use it on a range of backgrounds, banners, cards, and other design projects. In fact, you get three separate high-resolution patterns with this download, each one chock full of those cute little 3D hearts.

Love Rose White Heart Graphic (AI, EPS)

Love Rose White Heart Graphic

What could be more romantic than this beautiful Valentine's illustration, which combines three separate motifs of love in a single white heart graphic? A rose inside a heart, shot through by Cupid's arrow. It's guaranteed to win someone's heart.

Love Winter Activity Flat Heart Icons Vector Illustration (AI, EPS, JPG)

Love Winter Activity Flat Heart Icons Vector Illustration

Show your love for winter sports with this cool vector illustration, featuring a series of winter sports icons forming the shape of a heart. You can even pull those icons out and use them individually as well if you want. Download it today and enjoy that fun Alpine vibe!

Choose Your Favourite Heart Graphic Today

Envato Elements is an excellent resource for a range of amazing heart graphics. If you also regularly need fonts, mockups, icons, and other design resources, Elements offers unlimited downloads for one flat monthly fee. Head over to the Elements website today to choose your favourite heart graphic and download it for use in your next project.

And finally, if you want more information on other terrific graphics and vector resources, check out these really helpful articles below:

How to Create a Gold Foil Logo Mockup in Adobe Photoshop

$
0
0
Final product image
What You'll Be Creating

Learn the process to build a photorealistic logo presentation mockup, from the right perspective to multiple layer styles. And you'll get a final bonus tip about how to get a trendy rose gold logo! In this tutorial, I will guide you through the steps to create a photorealistic gold foil mockup with Adobe Photoshop.

We'll use a vector badge for the purpose, so you also need to have Adobe Illustrator installed on your computer.

But first, do you need to design a logo texture in Photoshop? Check out this simple, easy-to-use online logo maker. Hundreds of SMART logo templates to design your custom logo all in one place, Placeit

If you're looking for a professional logo mockup PSD, why not try this photorealistic logo type mockup, available on Envato Elements.

Logo mock-ups

Tutorial Assets

The following assets were used during the production of this tutorial to create gold foil text in Photoshop:

If you're looking for some alternative fonts to use, check out this list of fonts that are best suited for logo design:

1. How to Prepare the Paper Texture

Step 1

Download the paper texture and open it with Photoshop.

In the top menu, choose Layer > New > Layer From Background. Type the name "Paper Texture" and press OK.

New layer dialog

Step 2

Open the Layer Style panel for the "Paper Texture" layer you just created and add a new Gradient Overlay effect. Set the options as shown in the image below:

Layer style dialog

Click on the small gradient window to edit the gradient. Set the color for the two color stops to white, and set the left opacity stop to 100% and the right to 0%.

Gradient editor dialog

2. How to Prepare the Smart Object

Step 1

Download the Perspective Image and open it with Photoshop.

Perspective image

Choose, in the top menu, Select > All, and then choose Edit > Copy to copy the selection to the clipboard.

Go back to the paper texture document and choose, in the top menu, Edit > Paste to paste the perspective image over the paper texture.

Rename the layer by double-clicking directly on the layer's name in the Layers panel and changing it to "Perspective".

Step 2

Set the foreground color to blue (any color different from black is good).

Then choose the Rectangle Tool, move the cursor over the canvas, and click. You’ll open a small dialog box that allows you to enter precise dimensions for your new shape. Type 1099 x 791 px and click OK.

Rename the layer by double-clicking directly on the layer's name in the Layers panel and changing it to "Smart Object".

With the layer "Smart Object" selected, choose, in the top menu, Layer > Smart Object > Convert to Smart Object.

Now you should have a rectangle (no matter the color) over the perspective image:

Rectangle on perspective image

What we're going to do now is distort the blue rectangle to fit the same shape of the black perspective rectangle.

Step 3

Choose Edit > Transform > Scale

In this step it's extremely important that we transform the blue rectangle using only the handles at the corners of the bounding box.

Move the mouse cursor over the handle on the top right corner, press and hold the Command button on your keyboard (the cursor will change to a small white arrow), and then click and drag the handle until you touch the top-right corner of the black perspective square with your mouse cursor:

Rectangle on perspective image

Keep dragging the handles to cover the whole black area with the blue rectangle:

Rectangle on perspective image

Now you can remove the "Perspective" layer by selecting it in the Layers panel and choosing Layer > Delete > Layer

3. How to Arrange the Badge With Illustrator

We need a logo or badge to complete the scene. This badge will be a prominent element that later will be stamped on the paper texture.

Fortunately, Envato Elements offers a wide range of high-quality badges and vector elements ready for use. Subscribe to unlock unlimited, high-quality badges, templates, photos and more for one monthly fee!

In this tutorial, we'll use a badge that comes from a great collection of 30 Vintage Style Badges and Logos:

Organic badge from 30 Vintage Style Badges and Logos item

Step 1

Open the vector .ai file with Adobe Illustrator. While you open the file, a window may pop up alerting you that the document uses fonts that are currently not available on your computer. No worries about that—all the fonts are free for use, and you can find a text file inside the folder with all the references and links to download each font.

Missing font dialog

For the purpose of this tutorial, I replaced the commercial fonts used in this badge with two free fonts:

Step 2

Once you're done with fonts, choose the Selection Tool (V).

Selection tool

Now select the "Organic" badge (or whatever badge you like). Copy the badge by going to Edit > Copy or pressing Command-C.

Create a new 350 x 350 px document in Adobe Illustrator. Now paste the badge you just copied by choosing Edit > Paste or pressing Command-V.

Step 3

With the Selection Tool (V), move the badge over the grey area, out of the white canvas.

Organic badge from 30 Vintage Style Badges and Logos item

If the badge is not selected, select it by clicking on it using the Selection Tool (V).

In the top menu, choose Object > Expand Appearance. Again, choose Object > Expand. A dialog window will appear; select Object and Fill and press OK:

Expand dialog

Step 4

Locate the Pathfinder panel. If you can't see the panel, open it by choosing Window > Pathfinder. Click on the Trim button.

Pathfinder panel

Step 5

To remove the white areas, choose the Magic Wand Tool:

Magic wand tool

Move the cursor over a white area and click to select all the white areas of the badge:

If you need to, magnify the canvas using the Zoom Tool (Z).

Now that all the white areas of the badge are selected, remove them by choosing, in the top menu, Edit > Cut.

Now the badge is ready to be imported into the Photoshop scene!

4. How to Include the Badge in the Scene

Step 1

We're still in the Adobe Illustrator workspace. Copy the badge by going to Edit > Copy or pressing Command-C.

Step 2

Go back to Photoshop, select the Smart Object from the Layers panel, and Double-click on the Smart Objects thumbnail.

When you edit a Smart Object, the source content is opened in a new window of Photoshop. Here you can make any changes you like and, once you're satisfied, all you need to do is save the file and the Photoshop Smart Object will be updated when you return to it.

In the Layers panel, deactivate the visibility for the blue rectangle layer, and paste the badge you just copied by choosing Edit > Paste or pressing Command-V.

From the dialog box, choose Smart Object and press OK.

Paste as smart object

Locate the top options bar and set the badge's position to 744 x 536 px and its dimension to 771% for both the Width and Height fields. When you're done, press Enter on your keyboard:

Top options bar

Step 3

Save the document by choosing File > Save or using the keyboard shortcut Command-S.

Go back to the main document, and you'll notice that the smart object is now updated with the last changes. The badge, in fact, has taken the perspective of the smart object. 

Gold Foil Logo Mockup

5. How to Add the Gold Foil Effect

It's time to add some significant effects to the badge to give it a 3D logo mockup feel consistent with the scene.

Step 1

Select the "Smart Object" layer and set the Fill to 0%. Duplicate the "Smart Object" three times by going to Layer > New > Layer Via Copy.

Now look at the Layers panel, and you should be in a situation like this:

Layers panel

Rename the layers as shown in the image below, and then group the three effect layers:

Layers panel

From now on, when you need to replace the badge in your smart object, you can use this layer, by clicking on it and editing the content.

Step 2

Let's start adding some layer styles to the "Effect 1" layer in your gold logo mockup. Open the Layer Style panel and add a new Inner Shadow effect and set it as shown in the image below:

Layer style inner shadow effect

The color for the Blend Mode Color is White #ffffff.

Step 3

Add a new Color Overlay effect to your gold foil mockup and set it as shown in the image below:

Layer style color overlay effect

The color for the Blend Mode Color is #967a2f.

Step 4

Add a new Gradient Overlay effect in the gold logo PSD and set it as shown in the image below:

Layer style gradient overlay effect

Click on the small gradient window to edit the gradient. You're halfway there in your gold foil text in Photoshop.

Set the first color stop to Location 0% and Color to #343434, and then set the second color stop to Location 45% and Color to #343434.

Set the first opacity stop to Opacity 75% and Location 0%, and then set the second opacity stop to Opacity 0% and Location 45%.

Gradient editor dialog

Press OK to confirm and close the Layer Style panel for your gold foil in Photoshop.

Step 5

Now let's add some layer styles to the "Effect 2" layer. This will help you create a gold letter mockup. Open the Layer Style panel and add a new Gradient Overlay effect and set it as shown in the image below:

Layer style gradient overlay effect

Click on the small gradient window to edit the gradient. Here you need to set up seven color stops as follows:

  • 1# color stop: Color#bdbbb6, Location 0%
  • 2# color stop: Color #ffffff, Location 18%
  • 3# color stop: Color #85816f, Location 33%
  • 4# color stop: Color #ffffff, Location 46%
  • 5# color stop: Color#716d54, Location 54%
  • 6# color stop: Color#ffffff, Location 66%
  • 7# color stop: Color #65625a, Location 82%
Gradient editor dialog

Step 6

Add a new Drop Shadow effect and set it as shown in the image below:

Layer style drop shadow effect

The color for the Blend Mode Color is White #ffffff.

Press OK to confirm and close the Layer Style panel.

Step 7

Finally add some layer style to the "Effect 3" layer in your logo texture in Photoshop. Open the Layer Style panel and add a new Gradient Overlay effect and set it as shown in the image below:

Layer style gradient overlay effect

Click on the small gradient window to edit the gradient. Here you need to set up seven color stops as follows:

Gradient editor dialog

Click on the small gradient window to edit the gradient. Here you need to set up seven color stops as follows:

  • 1# color stop: Color #e9e7d9Location 0%
  • 2# color stop: Color #fffdf0Location 20%
  • 3# color stop: Color #8e8366Location 61%
  • 4# color stop: Color #9e9475Location 67%
  • 5# color stop: Color #cec7b2Location 78%
  • 6# color stop: Color #69604cLocation 95%

Step 8

Add a new Drop Shadow effect in the 3D logo mockup and set it as shown in the image below:

Layer style drop shadow effect

The color for the Blend Mode Color is Black #000000.

Press OK to confirm and close the Layer Style panel.

Your gold letter mockup is done!

Gold Foil Logo Mockup

6. Bonus Tip: How to Get the Rose Gold Tint

In case you haven’t noticed, rose gold is everywhere right now. From holiday decorations to engagement rings to the new iPhone, this pretty metallic is kicking traditional gold to the curb.

You don't need a rose gold logo template. If you'd like to apply this trendy tint to your new Gold Foil Logo Mockup and create a rose gold logo, just do the following:

Step 1

Select the "Effect" folder in the Layers panel, and then click on the small icon at the bottom of the panel and select Solid Color. See the image below for reference:

Layers panel

In the Color Picker dialog, set the HEX color to #eeb5ef and press OK to confirm.

Color picker dialog

Step 2

Right click on the Color Fill layer you just created and choose Create Clipping Mask.

Change the Blend Mode to Multiply and the Opacity to 90%.

Layers panel

Your Rose Gold Logo Mockup is ready! 

Rose Gold Foil Logo Mockup

Congratulations, Your Gold Logo PSD Is Done!

In this tutorial we learned how to create a realistic gold foil logo mockup with Adobe Photoshop!

I hope that you've enjoyed my tutorial about creating a gold letter mockup and learned something new. Please feel free to leave your comments, suggestions, and outcomes below.

Gold Foil Logo Mockup

Top 5 Logo Mockup PSD Templates From Envato Elements

Now that you've learned how to make your own gold foil Photoshop logo from scratch, let me tell you about the all-inclusive offer Envato Elements has for you:

You can save hours of work by signing up for Envato Elements. Get access to thousands of creative graphics and templates with unlimited use. From professional logo mockup PSD templates and 3D logo mockups to royalty-free audio tracks, images, videos, and more—all for one low monthly price.

Envato Elements has thousands of professional logo mockup PSD templates
Envato Elements has thousands of professional logo mockup PSD templates

To show you what I'm talking about, below you'll find some of our best logo type mockups and foil stamp mockups for Photoshop, so you can keep creating realistic logo textures in Photoshop in a fraction of the time.

1. Metallic Logo Mockups (PSD)

Metallic Logo Mockups

This metallic logo mockup PSD will showcase your designs on seven realistic metallic surfaces. All the mockups included in this pack have smart object layers that allow you to add your designs to your logo presentation mockup with a single click. 

2. Gold Foil Mockup (PSD)

Gold Foil Mockup

Ever wanted to quickly create realistic gold foil text in Photoshop? This gold foil Photoshop mockup is for you. To obtain a realistic logo presentation mockup, just place your design inside the smart layer and save the changes.

3. Silver Foil Logo Mockup (PSD)

Silver Foil Logo Mockup

On the other hand, if you prefer silver over gold, we can also help you with a foil stamp mockup. This silver foil logo mockup creates a polished and professional effect with any logo or badge. Just a few clicks and you'll get a fantastic logo presentation mockup!

4. Gold Logo Mockup (PSD)

Gold Logo Mockup

This gold logo PSD features smart object layers, so you can quickly do your own gold letter mockup. This gold logo mockup also includes real backgrounds and textures for a professional foil stamp mockup.

5. Rose Gold Logo Wall Mockups (PSD)

Rose Gold Logo Wall Mockups

As we've seen, rose gold logos are everywhere this season. This rose gold logo template is included in a set of eight logo mockup PSD templates for your design. 

Each template contains eight types of overlay shadows (windows, natural shadow, palm tree shadows) and five backgrounds with different wall textures.

Don't miss out on this rose gold logo template—check out all the elements included in this set!

Discover More Logo Mockup PSD Templates

Looking for more logo textures in Photoshop? Check out the following content to learn more about logo type mockups and more:

Conclusion 

We hope you've enjoyed our tutorial on how to create a gold foil Photoshop logo and our selection of logo type mockups. If you want more 3D logo mockups and foil stamp mockups, you can always browse our awesome library at Envato Elements!

A Guide to Vintage Design Styles

$
0
0

What does retro style mean? Retro or vintage design refers to a broad range of graphic design styles which lift influences and inspiration from different historical eras and retro style design, from mid-century modern graphic design and 50s art styles to vintage 70s graphic design.

What Is Vintage Design?

When you’re asked to give a design or image a ‘vintage’ look, what does that actually mean? ‘Vintage’ encompasses a whole range of styles, which span decades and design genres. In this quick guide, I’ll walk you through some of the most popular vintage design styles so you can recreate an old-fashioned look with more authenticity and attention to detail.

Here, we'll walk through a timeline of retro design styles, from Gothic and Victorian through to mid-century modern graphic design, 1950s graphic design, retro graphic design, Bauhaus, and Grunge. We'll see how contemporary designers are reinterpreting vintage design and historical graphic design styles to create vintage graphic design that's fresh and unique. 

fonseca rounded
Fonseca Rounded font family.

How to Identify a ‘Vintage’ Design Style

What is vintage design? Everybody has an idea of what looks ‘old’, but when and where you were born can influence your perspective. The way you perceive something as appearing ‘vintage’ or ‘old-fashioned’ is conditioned by three factors—nostalgia, perception of age, and visual style.

These three factors combine to create a vintage design that looks in some way historical or retro. For example, a designer can use 50s design elements such as fonts and mid-century illustration to give something a 50s art style or retro graphic design, and combine this with aged textures to give the impression of ageing. 

The nostalgia factor comes into play in terms of the audience you are aiming at, with designers and marketers aiming particular vintage products at particular demographics to tap into what they find nostalgic about their own childhoods and the periods when their parents were young. Nostalgia is of particular interest for marketers, who tap into the psychological value of retro graphic design style to sell products with a vintage design. 

1. Nostalgia

What Is Nostalgia?

If you were born in the Eighties, this decade might have a more nostalgic quality for you as this is the decade when you were a child. If you were born in the Seventies, this era likewise might seem more nostalgic and positively emotional for you personally, meaning that products with vintage 70s graphic design are more likely to have a powerful psychological draw.

What Is Nostalgic Marketing?

Many contemporary brands have realised the power of tapping into nostalgic marketing for their products. Giving a product, such as an item of clothing or advert, a stylistic reference to the target market’s nostalgic decade is a surefire way to increase sales. 

Note how lots of brands now targeting the millennial market are looking to the design styles of the nineties to make their products appear more nostalgic. The theory goes, if you loved wearing a velvet choker circa 1995, you’ll be more likely to buy into the trend again 20 years later. 

nostalgia record
Nostalgic marketing taps into the romanticism of bygone eras to market vintage-inspired products to contemporary audiences.

2. Ageing

The second factor which helps you identify a ‘vintage’ or retro graphic design style is perception of age. Everything ages, and time has an influence on how retro design elements appear depending on how old they are. 

How Do We Perceive Ageing in Vintage Design?

Look at a shiny modern digital print, and you’ll probably place it as having being made recently. You might guess the age of a print with slightly more pixelation and a duller color as being of the 1950s or 1960s. A print with yellowing, curled, or ripped edges and serious signs of damage or decay looks even older—possibly 19th or early 20th Century. 

When we recreate vintage design styles, we might try to replicate the look of these ageing processes to make the design appear more authentic. You can easily infuse your designs with instant retro style design by using a vintage-inspired texture or background.

vintage texture
Pack of vintage textures which replicate the ageing process.

3. Visual Style

Aside from nostalgic value and ageing being hallmarks of vintage graphic design and retro style design, you can also identify vintage styles from visual pointers. 

Even though you might not have lived through a particular decade, such as the 1920s, you’ll still be able to recognize if something references the era by picking up on visual clues. We’ll explore this side of vintage design in more detail below. 

What Is Retro vs. Vintage Style?

One of the more confusing things to understand when it comes to historical-inspired design is the retro vs. vintage style distinction. 

What is vintage design? In this article, all historical styles are generally referred to as 'vintage' graphic design. However, some later periods, such as 1950s graphic design, 60s style, and 70s graphic design, are often referred to as representing retro graphic design. 

What does retro style mean? 'Retro' refers to something that imitates the graphic design style of a recent period. The word stems from the French word rétro (short for rétrograde), which means 'backward' or 'behind'.

The retro vs. vintage style distinction can seem a little vague, but in short, a vintage style illustration might appear more truly 'vintage' if it imitates the style of older periods, such as the 1930s or 1940s, while the same vintage style illustration can have a more retro style design if it references a 50s art style, 60s retro graphic design style, or vintage 70s graphic design.

art deco invite
Art Deco wedding invitation bundle.

Your Essential Guide to Vintage Design Styles

From Baroque to Victoriana, Steampunk to Mid-Century graphic design, there's a wealth of history to source vintage graphic design inspiration. Vintage graphic design styles are far from stuffy—the best examples reinterpret retro graphic design styles to create something new and exciting. 

This guide aims to show you how to identify specific vintage design styles and retro design elements, and I'll also share some tips on reproducing the style in your own work. Note that to keep a vintage design style looking relevant and fresh, designers will often mix elements of the vintage style with more modern design features. It’s this vintage/modern balance that makes a style look ‘vintage’ and not outdated.

Victoriana

What Is Victoriana?

Victoriana refers to a design style that takes inspiration from the period 1837 to 1901, when Queen Victoria was on the British throne.

Victoriana is inspired by the decorative arts and design styles of the Victorian period. Because the Victorian period spanned 60 years, the Victoriana style is broad, and the look can be achieved by referencing very diverse design styles. 

Graphic designers might interpret Victoriana now by using circus-style typefaces, text-heavy layouts, or military elements like medals and uniforms in their designs.

victorian parlor
Victorian Parlor font family, which includes a set of Victorian-inspired vector graphics.

In many ways, ‘vintage’ graphic design as we know it today is mostly influenced by Victoriana styling and has evolved into related styles, like Industrial, Steampunk(see below), and ‘Hipster’ styling.

This bifold menu template is a great example of modern Victoriana styling. 

victorian menu
Victorian bifold menu template.

Ornate borders and ribbons, along with hand-drawn serif typefaces and a busy text-filled layout, take direct inspiration from styles that were popular in the 19th Century.

  • Shares traits with: Steampunk (see below), Industrial, ‘Hipster’, Military

Letterpress

What Is Letterpress?

Letterpress is one of the oldest printing techniques, using a method of relief printing to create an engraved color effect. The effect adds an appealing hand-done look to designs, which makes it a great pairing for vintage-style layouts. 

Although letterpress has enjoyed popularity throughout a number of historical periods, it is particularly evocative of vintage design of the 18th and 19th centuries, when the letterpress method was widely used for printing books, posters, and pamphlets.

letterpress
The letterpress technique uses letter blocks, made from metal or wood, which are rolled in ink, to create an impression on the surface.

Though letterpress is a print technique, its distinctive look has made it into a recognizable design style of its own. Designers enhance its vintage appeal with muted colors, vintage style illustration, and old-style typefaces. 

Digitized letterpress effects can also replicate the look without the need for printing using the letterpress method. These Photoshop letterpress textures allow you to mimic the look on your computer without the need for a specialized printer.

letterpress
Photoshop vintage letterpress textures.

Use this letterpress label mockup template to give your vector designs a vintage, tactile look in an instant. 

letterpress labels
Letterpress label mockup template for Photoshop.
  • Shares traits with: Victoriana (see above), Folk, Rustic, Craft

Steampunk & Retrofuturism

What Is Steampunk?

Steampunk is not a purist vintage design style—rather it is an eclectic blend of different graphic design styles and pop culture references.

Steampunk is a relation of Victoriana, taking inspiration from 19th-Century industrialisation and technologies and merging this with sci-fi and post-apocalyptic cultural references. 

steampunk
The steampunk style merges Victoriana styling and machinery with elements of futurism, science fiction, and punk.

Using steampunk elements in graphic design allows designers to give an off-beat, distinctive twist to vintage styles. 

Steampunk was a popular revival design style during the 1970s and 1980s, with its visual aesthetic, steampunk vintage style illustration, and retro style design used in a number of post-apocalyptic movies such as Mad Max (1979) and Time Bandits (1981).

Cogs, metallic textures, and rich colors help to bring a touch of steampunk to any design.

steampunk fonts
Steampunk Brushes & Backgrounds

What Is Retrofuturism?

Retrofuturism is a related trend, not particular to Victorian references, which creates interpretations of the future from the perspective of an earlier era. 

Often inspired by 1950s graphic design, mid-century illustration, and vintage 70s graphic design, retrofuturism exaggerates the true historical form of objects often related to space travel, abstracting them to create a more cartoonish appearance.

These retrofuturistic rockets are an example of the retro graphic design style, using 1960s references to create designs with an exaggerated retro look.

retro rockets
Retrofuturistic rocket vector icons.
  • Shares traits with: Industrial, Victoriana(see above), Punk(see below)

Gothic

What Is Gothic Design?

The Gothic design style is based on decorative and architectural styles that were popular in the mid-to-late Medieval period. An extremely broad ‘total’ design style, its influence can be seen across architecture, art, and decorative arts from this period. 

Among the most traditional and formal of vintage design styles, Gothic design brings a sense of authority, majesty, and darkness to vintage graphic design.

gothic ceiling
The Gothic vaulted ceiling of a Benedictine monastery designed by the German architect Dienzenhofer.

In graphic design now, Gothic styles are characterized by medieval references in typefaces, aged textures, and simple colors that mimic the dark, natural atmosphere and textures of many Gothic-period buildings. 

This Cattedrale blackletter typeface is a traditional example of the Gothic trend, borrowing old calligraphic elements to create a style that has a formal, dramatic quality.

cattedrale
Cattedrale Gothic typeface in blackletter style.
  • Shares traits with: Baroque(see below)

Baroque

What Is Baroque?

If you want to create more of an ornate, detailed look in your vintage designs, Baroque is the style to aspire to. A design style that was extremely popular in the 17th and 18th Centuries, Baroque is characterized by grand, exaggerated features like ornate gilding and detailed decorative elements using natural elements like shells and plants. 

Baroque is also related to Rococo, a vintage design style which refers to the extremely ornamental and romantic visual style of the Late Baroque. 

baroque fashion
A fashion portrait reinterpreting Baroque style.

To replicate the style in your own work, look out for beautiful ornate typefaces, botanical vintage style illustration, and French-inspired frames and borders. It’s a beautiful style for using on more formal items like wedding invitations.

ornate wreaths
Embellish your designs with Baroque-inspired ornate borders and wreaths.
  • Shares traits with: Gothic(see above), Art Nouveau(see below)

Art Nouveau

What Is Art Nouveau?

Art Nouveau was a popular design style at the turn of the 20th Century. Inspired by curved and natural forms, the style is characterized by fluid borders with ornate details, pleasingly symmetrical layouts, and warm, optimistic colors. 

Art Nouveau is still a go-to style for contemporary designers looking to inject romanticism and beauty into their work. Menus, invitations, and posters will all benefit from a dose of Art Nouveau styling. 

Art Nouveau fell from favor during the Art Deco period, but this romantic, ethereal vintage design style has since been revived during the 1970s (when it was popularised by fashion house Biba) and more recently in web and brand design. 

at nouveau
Website design using Art Nouveau-inspired Royale font.

The quickest way to buy into the look is to look for ornamental frames and graphics and delicate, curved typefaces.

art nouveau posters
Art Nouveau poster templates.
  • Shares traits with: Art Deco(see below), Baroque(see above)

Art Deco

What Is Art Deco?

Art Deco is a glamorous architectural and decorative style that reached its peak in the 1920s and 1930s. A very distinctive design style, Art Deco can be identified from its strong geometric and symmetrical forms, rich colors, and luxurious, often metallic, textures and finishes. 

Vintage style seekers won't be disappointed with the wealth of vintage graphic design inspiration evident in Jazz Age posters, packaging, interiors, and architecture.

  • 28 Best Art Deco Fonts

art deco poster

Compared to more classical styles that came before it, Art Deco looks intentionally more modern. This has ensured its lasting favor among designers who want to add a touch of luxury and geometric beauty to their work. 

phantom
Phantom Art Deco display font.

Art Deco manages to balance masculine and feminine qualities well, making it a great choice for people looking for something less floral and traditionally ‘pretty’ for their wedding stationery. These wedding invitations show just how minimal, glamorous, and beautiful the Art Deco style can be.

art deco wedding
Art Deco wedding invitation suite.

Aside from wedding invitations, the Art Deco style works well across all sorts of media. Try using Art Deco typefaces on posters and packaging to make events and products feel more aspirational.

  • Shares traits with: Modernism, Art Nouveau (see above)

Bauhaus

What Is Bauhaus?

Bauhaus is a niche design style inspired by an art school in Germany that was widely influential during the 1920s and 1930s. A founder of Modernism in Germany, the Bauhaus movement championed simple, minimal graphics and bold, poster-box colors. 

As a style created purposefully and skilfully by graphic designers and architects, this retro graphic design style is particularly popular amongst graphic designers today. Geometric elements, grids, and playful colors make this a retro graphic design style with a distinctly contemporary appeal. 

bauhaus poster

The Bauhaus’s favored palette of white, red, blue, yellow, and black instantly conjures up the impression of an early Modernist style. Use the colors in combination to transport your designs to Pre-War Europe.

bauhead font
Bauhead display font.
  • Shares traits with: Modernism, International Typographic Style (see below)

Mid-Century Modern Graphic Design & Pop Art

What Is Mid Century Modern Graphic Design?

When you think of the term ‘retro’, you might well picture a 1950s design style in your head. ‘Mid-Century Modern’ is the term design historians use to describe this distinctive style, which was incredibly popular in the 1950s and 1960s across design and architecture.

50s design elements include jaunty typography and mid-century illustration, creating a sense of movement and positivity and making 1950s graphic design feel youthful and fun. 

lets jazz font
Wine bottle label inspired by Mid-Century Modern design, using Let’s Jazz font.  

Characterized by minimal, curvy shapes and cheerful colors, Mid-Century Modern graphic design is a friendly vintage style that adds a fun touch to any design. 

bidon poster

More than Art Deco, Mid-Century Modern is much more of its time, and less contemporary in style a result. By using elements of the style, you will immediately make a design appear more 1950s, which coincidentally is a growing trend across product and graphic design right now. Look to mid-century illustration or 50s design elements, such as diner fonts, to give your designs instant retro graphic design style.

What Is Pop Art?

Linked to Mid-Century Modern is the Pop Art style, which gives retro pop culture imagery a witty, and sometimes dark, twist. A retro graphic design style which was popular during the 1950s and 1960s, Pop Art links across to surrealism (an art movement popularised during the 1930s) and comic-book culture.

In your own designs, you can reference the style using the graphic effects favored by sixties pop artists like Andy Warhol and Roy Lichtenstein, such as collage-style colors and pixel-dot effects.

pop art keynote
Pop Art keynote presentation template.
  • Shares traits with: Kitsch, Modernism

International Typographic Style (or Swiss Style)

What Is the International Style?

Also known as the Swiss Style, the International Typographic Style is a graphic design style that was first conceptualized in the 1920s in Europe, but became fully developed and popularized by a group of Swiss designers in the 1950s. 

This retro art style is one of the most subtle and enduring vintage design styles, paving the way for modernist, minimal graphic design. 

The style marks another rung on the Modernism ladder, and you can identify it from its emphasis on minimal layouts, legibility, and sans serif fonts like Akzidenz Grotesk and Helvetica.

articulat
Articulat sans serif font family.

Today, designers still adore the Swiss Style for its clean, modern look. It applies incredibly well to more formal media, like reports, business stationery, and magazines. 

Designers also lift the Swiss Style’s favored color scheme of grey, red and white, to make a nod to the style in their work.

swiss proposal
Swiss style project proposal template.
  • Learn how to create a poster influenced by the International Typographic Style in this typography course.
  • Shares traits with: Modernism, Mid-Century Modern(see above), Seventies(see below)

Seventies

What Is Vintage 70s Graphic Design?

The decade that marked huge cultural and social revolutions also gave birth to some fascinating retro style design. For some, the 70s is the epitome of 'retro' style design, while for others it can be demonised as the decade that taste forgot. 

The seventies have struggled with a poor design reputation for some time. Only recently have designers started looking to the decade for some fantastic retro graphic design inspiration.

Playing on the nostalgic qualities of the decade, designers are starting to use seventies design traits to appeal to audiences who either lived through the decade or have parents who did. 

The era may be remembered by some for unflattering fashion trends and dodgy wallpaper, but it also produced glamorous, iconic designs across interiors and graphic design. 

Emulate the look with a warm color palette of oranges and browns, and mix photography in with vector graphics for a look that feels authentically seventies. This flyer template plays up the nostalgic qualities of the era, mimicking the look of an old-school record sleeve.

seventies flyer
Seventies Music Show Flyer Template

This bundle of seventies-inspired patterns, brushes and textures allows you to transport your designs to the era of disco.

seventies
Back to the Seventies pack of patterns, brushes and textures for Adobe Illustrator.

Punk

What Is Punk?

Inspired by the punk music scene of the late 1970s and 1980s, the punk style is anarchic and attention-grabbing. A daring and divisive retro graphic design style, punk broke all the rules and refashioned them in a haphazard and confrontational way. Newspaper collages, hand-written typography, and clashing neon color palettes took their aesthetic cues from the grittiness and noise of punk music gigs and the safety-pin-strewn outfits of punk fans. 

This poster template displays some of the strongest features of the style, with neon colors, jumpy text baselines, and newspaper-print photography. 

punk flyer
Punk flyer and poster template

Graphic designers still turn to punk for its in-your-face character. This poster for the movie Filth shows how punk has evolved to suit contemporary designs. Spot the newspaper textures, collage-style cut-outs, and off-kilter text. 

Filth poster

If you want to grab someone’s attention and hold it, punk is a great vintage design style to reference. This makes it the perfect choice for flyers, posters, and other advertising or marketing media.

It also has connections with the Motorbike/Heavy Metal design style, which takes punk elements and incorporates them into tattoo-inspired logos and typefaces.

volante font
Volante condensed font family
  • Shares traits with: Steampunk(see above),Grunge(see below), Gothic(see above)

Grunge

What Is Grunge?

One of the most recent of styles that can be considered ‘vintage’, grunge, like punk, is inspired by the music and fashion scene of the same name. 

A more laid-back interpretation of some of the vintage design styles popularised by the punk movement, grunge uses aged, retro design elements to create a dirty, too-cool-to-care effect. 

At its height during the nineties, the grunge style is cool, angst-ridden, and laid-back. Graffiti, sombre colors, and dirty textures have come to characterize the style for contemporary designers.

grunge graffiti

Grunge’s main contribution to modern graphic design is the popular grunge textures, which add a grainy, aged look to any design. To achieve the grunge look in your own designs, a grunge texture is the best and easiest way to buy into the trend. Use it across flyers, posters, and photos to give your designs an instant grungy look.

vector grunge
Vector grunge texture bundle

This flyer template picks out some of the strong stylistic traits of grunge, such as papery textures, tinted photography, and muted colors, and places them in the context of a more contemporary, grid-based layout.

grunge flyer
Grunge music flyer template

Your Potted Guide to Vintage Design Styles

Vintage graphic design, retro graphic design style, and retro design elements are sourced from a rich timeline of historical design styles. Today, vintage design is not a purist, conservationist art form, but should be considered as a way of paying tribute to our shared design heritage.  

Here, we’ve whizzed through some of the best-known design styles that can be considered as ‘vintage’. As we touched on at the beginning of this article, we can class a style as being ‘vintage’ by looking for all or some of these three qualities—nostalgia, perception of age, and visual style. 

From Gothic art to 1950s graphic design, mid-century illustration to vintage 70s graphic design, there's something to inspire every design enthusiast. 

You can see this guide as an inspiration melting pot for your own vintage designs. Whether you want to accurately emulate a particular era or simply borrow elements from one or several styles to give a modern design a slightly retro edge, this guide will hopefully have you feeling more confident about identifying and mimicking particular vintage styles.

Have I missed a vintage style that you love? I’d love to hear your thoughts on your favorite vintage styles and how you emulate them in your work. Leave your thoughts in the comments below!

Love vintage style and retro graphic design? Discover more historical-inspired tutorials, vintage graphic design inspiration, and vintage design articles here:

Creating an Environmentally Friendly Green Type Treatment

$
0
0
Final product image
What You'll Be Creating

With oil prices the way they are today, everybody is thinking Green. I have done many projects recently that require a Green style applied to the design. In the following Illustrator tutorial, I'll teach you how to create a Green type treatment. It works great for logos and other design elements.

Follow along with us over on our Envato Tuts+ YouTube channel:


1. Create Your Text

Step 1

Create a New document that is 8.5 x 11 inches. Choose a typeface for the type treatment (I used "Ubuntu Bold") and type out what you want. Next, Outline the text by going to Type > Create Outlines.

text to outline

Step 2

With the text selected, create a Linear Gradient from the Gradient panel. Change the color of the first swatch on the Gradient Slider (left swatch) to a light green (I used these CMYK values: C=40, M=0, Y=100, K=0). Change the second swatch on the Gradient Slider to a darker green (C=60 M=16 Y=100 K=0). Use the Gradient Tool (G) to adjust the gradient by clicking at the top of the type and dragging to the bottom of the type so the dark part is at the bottom.

add gradient to text

rotate gradient

2. Create a Leaf

Step 1

Now we're going to create some leaves. Start by drawing a leaf shape with the Pen Tool (P). Again, with the Pen Tool (P), draw a line that starts at the tip of the leaf and ends in the middle of the bottom part of the leaf. After selecting the line and the leaf shape, press the Divide button in the Pathfinder panel, located on the bottom left side of the panel. Ungroup (Command-Shift-G) the objects so you have two separate shapes.

draw vector eaf
add the stem
divide the shape
finish leaf shape

Step 2

Select both shapes and create the same colored Linear Gradient as the text. Next, select one shape and use the Gradient Tool (G) to click and drag at a 45-degree angle across the leaf half shape. Do this again for the other half of the leaf.

add gradient to leaf

Step 3

With the Pen Tool (P), draw a highlight shape on the top leaf half. Change the highlight shape to a Radial Gradient. Change the left swatch to white and the right swatch to your green color (C=40 M=0 Y=100 K=0).

add highlight to leaf

Step 4

With the Pen Tool (P), create a stem shape and send it behind the leaf shapes. Create a Linear Gradient, make the gradient the same colors as the leaf shapes, and adjust the gradient so the darker green is at the top of the stem.

add gradient stem to leaf

3. Create a Waterdrop

Next come the water droplets. Create an oblong ellipse with the Ellipse Tool (L). Then create a Linear Gradient using the same colors as the leaf and text. Adjust the gradient so the dark side is on the bottom left.

Create another ellipse on top of the previous ellipse and create a Radial Gradient with the same swatches as the highlight gradient. Adjust this gradient so the light part of the gradient is coming from the bottom left.

Create two smaller ellipses with Linear Gradients matching the highlight gradient. Once you are done, group all the ellipses, scale them, and place them on the leaf shapes. You can easily copy the droplet by holding down Alt and dragging a copy.

create vector waterdrop

4. Create a Cute Ladybug

Step 1

The next couple of steps deal with creating the ladybug. Create an ellipse and fill it with a Linear Gradient. Make the first swatch in the gradient a red (C=0 M=100 Y=100 K=0) and the second an even darker red (C=0 M=100 Y=100 K=35). Adjust the gradient so the red color is at the bottom of the ellipse.

Copy (Command-C) the ellipse and Paste it in Front (Command-F). Draw a bigger ellipse that overlaps the center of the original ellipse. After selecting one of the original ellipses and the overlapping circle, press the Intersect Shape Areas button in the Pathfinder panel. Make the intersected shape a Linear Gradient with the first swatch white and the second swatch red. Adjust the gradient so the white is at the top of the shape.

create red gradient circle
add shine to gradient

Step 2

Draw five more ellipses over the ladybug body shape and group them together. Copy (Command-C) the original body ellipse shape and Paste it in Front (Command-F). With the copied body shape and the five ellipses selected, intersect the shapes.

Change the dots to a Linear Gradient with the first swatch a really dark red and the second swatch a black red. Adjust the gradient so the lightest red is at the bottom of the combined shapes. Next, Copy (Command-C) the top highlighted shape of the body and Paste it in Front (Command-F).

Copy (Command-C) the dots and Paste in Front (Command-F). Select the copied highlight and one of the copied dots and Intersect them. Create a Linear Gradient with the first swatch at 60% black and the second at 90% black. Adjust the gradient so the lighter black is at the top of the shape.

add dots and intersect
create ladybug pattern

Step 3

Create another ellipse for the ladybug's head. Create a gradient the same as that of the top dots, and send the head behind the body shape. Draw an antenna shape with the Pen Tool (P) and place it behind the head. Copy (Command-C) the antenna and Paste it in Front (Command-F). Reflect the antenna by pressing the Flip Horizontal option from the pop-up menu of the Transform panel.

add head to ladybug
create vector ladybug

5. Position Your Elements

Step 1

Draw an ellipse roughly the size of the completed ladybug. Create a Radial Gradient so the inside swatch is black and the outside is white. Set the ellipse to Multiply from the Transparency panel and send it behind the ladybug to the bottom left, creating a drop shadow. After grouping the ladybug and drop shadow, place it on the leaf. Then scale and rotate the ladybug as needed.

create vector shadow
add ladybug to leaf

Step 2

After selecting the leaf and all the elements on it, place them over your text. I placed mine over the first letter of the word.

add leaf to text

Step 3

Copy (Command-C) the leaf and elements, except the ladybug, and Paste (Command-V). Flip the leaf horizontally and scale it down. When scaling, you don't have to constrain the proportions—this helps the leaf look different from the others. Repeat this step a couple of times around the text.

add more leaves
decorate text with leaves

6. Add Detailing to Refine the Design

Step 1

For the other leaves, we are going to create an Art Brush. You can draw these elements with the Pen Tool (P), but you'll find it easier and more consistent to use a brush.

Draw an oblong ellipse. Then, with the Direct Selection Tool (A), select the right anchor point in the ellipse. When you select an anchor point, the Control panel will default to the Anchor Point Options. Convert the anchor point to a corner (the first button to the right on the Control panel). Do this again for the left anchor point. Next, squish the ellipse down from the top to half its original size.

create ink vector brush

Step 2

Drag the oval into the Brushes panel and choose New Art Brush. In the Art Brush options, change Colorization to Tints. This lets you change the color of the brush without creating a new brush. You don't need to change the colors of the brush strokes for this tutorial, but it is good practice.

create new brush
new art brush
brush settings

Step 3

With your new brush, make a swirl shape for a leaf blade. You might need to change the stroke of the brush if it looks too small or too big. When you get a stroke you like, go to Object > Expand. You will also want to clean up the unfilled stroke. An easy way to do this is to go to Object > Path > Clean Up. Make sure all the boxes are checked, and press OK.

draw a curve

Step 4

Select the expanded brush shape and create a Linear Gradient with the same swatches as the original text gradient.

add gradient to curve

Step 5

Repeat the steps for creating the leaf blade around your text. Try to vary the shape and size of the blades.

decorate the text with nature

Step 6

Next, we're going to add some more water droplets around the text. Simply Copy (Command-C) the droplets on the leaf you already made and Paste (Command-V) them around the text. Also, be sure to vary their size and shape.

add droplets to text

Step 7

Now it's time to work on the dirt at the bottom of the text. Double-click on the Pencil Tool (N) in the Tools panel to bring up the Pencil Tool Options. Change the Fidelity to 5 to get really smooth lines.

Use your Pencil Tool (N) to draw a small circular shape. Press Alt before you let go to close the shape. Next, create a Radial Gradient with the interior swatch a brown color (C=35 M=60 Y=80 K=25) and the exterior swatch a dark brown color (C=50 M=70 Y=80 K=70). Place the spot on the first letter of your word. Scale the dot down smaller than one of the droplets.

change pencil tool options
create soil
add soil to text

Step 8

Repeat this till you have a pile of dirt spots on your first letter.

add soil around text

Step 9

Copy (Command-C) and Paste the dirt pile until you have covered the very bottom of all the letters.

place soli under text

Step 10

Draw a Radial Gradient ellipse, as you did for the ladybug drop shadow. Squish the ellipse to about half the size. Send the ellipse behind all the artwork and set it to Multiply.

create radial shadow
put shadow under letter

Step 11

Repeat this drop shadow under all the letters.

add shadow under text

Step 12

For the background, create a rectangle with the Rectangle Tool (M) that is the size of your document. Give it a Radial Gradient, and make the interior swatch white and the second swatch a light green (C=13 M=0 Y=38 K=0).

add gradient background

Vector Text Effects

Save time by using these ready-to-use vector text effects:

Doodles Effect

If you want to quickly create some vector doodles, this effect will be perfect for you. Just type your text and choose one of 16 styles to magically give it a hand-drawn effect.

Doodles Text Effect

Knitted Text Effect

This set contains 20 graphic styles that you can use to make your text look knitted. All you need is one click! Afterwards, you can easily customize the effect with the Appearance panel.

Knitted Text Effects Graphic Styles

Vector Watercolor Effect

You can make your text look like realistic watercolor art by using this effect. It's highly customizable—you can adjust the roughness of the shape, the amount of watercolor, and the position and size of the texture. Choose from 15 textures and 55 paint splashes!

Vector Watercolor Effect

Steampunk Text Effect

Steampunk never goes out of fashion! Add some Victorian style mixed with bolts and cogs to your text with these five highly detailed text effects.

Steam Punk Text Styles Brushes and Backgrounds

Vector Ink Text Effect

Create an effect of hand-drawn typography by using this set of 30 graphic styles and over 40 decorative brushes and patterns. This ink-drawing effect is very eye-catching, yet clean and minimalistic!

Fineliner Type Decorators Tool Kit

Congratulations, You're Now Done!

Now you have a nice green type treatment!

create nature text effect

If you want, you can learn how to create Photoshop text effects here:


25+ Best Free Fonts for Monograms & Logos (Download Now!)

$
0
0

When you want to create stunning monograms and logos, you'll need to work with an impressive monogram font.

RADON Monogram Font
RADON is just one of the many fabulous monogram font styles  you'll find at Envato Elements

We've created a list of the 25+ best free fonts for monograms and logos as well as a selection of premium monogram font styles you can find at Envato Elements.

Unlimited Monogram Font Downloads at Envato Elements

When you just don't have the money to spend on expensive fonts for your project, free fonts are a great option. But free fonts can impose cumbersome attribution commitments or licensing and use restrictions, and they can carry the possibility of downloading hidden malware from random online sites. 

Bearing this in mind, there is an alternative resource that allows you to access hundreds of premium monogram fonts while sticking to a budget. It's called Envato Elements, and it's an incredibly inexpensive resource for unlimited monogram fonts.

The Best Monogram Fonts

In fact, you can download as many monogram font styles as you want, as frequently as you want to, for one flat monthly fee. That monthly fee also gives you unlimited access to thousands of quality digital assets like graphic templates, photos, business card templates, and much more. Let's take a look at some of the best monogram fonts you can find at Elements.

12+ Best Monogram Fonts From Envato Elements

Raisa Script Monogram Font (TTF, OTF)

Raisa Script Monogram Font

First up is the very stylish and totally impressive Raisa Script Monogram Font. This fancy monogram font is perfect for creating a personalised monogram logo or for creating a two-letter monogram with an authentic hand-crafted feel. 

BLACK - Monogram Font Download (TTF, OTF, SVG, WOFF)

BLACK - Monogram Font Download

Make your own monogram with this bold and unique font, BLACK - Monogram Font Download. This uppercase font comes in five different weights, from light to heavy, so that you can mix and match to create your own distinct look. A perfect monogram initials font for those who like to make their own mark. 

Biargaol Script Monogram Font (TTF, OTF)

Biargaol Script Monogram Font

Check out this gorgeous script monogram font. A great choice when you want to bring a personal touch to your monogram initials. This gorgeous, free-spirited font will definitely impart an air of adventure and whimsy on your monogram design.

Heart Flourish - Curly Monogram Font (TTF, OTF)

Heart Flourish - Curly Monogram Font

This curly monogram font is for the romantic in you. The font includes unique flourishes and swirl letters in the form of hearts, perfect for reinforcing the theme of love when used on your Valentine's, wedding, or anniversary cards. Use it to create monogram initials with a bit of flair. 

Karomah -  Block Monogram Font (TTF, OTF)

Karomah -  Block Monogram Font

This block monogram font with its clean, solid lines creates a strong, bold feel. Use it as a monogram initials font or an embroidery monogram font for a modern approach to apparel branding.

RADON Monogram Design Font (TTF, OTF, SVG, WOFF)

RADON Monogram Design Font

Need to create a monogram logo with a contemporary feel? This is the monogram font for you. The font includes uppercase characters, numbers, and punctuation in three styles: regular, bold, and deco. A great font for creating unique monogram styles, this one would also work well as an embroidery monogram font.

Matilna Samuela Cursive Monogram Font Duo (TTF, OTF)

Matilna Samuela Script Monogram Font Duo

Matilna Samuela is a stylish cursive monogram font that's an excellent choice when you want to bring a more personal style to your monogram initials or monogram logo. The font offers two styles: one with clean brush strokes and one with slightly roughened brush strokes. Use them together or separately according to your preference. 

Garde - Monogram Letters Font (TTF, OTF, SVG, WOFF)

Garde - Monogram Letters Font

Monogram letters need to be distinct and eye-catching, and when you use this modern font, you'll certainly create a monogram logo that's both. This strong and stylish font includes uppercase characters, numbers, and punctuation.

Kenjo Fancy Monogram Font

Kenjo Fancy Monogram Font

This fancy monogram font is something to behold. The Japanese/Art Deco influenced font offers uppercase letters in four weights that can be combined in various ways to generate any number of stunning monogram ideas. 

NOIR - Block Monogram Font (TTF, OTF, SVG, WOFF)

NOIR - Block Monogram Font

When you want to make a bold statement, this block monogram font is the right choice. The font comes in five weights: thin, light, regular, bold, and black. Mix them to come up with unique monogram ideas. A great font for two- or three-letter monograms and logos.

Ladytron Cursive Monogram Font (TTF, OTF, SVG, WOFF)

Ladytron Cursive Monogram Font

Use this lovely cursive monogram font to create an elegant and feminine monogram logo. This might even work if you're looking for an embroidery monogram font with a delicate touch. The handwritten font contains upper and lowercase characters, numbers, and punctuation. 

CAOS | Monogram Font Download (TTF, OTF)

CAOS  Split Letter Monogram Typeface

This monogram font download perfectly combines artistic symbols with typography. The font offers finely crafted uppercase characters that are beautiful and distinct in their own right. Use this fancy monogram font in your branding or logo creation projects.

Starlove Curly Monogram Font (OTF)

Starlove Curly Monogram Font

Looking for cute monogram ideas? This curly monogram font gives you no end of beautiful monogram letter combinations that you can use to create your own distinct brand. Get to work creating your gorgeous logo today. 

The Best Free Monogram Fonts to Download

Now that you know the kind of monogram fonts available at Envato Elements, let's take a look at the best free fonts for monograms available to you on the internet. 

Yolan Unique Font

Yolan Free Font

This free monogram font features a lyrical baseline and beautiful, expressive lines. If you love script monogram fonts as much as we do, you'll love this delightful free font. 

Potra

Potra - Free Font

Download this wonderful font for free and create a two-letter monogram you can be proud of. The font includes uppercase characters, numbers, and punctuation.  

Amax

Amax - Free Font

AMAX is a free font download that will take your monogram logo to the next level. This wonderfully futuristic display font uses an engaging strikethrough design which is sure to make your monogram logo stand out. 

Baron

Baron Free Monogram Font

Looking for a superb free monogram font for download? Check out this distinctive font that features uppercase characters designed to stand out. The font offers many alternative options and weights that you can experiment with to get just the right look for you. 

Azonix

Azonix - Free Monogram Font

Make your own monogram logo with this awesome free font download. The modern sans-serif font consists of bold, geometric uppercase letters, numbers, and punctuation. A strong font for making a bold statement.

Forest Smooth

Forest Smooth - make your own monogram

Free monogram fonts for download come in all styles and weights. Like this oh so smooth font that is all about curved lines and rounded corners. 

Electro

Electro Free Monogram Font

Electro is a monogram initials font that will bring a stylish twist to your logo. This free monogram font for download plays with think lines and sharp edges to create a futuristic style that is hard to forget.

Metrica

Metrica - Free Monogram Font Download

How awesome is this monogram font that's totally free to download? The font includes lower and uppercase characters in three different weights. Get this free font and get to work creating the monogram design of your dreams.

Olivia

FREE Script  Font

How about this fancy monogram font to create a stunning logo? Hard to believe you can download this font for free, right? The font includes 351 glyphs, so you can do loads of experimenting to get the exact look you want. 

Wintersoul

Wintersoul - Free Brush Script Monogram Font

Create a feel of the hand-drawn when you use this free font download to make your own monogram. The font includes upper and lowercase characters, numbers, and punctuation. 

Anurati

Anurati - Free Monogram Font

Anurati is one of those free fonts for personal use only, so please be aware of that when you download it. You will agree, though, that this futuristic font would certainly make a lovely monogram design. 

Chico

Chico - Free Monogram Font

How's this for a fancy monogram font? This free monogram font for download definitely deserves its place on our best free fonts list. It's chic, innovative, and eye-catching, and with the included ligatures and alternate characters, it's a great font for logos and monograms. 

Morena

Morena Free Monogram Font Download

How about this free font download for a three-letter monogram? Its clean lines with rounded curves give it a delicacy that would suit those with understated and minimalist tastes. 

Delogy

Delogy - Free Monogram Font

If you're looking for something a bit different, then you've got to try this cool and edgy monogram font that’s free to download. Maybe it won't suit every project, but in the right context, this is a font that would shine. 

Lovely Coffee Font

Lovely Coffee - Free Monogram Fonts

Cursive monogram fonts make great monogram logos when you're after a more personal touch. Download this font for free and use it to make your own monogram. 

Argon

Argon -  Free Monogram Font

Go bold with this free monogram font. The bold and modern style would make a great monogram logo, but it's only available for personal use, so bear that in mind when you download it.

Astry

Astry - Free Monogram Fonts

This elegant font, with its interesting use of line and wonderful rounded curves, will make a great addition to your toolbox. Make your own monogram today with this delicate font that’s totally free to download. 

West Side

West Side  Free Monogram Font Download

Looking for cute monogram ideas? Well, how about this free font download that features charming paper cutout letter shapes? Use it for monogram designs that have a craft or art theme. 

Nordic

Nordic - Free Monogram Font

Nordic would make terrific monogram initials. It offers two styles in three weights, giving you plenty of options to experiment with when you make your own monogram. Download this monogram font for free and get to work.

Olegos

Olegos - Free Font

Looking for elegant monogram ideas? Why not do some experimentation with this ever so lovely free font download? A great minimalist choice for two-letter monograms.

Japan

Japan - Free Font Download

Just look at this amazing and innovative font. Wouldn't it make wonderfully unique monogram initials? Download this monogram font for free and apply it to contemporary projects that call for a bit of edge. 

Nova

Nova Free Monogram Fonts

Looking for a three-letter monogram? Try this free monogram font for download. The bold font composed of thin lines manages to look strong while communicating a certain delicacy. 

Austral

Austral Free Font

Download this beautiful cursive monogram free font and create beautiful monogram logos for fashion, design, or wedding themes. The font includes upper and lowercase characters, numbers, and punctuation. 

Moncr Display Font

Moncr - Free Monogram Font

Wouldn't this free monogram font make an awesome logo? Admittedly it won't be everyone's cup of tea, but in the right hands and for the right projects, it would make a powerful and iconic monogram design. 

PYRA

PYRA - Free Monogram Font

This cool decorative font is another awesome free download that would make a stunning monogram logo. The font offers uppercase characters in unique shapes and is available in two weights: light and bold.

Sunydale Font Duo

Sunydale - Free Font Download

Download this script monogram font for free and make your own distinct monogram. The font has a wonderful hand-drawn feel that makes it ideal for creating logos with a personal touch. 

Choose Your Favourite Monogram Font Today

As you can see, there are many terrific free monogram fonts to choose from, but of course if you're looking for the very best monogram fonts for an important project, we highly recommend Envato Elements. 

Elements is an excellent resource for premium fonts and if you often need mockups, icons, and other design resources, Elements offers unlimited downloads for one low monthly fee. 

Check out these really helpful articles below for more ideas on excellent fonts:

Create a Spectacular Grass Text Effect in Photoshop

$
0
0
Final product image
What You'll Be Creating

Envato Tuts+ has been around for many years. During that time, we’ve posted a lot of content. We know that the amount of content on our site may be a bit overwhelming to those of you who have recently discovered our site. That is why we have decided to periodically resurrect some of our older posts for you all to enjoy.

Today, we have decided to bring back a post by Envato founder, Collis Ta’eed, from May 2008, that demonstrates how to create a spectacular grass text effect in Photoshop. Let’s get started!

Love text effects? Create faster effects with Text Generators from Envato Market.

Follow us along over on our Envato Tuts+ YouTube channel:


1. How to Create the Background

Step 1

This tutorial is made up of three parts—the background, the text itself, and some final extra effects. So first of all we're going to make a background. To do this, we create a new document in Photoshop. I made mine 1920 x 1200 because I want this image to sit on my laptop background.

We start by drawing a Radial Gradient with the Gradient Tool (G) going from a light yellow-green (#adbf41) to a mid-range green (#328a26). I wonder if I've ever written a tutorial that doesn't start with a radial gradient.

Create the Background

Step 2

Now for this image we want to create a really textured background, faintly resembling paper. So the first thing we need is... a paper texture!

Happily, you can grab some really awesome grungy paper textures from Envato Elements and they are nice and large too, which is good because this is a huge canvas.

So I can't remember which texture I used first, but grab one, desaturate it (Shift-U and set Saturation to -100) and stretch it over the top to fit the canvas. 

Paper texture

Step 3

Now we set the layer to Color Burn and 20% Opacity to blend the texture with our nice green background.

Paper texture over the green gradient background

Step 4

Now, to get a really distressed look, I then copied this layer, spun it around 180° and set it to 20%. Then I brought in a few more layers of paper texture (using different textures) and set them all to Linear Burn or Color Burn layer style and play with Opacity.

Now it looks rougher.

Create the Background Textures

Step 5

Now I duplicated the original background gradient, placed the duplicate layer above all the textures, and set it to 40% Opacity—this tones back the texture so it's not quite so grungy!

Soften background

Step 6

Now we create a New Layer over the top and, using a large, soft, black brush (B), add some black to the edges. It's worth toning back the Opacity to about 30% and Overlay. You can then duplicate the layer and run a heavy Gaussian Blur over it (set to about 32 px). That way, the edges really soften out.

OK, we now have a nice background!

Create the Background with soft black edges

2. How to Create the Grass Text

Step 1

OK, we are now ready to make some grass text. To do that, we're going to need some nice pretty grass to cut. After a lot of searching, I finally found this lovely texture.

So download the image at full-size and copy it on to your canvas. After that, click the eye icon to make the layer invisible.

Grass texture

Step 2

Next, we need some type. So select a font you want to cut out with. I chose Devant Horgen, which is fat and condensed type. I thought it looked nice and grand. And I've written the text "EARTH". That's because I'm making five of these wallpapers—earth, water, fire, air, spirit... it's like that cartoon I used to watch as a kid, Captain Planet!

Anyway, just set your text out in white and set it to Overlay and like 50% Opacity. This layer won't actually show in the end—it's just a guide layer.

Guide text layer

Step 3

OK, so here's the text on top of the grass we got earlier. Select the grass layer and Duplicate (Control-J) five times.

Now a bit of planning! To make text out of grass, it's not going to be enough just to stencil out the grass. Rather we need it to look all rough, with bits of grass sticking out the edges. To do that, we're going to use the letter shapes as a rough guide and then trace roughly around them and periodically jut out to trace around blades of grass.

I'll warn you now, it's very tiresome! 

Guide text layer over the grass texture

Step 4

OK, so here we are tracing. If you want to make it less detailed, Transform (Control-T) the grass layer and make it bigger. 

You should use the Pen Tool (P), and frankly, if you're not handy with it before you start, you will be by the end!

Notice how in the parts where my path juts out, it sort of follows individual blades of grass. That way, when you have the final cut-out, they will look like pieces of grass sticking out.

Path by Pen Tool

Step 5

Right-click on the path and select Make Selection. Set the Feather Radius to 0

Select the path

Step 6

Select one of the grass layers, and then invert your selection (Control-Shift-I) and Delete.

In the screenshot, I've faded back the duplicate grass layers so you can see the cut-out "E" part.

Example of letter e

Step 7

OK, so here we have our "E" on the final background. As you can see, it looks only slightly better than if we'd just used the letter to stencil out the grass without bothering to trace. But that's OK—what it needs is a bit more depth. After all, if that letter was really sitting there, we should see some shadow and sides to it.

Letter E on background

Step 8

First of all, though, we'll add some layer styling to give it a bit more of a three-dimensional look. The styles are shown below.

Here's the set of layer styles...

Bevel and Emboss style
Satin style
Drop shadow style

Step 9

So this was all just experimental, and it kinda looks OK, but obviously has a long way to go. Now we'll add some shadow. For that, we'll use a technique that I demonstrated in a previous tutorial, Using Light and Shade to Bring Text to Life.

The idea is to make a three-dimensional look. So Control-click the grass layer and then, on a new layer below, fill it with black with the Bucket Tool (G). Move it right and down with the Move Tool (V).

Step 10

Now we run a Filter > Blur > Motion Blur.

Motion Blur settings

Step 11

Set the shadow's Opacity to 30%.

Shadow opacity

Step 12

Now I duplicated this layer. I erased (Control-E) a bit of it so that as the shadow is closer to the text, it gets darker. I set this layer to Multiply and Opacity to 60%.

Shadow layer options

Step 13

So this text is looking pretty cool, but for that extra depth, we should add some bits of grass in the background/shadow area. Rather than cutting out more grass, we can just use this current letter transformed about so that it's not obvious that we're hacking it together.

Duplicate the main grass letter layer, move it under the first grass letter layer, turn off effects (click the eye icon near Effects). Because these new grass bits are in shadow, you might want to use the Burn Tool (O) to darken them appropriately.

Finished E letter

Step 14

Select all Letter E's layers and Group them (Control-G).

Group letter layers

3. How to Create the Remaining Text

Step 1

Using the same technique, finish the rest of the letters.

Create the Remaining Letters

Step 2

Let's add more individual blades of grass need to make the look more natural. Select the Smooth Tool from the tools sidebar.

Select the first layer of each letter (with our style effects) and add tips of the grass. Now it looks more random and organic.

Add blades of grass

Step 3

Now, as nice as it's looking, our text is a little lonely and monotonous. So in this last section we'll add a few more elements to the design. We don't want to overdo it, though, because I want this to be a desktop background, so space is important (for all my icons!).

So first up, let's add some extra text. Here I've placed a nice quote about the earth and unity taken from the Baha'i faith (that's my religion!). I love quotes, because it means we get three parts to decorate—the quote, the quotation marks, and the source.

I used the free PT Sans font from Google Fonts. The color is #bbe571. So here I've set the quote to Overlay and 50%, then duplicated the text and set it to Screen and 50%.

Then I've added quotation marks in the same Swiss font, but made them extra large and a bright shade of green. Finally, the source of the quote is in teeny letters and centered vertically. And, of course, the whole quote has been measured out so it's exactly the length of the main "EARTH" text.

Step 4

Now we'll add two eye-catching elements to offset all the green. These will be a brilliant blue butterfly and a little red ladybug. I used the excellent butterfly and ladybug from Elements

Butterfly photo from Elements

Step 5

Open the ladybug and butterfly photos in Photoshop. Use the Pen Tool (P) to trace the images and copy them to our main canvas.

Add ladybug and butterfly to the main image

Step 6

Now we need to place them appropriately. It's best if they aren't close together, because that way they'll balance each other.

I added a drop shadow to each (double-click the layer and choose Drop Shadow in Blending Options). With the ladybug, it's a very close shadow because he's small and walking on the grass. With the butterfly, I set some more distance because he's hovering in the air and therefore the shadow lands a little way away.

Add shadows to photos

Final Image

Here's the final result! Don't forget to share your recreation of this grass text effect with us. We would love to see it.

Result

Text Generators From Envato Market

Text effects just got a whole lot easier with text generators from Envato Market. Create mind-blowing effects with realistic textures and 3D shapes! Check out some of our favorites below!

Grass Text Effect Generator

Add a few flowers to your text effect with this amazing text generator. Choose from seven beautiful options to change the color and style of your grass text. Download this pack today to get access to ready-to-use Photoshop actions for one low price!

Grass Text Effect Generator

Leaf Generator Photoshop Action

The eco-design trend is a big hit. Make your designs trendy and fresh with this mockup set! This Photoshop action will help you to make text and shapes look as if they are covered by leaves. Add a natural and organic look to your signs. The set contains brushes, styles, actions, a help file, and a PSD with branches and birds.

Leaf Generator Photoshop Action

Snow Lettering - Photoshop Action

With this Photoshop action, you can have your text or logo written in snow! It's a very realistic effect for winter projects that you can create in just a couple of seconds. The set includes three different effects:

  • snow lettering: text or logo is written on snow
  • red salt: text or logo written with snow on red salt
  • ice effect: text or logo written with snow on an ice surface. 

You will get all that you need: ATN file (action file), PAT file (patterns file), ABR file (brushes file), PSD file (template for an easy start), PDF doc with help information. This action works with anything: text layers, vector shapes, pixel layers, smart objects, folder groups.

Snow Lettering - Photoshop Action

Carved Wood Text Creator

WIth 18 different actions and Layer Styles, it's easy to make stylish carved text. The carvings have a roughened edge for more realism. Use this bundle to add a natural and crafty look to your designs.

httpsgraphicrivernetitemcarved-wood-text-creator9742588

10 3D Text Styles D_72

Want to create some real wooden text? Here are easily editable wooden style effects. This set contains ten different wood styles, a Photoshop PSD file, Photoshop ASL, and Readme.txt. It works with any font and shapes. 

Add organic texture to your designs in just one click!

10 3D Text Styles D_72

More Text Effect Tutorials

If you want to learn more text effects, here are other cool and very detailed tutorials.


100 Easy Drawing Tutorials for Beginners and Beyond!

$
0
0

We live in great times, when all the knowledge of the world is just within our reach with the power of the Internet. Do you want to learn how to draw? No need to go to an art school, or to pay a personal teacher. There are a lot of free materials you can use to learn, or to draw something easy instantly. But the Internet is also a big place, easy to get lost in, so I've prepared a collection of 100 easy drawing tutorials for you. 

Easy Step-by-Step Drawing Tutorials

Drawing is a complex skill, impossible to grasp in one night, and sometimes you just want to draw... something, to create a drawing you'll be proud of without having to wait months for decent results. Here the simple step-by-step tutorials come to help. You can do them with little to no previous experience, and good results are almost guaranteed, if you follow the instructions carefully.

  • How to Draw Simple Cute Animals in Chibi Style With Videos

    How to Draw Simple Cute Animals in Chibi Style (With Videos!)

    In this tutorial, you will learn how to draw five simple chibi animals, and also how to create more just by applying the same rules to your own drawings. Each of these simple drawings is accompanied by a video!

    Visit Tutorial

  • How to Draw Simple Christmas IconsWith Videos

    How to Draw Simple Christmas Icons—With Videos!

    In this tutorial, you will learn how to draw four Christmas and winter themed mini-illustrations. You don't need to wait for Christmas to try your hand at these simple drawings!

    Visit Tutorial

  • How to Draw a Mandala easy drawing

    How to Draw a Mandala

    Drawing mandalas can be very relaxing, and it's you who decides what the final result of this easy drawing is supposed to look like. So it can't go wrong!

    Visit Tutorial

  • How to Draw a Snowflake

    How to Draw a Snowflake

    One of the best easy sketches to draw is a key part of winter fun! In this tutorial, you will learn how to draw a snowflake step by step, and how to use the same method to draw your own unique snowflake. You'll soon have pages covered with these simple, easy drawings.

    Visit Tutorial

  • Drawing for Kids Draw a Pony

    Drawing for Kids: Draw a Pony

    Sometimes it's best to go back to basics and draw something as easy as possible. And there are very few easy drawings for beginners better than a pony. This tutorial was created for kids, but you can enjoy it at every age!

    Visit Tutorial

  • Drawing for Kids Draw a Running Pony

    Drawing for Kids: Draw a Running Pony

    Want to try something slightly more difficult using easy drawing ideas? In this tutorial you will learn how to draw your pony in a more dynamic pose.

    Visit Tutorial

  • Easy Pictures to Draw a Cute Baby Fox

    Drawing for Kids: Draw a Cute Baby Fox

    This tutorial combines a cute end result with simple-to-follow instructions. It's perfect for kids and beginners looking for easy pictures to draw.

    Visit Tutorial

  • Sketch Things to Draw Doge

    Such Tutorial, Many Fun: How to Draw Doge!

    Drawing should be fun, and what can be more fun than drawing a meme character? In this tutorial, you will learn how to draw the most famous of dogs, Doge, step by step.

    Visit Tutorial

  • How to Draw for Beginners T-Rex Dinosaur

    How to Draw a T-Rex Dinosaur

    Who doesn't love dinosaurs? In this tutorial, you will draw the most terrifying of them—the mighty T-Rex.

    Visit Tutorial

  • How to Draw a Unicorn Step by Step

    How to Draw a Unicorn Step by Step

    Unicorns are one of the cool designs to draw. In this tutorial, you will learn how to draw a real unicorn step by step, with an elegant body, shiny mane, and a twisted horn.

    Visit Tutorial

  • Cool Things to Draw Vault Boy

    How to Draw Vault Boy From the Fallout Series Step by Step

    You can make drawing more fun by using a topic you like. In this tutorial, you will draw the mascot of Vault-Tec, the famous Vault Boy. If you're interested in cool things to draw related to videogames, this is right up your alley.

    Visit Tutorial

  • Cute Easy Drawings Cute Chibi Kawaii Pokemon Characters

    Learn How to Draw Cute Chibi Kawaii Pokemon Characters 

    Fan art is a great way to show your appreciation towards the creation of others. Do you like Pokemon? Then you'll love this series of cute, easy drawings you can learn!

    Visit Tutorial

  • Fly My Pretty How to Draw a Winged Monkey Step by Step

    Fly, My Pretty! How to Draw a Winged Monkey Step by Step

    In this Halloween special, you will learn how to draw a creature from children's nightmares—a winged monkey from the Wizard of Oz.

    Visit Tutorial

  • Cute Easy Drawings Patterns

    Learn How to Draw Patterns Step by Step

    Drawing doesn't always need to be about real things—you can have a lot of fun by drawing simple patterns. They're easy sketches to draw with the help of this tutorial.

    Visit Tutorial

  • Simple Easy Drawings Roaring Lion

    How to Draw a Roaring Lion Step by Step

    Roar! In this tutorial, you'll draw a fierce lion step by step, simply but accurately.

    Visit Tutorial

  • How to Draw a Car From Scratch

    How to Draw a Car From Scratch

    Cars are some of the best cool pictures to draw for all skill levels. In this tutorial, our instructor James Butler will show you how to draw a sports car step by step.

    Visit Tutorial

  • How to Draw Transport Drawing a Historic Plane From Scratch

    How to Draw Transport: Drawing a Historic Plane From Scratch

    Do you like airplanes? Then you'll love this step-by-step tutorial about drawing the Supermarine Spitfire. With practice, they make for simple, easy drawings.

    Visit Tutorial

  • How to Draw Easy Vehicles Motorcycles

    How to Draw Vehicles: Motorcycles

    In this tutorial by James Butler, you'll learn how to draw a super-fast motorcycle step by step. This "how to draw" tutorial is for beginners and other skill levels.

    Visit Tutorial

  • How to Draw Easy Transport How to Draw a Military Tank

    How to Draw Transport: How to Draw a Military Tank

    Tanks can be a beautiful subject to draw, if you take a closer look at them. In this tutorial, you will learn how to draw this deadly, heavy machine.

    Visit Tutorial

  • How to Draw For Beginners Classic Steam Locomotive From Scratch

    How to Draw a Classic Steam Locomotive From Scratch

    Choo-choo! In this tutorial, you will draw the favorite topic of many children—a train.

    Visit Tutorial

  • How to Draw Vehicles For Beginners Tractors

    How to Draw Vehicles: Tractors

    In this tutorial, James Butler will show you the world of working vehicles: tractors.

    Visit Tutorial

How to Use Drawing Tools

Drawing is not only about what you draw, but also how you do it. It's important to get a good grasp of the tools, because even a simple pencil isn't as simple as you might think. You can learn by reading about the tools, and also by following an instructor to learn their techniques.

  • Adobe Photoshop Beginners

    Digital Drawing for Beginners: Before You Start Drawing

    In this tutorial, you will learn all the basics of Adobe Photoshop to get started with digital drawings!

    Visit Tutorial

  • 2B or Not 2B A Guide to Pencil Drawing Techniques

    2B or Not 2B? A Guide to Pencil Drawing Techniques

    In this tutorial, you will learn the basic drawing techniques explained in an easily understandable way. Making easy pencil drawings is a cinch with this guide.

    Visit Tutorial

  • Pencil Blending Tools

    Pencil Blending Tools

    Blending makes it easy to learn how to draw with a pencil. In this tutorial, you will learn what tools you can use to blend various shades drawn with your pencils to create more realistic textures.

    Visit Tutorial

  • Drawing Realistic Mouth and Teeth

    Drawing Realistic Mouth and Teeth

    In this tutorial, you will learn how to use various pencils to draw a realistic mouth with teeth. You will also learn how to aid yourself in this task.

    Visit Tutorial

  • How to Draw a Lizard With Ink Liners

    How to Draw a Lizard With Ink Liners

    If you're looking for things to draw for ink liner practice, try this lizard. In this tutorial, our instructor Eugenia Hauss will show you how to use a less popular drawing tool—ink liners—to create a fantastic end result.

    Visit Tutorial

  • How to Draw Spring Flowers With Colored Pencils

    How to Draw Spring Flowers With Colored Pencils

    Spring is a time for new beginnings, and the spring flower is a great way to learn how to draw for beginners. In this tutorial, Eugenia Hauss will teach you how to draw beautiful flowers using colored pencils.

    Visit Tutorial

  • How to Draw a Dalmatian Dog

    How to Draw a Dalmatian Dog

    In this tutorial, Eugenia Hauss will teach you how to use ink liners to draw a super cute Dalmatian dog.

    Visit Tutorial

  • How to Draw Trees

    How to Draw Trees

    In this tutorial, you will learn how to draw three different trees from scratch using various pencil techniques.

    Visit Tutorial

  • How to Draw a Rose

    How to Draw a Rose

    You will learn how to draw a beautiful rose from scratch with this easy step-by-step drawing tutorial.

    Visit Tutorial

  • How to Draw on a Tiny Budget Single Pencil Drawing

    How to Draw on a Tiny Budget: Single Pencil Drawing

    Do you want to learn how to draw, but you don't have money to buy all these fancy tools? In this tutorial you will learn how to draw a lion step by step using only one pencil!

    Visit Tutorial

  • How to Draw Grass Ground and Rocks

    How to Draw Grass, Ground, and Rocks

    In this tutorial, you will learn how to draw something to put under the feet of your characters.

    Visit Tutorial

  • Sketch Things to Draw Flower

    How to Draw a Flower

    Flowers are a great starting point for beginners looking for easy sketches to draw. In this tutorial, you will learn how to draw three different flowers step by step.

    Visit Tutorial

  • Sketch Things to Draw Fire

    Draw the Elements: How to Draw Fire

    The elements can be difficult to draw, but they can also make every drawing more interesting. In this tutorial, you will learn how to draw a candle flame, a fireplace, and a thrown flame.

    Visit Tutorial

  • How to Draw Wood

    How to Draw Wood

    In this tutorial, you will learn how to create a wood texture with pencils. The same technique can be used for many applications, and it's great practice for sketches and things to draw with a pencil.

    Visit Tutorial

  • How to Draw a Winter Landscape From Scratch

    How to Draw a Winter Landscape From Scratch

    In this tutorial, you will learn how to draw a beautiful winter scene: snowy mountains, a frozen lake, and evergreen trees.

    Visit Tutorial

  • How to Draw a Realistic Eye

    How to Draw a Realistic Eye

    It's not easy to draw a realistic drawing, but the effects are definitely worth it. In this tutorial you'll draw a realistic eye step by step with pencils.

    Visit Tutorial

  • How to Draw Stone and Rock Textures

    How to Draw Stone and Rock Textures

    In this tutorial, you will learn how to draw rock textures using pencils.

    Visit Tutorial

  • How to Draw Fabric Silk and Wool

    How to Draw Fabric: Silk and Wool

    In this tutorial, you will learn how to draw cloth materials like shiny silk and fluffy wool. You will also learn how to draw material folds.

    Visit Tutorial

  • How to Draw Fur

    How to Draw Fur

    In this tutorial, you will learn how to draw both long and short fur that you can apply to any animal.

    Visit Tutorial

  • How to Draw Feathers

    How to Draw Feathers

    In this tutorial, you will learn how to draw feathers in three different styles. Choose the one that you like the most!

    Visit Tutorial

  • Drawing techniques 7 fundamentals of pencil drawing

    Drawing techniques: 7 fundamentals of pencil drawing

    Bobby Chiu is a hero for everyone learning how to create art, and here he shares his secrets about drawing with a pencil.

    Visit Tutorial

How to Draw Animals

Animals come in many different shapes and sizes, and the techniques to draw them are just as varied. Even though animals aren't always easy drawings, step-by-step tutorials take some of the difficulty out of the process. You can draw anything from the delicate butterfly to the majestic elephant with Envato Tuts+!

  • easy drawing ideas draw deer

    How to Draw Animals: Deer - Species and Anatomy

    Get started with this tutorial to learn the anatomy and proportions of the deer. 

    Visit Tutorial

  • easy drawing ideas draw butterfly

    How to Draw Animals: Butterflies, Their Anatomies and Wing Patterns

    Butterflies are as varied as they are beautiful. Make easy pencil drawings of the species after learning about their wing patterns and anatomies.

    Visit Tutorial

  • cool pictures to draw  birds

    How to Draw Animals: Birds, Their Anatomy and How to Draw Them

    Ready to see your simple drawing ideas soar to new heights? Then check out this tutorial about accurately depicting the bird form.

    Visit Tutorial

  • step by step drawing bear

    How to Draw Animals: Bears and Pandas, and Their Anatomy

    Cute pandas and mighty bears are popular wildlife subjects. You can learn how to draw both with this tutorial from Monika Zagrobelna.

    Visit Tutorial

  • drawing tutorials draw poses

    How to Draw Animals: The Importance of Drawing a Pose

    The key to realistic animal drawings is the pose. Understand its importance and bring your simple drawings to life.

    Visit Tutorial

  • easy drawings step by step foxes

    How to Draw Animals: Foxes

    Fleet of foot and wickedly smart, the fox is an interesting subject. If you want to do your simple fox drawing ideas justice, take a look at this "how to draw" step-by-step tutorial.

    Visit Tutorial

  • easy pencil drawings spider

    How to Draw Animals: Spiders, Popular Species, Anatomy and Movement

    Arachnophobes might want to move along. For everyone else, check out this guide to drawing all types of spiders.

    Visit Tutorial

  • cool designs to draw elephant

    How to Draw Animals: Elephants, Their Species and Anatomy

    The large size of the elephant can make drawing them challenging, but getting their anatomy right is easier than you think! Monika Zagrobelna shares how here.

    Visit Tutorial

  • simple drawing ideas badger

    How to Draw Animals: Wolverines, Badgers, Otters and Martens

    While they are very different creatures, this step-by-step drawing tutorial will teach you how to draw these members of the same animal kingdom family.

    Visit Tutorial

  • cool designs to draw weasel

    How to Draw Animals: Weasels, Stoats, Minks, Polecats and Ferrets

    Ferrets, weasels, and minks are the smaller members of the family wolverines belong to. Learn how to master drawing the entire family with this step-by-step drawing guide.

    Visit Tutorial

  • cool pictures to draw red panda  raccoon

    How to Draw Animals: Red Pandas and Raccoons

    Red pandas and raccoons not only look alike, but are both easy to recreate. You'll have a blast learning how to master these cool pictures to draw! 

    Visit Tutorial

  • easy drawings for beginners snakes

    How to Draw Animals: Snakes and Their Patterns

    Snakes are a great intro for beginners that want to draw animals. Kick off your animal drawing tutorial binge here!

    Visit Tutorial

  • easy drawings step by step rabbit

    How to Draw Animals: Hares and Rabbits

    There's a lot that needs to go right to make a believable rabbit drawing. Thankfully, we have the perfect guide to walk you through step by step.

    Visit Tutorial

  • drawing tutorials extinct mammals

    How to Draw Animals: The Great Extinct Mammals

    These mammals may be gone, but they're still able to inspire some great artwork. Give this "how to draw" step-by-step walkthrough a shot.

    Visit Tutorial

  • easy pictures to draw shark

    How to Draw Animals: Fish and Sharks

    The underwater world is full of wonders. If you're fascinated by capturing that magic in your art, start with two common subjects: fish and sharks.

    Visit Tutorial

  • simple easy drawings pig

    How to Draw Animals: Domestic Pigs, Wild Boars, and Warthogs

    Many adults struggle with correctly drawing pigs and their animal brethren. But it becomes a lot easier if you know their anatomy, as this tutorial points out.

    Visit Tutorial

  • easy drawings step by step bovine

    How to Draw Animals: Cows and Other Bovines

    You can create some incredible bovine drawings with this "how to draw" easy tutorial from Monika Zagrobelna.

    Visit Tutorial

  • easy drawing small rodents

    How to Draw Animals: Small Rodents and Their Anatomy

    Small rodents are a fun subject and can make for some easy drawings. But first, you must understand their anatomy. Thankfully there's a drawing tutorial for that.

    Visit Tutorial

  • cool things to draw bat

    How to Draw Animals: Bats

    The bat makes an interesting art challenge. Try your hand at these nocturnal flyers courtesy of Monika Zagrobelna.

    Visit Tutorial

  • cute easy drawings dolphins

    How to Draw Animals: Dolphins, Whales, and Porpoises

    Dolphins are some of the friendlier animals living underwater, and they're popular creatures to draw. Have fun making cute, easy drawings of dolphins thanks to this guide.

    Visit Tutorial

  • step by step drawing alligator

    How to Draw Animals: Crocodiles, Alligators, Caimans and Gharials

    Use this step-by-step drawing tutorial to learn how to get the right look for the powerful crocodile and its animal kingdom family members.

    Visit Tutorial

  • cool designs to draw  kangaroo

    How to Draw Animals: Kangaroos and Koalas

    Hailing from the land down under, kangaroos and koalas are popular with kids and adults alike. You can make faithful recreations of these animals with this guide.

    Visit Tutorial

  • easy drawing ideas big rodents

    How to Draw Animals: Big Rodents and Their Anatomy

    Large rodents like beavers are a fun challenge to test your skills. With practice, you can master making these animals into easy sketches to draw on the fly.

    Visit Tutorial

  • simple drawing ideas giraffes zebras

    How to Draw Animals: Zebras and Giraffes

    Drawing zebras and giraffes is more than stripes and spots. Monika Zagrobelna walks you through the process with this "how to draw" step-by-step tutorial.

    Visit Tutorial

  • easy drawings dogs

    How to Draw Animals: Dogs, Wolves and Their Anatomy

    Whether you think they're human's best friend or not, dogs and wolves are fun to draw. If you're struggling with drawing their form, we've got the perfect tutorial for you!

    Visit Tutorial

  • easy pictures to draw cat

    How to Draw Animals: Cats and Their Anatomy

    Cats are another common household pet that some beginners have trouble with drawing. If you've had problems with creating their form, you should try this guide.

    Visit Tutorial

  • easy drawings step by step horse

    How to Draw Animals: Horses, Their Anatomy and Poses

    Learn how to show the majesty of the horse with this tutorial from Monika Zagrobelna. It goes over everything from their anatomy to their movement. 

    Visit Tutorial

  • easy drawings big cat

    How to Draw Animals: Big Cats, Their Anatomy and Patterns

    Big cats come in so many different body types and colors that we had to split this tutorial into two. Check out part one to make easy pencil drawings of these animals.

    Visit Tutorial

  • simple drawing ideas big cat

    How to Draw Animals: Big Cats, Their Anatomy and Patterns - Part 2

    Wrapping up the big cat tutorial, Monika Zagrobelna will teach you how to draw a leopard, jaguar, and more.

    Visit Tutorial

The Fascinating Art of Drawing

Sometimes you don't even need to draw anything to learn something about drawing. Sometimes you just read about a technique and you're stricken by the brilliance of it, or you finally understand what has been causing all your problems. This list contains tutorials and articles that are just like this—they are full of knowledge that may change everything.

  • Drawing 101: How to Draw Form and Volume

    Learn this technique for drawing form and volume here to add new life and dimensions to your artwork.

    Visit Tutorial

  • Drawing 101: How to Draw Proportions

    Correct proportions can make everything from a simple sketch to a weeks-long project feel real. Start to master this technique with this tutorial.

    Visit Tutorial

  • I Want to Draw Simple Exercises for Complete Beginners

    I Want to Draw: Simple Exercises for Complete Beginners

    In this article, you'll find a whole set of simple drawing exercises that will make you better in no time!

    Visit Tutorial

  • Think With Forms Not Lines Take Your Drawing to the Next Level

    Think With Forms, Not Lines: Take Your Drawing to the Next Level

    Did you know you don't need to learn classic perspective to draw 3D creatures? This article will explain how it is possible.

    Visit Tutorial

  • How to Draw What you See Techniques and Tips to Improve your Drawing Skills

    How to Draw What you See: Techniques and Tips to Improve your Drawing Skills

    In this article, Dan Duhrkoop will give you a few tips to quickly improve your drawings.

    Visit Tutorial

  • How to Draw Caricatures Head Shapes

    How to Draw Caricatures: Head Shapes

    Many beginners like the art of caricature, because it doesn't seem as strict as realism. However, it has its own rules. You can learn them in this article.

    Visit Tutorial

  • How to Start a Drawing 5 Methods for Beginners

    How to Start a Drawing: 5 Methods for Beginners

    In drawing, every step matters, and it can't be a guessing game. How do you start your drawing? Check out the pros and cons of your method, and what the alternatives are.

    Visit Tutorial

  • 7 Sins of Beginner Artists What Keeps You From Being Good

    7 Sins of Beginner Artists: What Keeps You From Being Good

    Sometimes the biggest obstacle to the success of the artist is the artist themselves. Read this article to see if it's true in your case.

    Visit Tutorial

  • Quick Tip Five Uses of Coil Drawing

    Quick Tip: Five Uses of Coil Drawing

    There's a simple technique called "coil drawing" that you can use for various applications.

    Visit Tutorial

  • What Is Composition and Why Is It So Important in Drawing

    What Is Composition, and Why Is It So Important in Drawing?

    Every drawing has a composition, even if you haven't planned it at all. If you don't know how it works, you can make it work against you!

    Visit Tutorial

  • Why Is It So Hard to Draw From Imagination Heres How to Do It

    Why Is It So Hard to Draw From Imagination? Here's How to Do It!

    Drawing from imagination is a Holy Grail for many artists. But why exactly is this so hard? Can it be learned? This article will answer these questions and more.

    Visit Tutorial

  • 10 Drawing Myths That Block Your Progress

    10 Drawing Myths That Block Your Progress

    There are popular beliefs that can stand in your way, even though you're not aware of them. Check this article to see if you believe in any of these popular drawing myths!

    Visit Tutorial

  • Lackadaisy Expressions

    Lackadaisy Expressions

    In this mini-tutorial, the artist behind the Lackadaisy webcomic, Tracy Butler, will show you how to capture the emotions of your characters perfectly—just like her!

    Visit Tutorial

  • How to Learn to Draw Stage One Manual Skills

    How to Learn to Draw: Stage One, Manual Skills

    If you're thinking about learning to draw seriously, here you'll find the very basics of this skill. Practice these exercises regularly and you'll see yourself improve!

    Visit Tutorial

  • How to Learn to Draw Stage Two Precision

    How to Learn to Draw: Stage Two, Precision

    Are proportions your main problem in drawing? In this article you'll find a set of exercises to overcome it.

    Visit Tutorial

  • How to Learn to Draw Stage 3 Visual Database

    How to Learn to Draw: Stage 3, Visual Database

    It's not easy to draw from imagination, but it can be learned. Check this article to learn how.

    Visit Tutorial

  • How to Learn to Draw Stage Four Style

    How to Learn to Draw: Stage Four, Style

    Do you dream of creating your own artistic style? It's not easy, but it's achievable! Read this article to learn more.

    Visit Tutorial

  • Cartoon Fundamentals How to Draw a Cartoon Face Correctly

    Cartoon Fundamentals: How to Draw a Cartoon Face Correctly

    In this tutorial, our cartoonist Carlos Gomes Cabral will show you the basics of drawing a cartoon face.

    Visit Tutorial

  • Cartoon Fundamentals Create Emotions From Simple Changes in the Face

    Cartoon Fundamentals: Create Emotions From Simple Changes in the Face

    In the world of cartoon, emotions are simple—learn how to capture them with this tutorial.

    Visit Tutorial

  • Cartoon Fundamentals How to Draw the Female Form

    Cartoon Fundamentals: How to Draw the Female Form

    How to make your cartoon character look feminine? Check this tutorial to learn!

    Visit Tutorial

  • Cartoon Fundamentals How to Draw a Cartoon Body

    Cartoon Fundamentals: How to Draw a Cartoon Body

    Cartoon bodies have this exaggerated look to them. You can learn the rules of creating them from this tutorial.

    Visit Tutorial

  • Cartoon Fundamentals The Secrets in Drawing Animals

    Cartoon Fundamentals: The Secrets in Drawing Animals

    Want to know how to draw cartoon animals? In this tutorial, Carlos Gomes Cabral will answer this question for you.

    Visit Tutorial

  • Cartoon Fundamentals How to Create Movement and Action

    Cartoon Fundamentals: How to Create Movement and Action

    If you want to draw cartoon comics or to animate your characters, you need to understand the topic of movement first. This tutorial will help you!

    Visit Tutorial

  • Cartoon Fundamentals How to Draw Children

    Cartoon Fundamentals: How to Draw Children

    In this tutorial, Carlos Gomes Cabral will show you how to draw children in cartoon style.

    Visit Tutorial

  • Cartoon Fundamentals How to Draw Cartoon Hands

    Cartoon Fundamentals: How to Draw Cartoon Hands

    Hands are difficult to draw in every style, but in this tutorial Carlos Gomes Cabral will make it as easy as possible for you.

    Visit Tutorial

Easy Drawing Video Tutorials From Envato Tuts+

You can find lots of cool things to draw with the video tutorials from our Envato Tuts+ YouTube channel! There's everything from easy drawings for beginners to step-by-step drawing tutorials for advanced topics. Have a look at some of these tutorials here. 

How to Draw a Heart

The heart shape seems simple, but it can be tough to get right. This step-by-step drawing tutorial will have you drawing perfect hearts everywhere.

How to Draw a Rose

This video will teach you a simplified way of drawing a seemingly complex flower. Don't be discouraged—this tutorial makes roses one of the easy drawings for beginners. 

How to Draw an Ice Dragon from Game of Thrones

They won't help you take the Iron Throne, but the dragons you draw will still impress you and your audience. Just follow this "how to draw" step-by-step tutorial.

Create Dynamic Poses Using Gesture Drawing

In order to draw realistic people, you need to learn how to draw realistic poses. Watch this drawing tutorial to learn how to loosen up your characters.

How to Draw a Skull

The skull is a popular subject, and you can draw one yourself with the help of this video! Following the steps in this video will turn this challenge into one of the simple drawings you'll have in your arsenal. 

How to Draw Furries, aka Anthropomorphic Characters

If you're struggling with drawing furry characters consistently, Envato Tuts+ has a tutorial for you. Apply this "how to draw" step-by-step guide to a wide range of animals.

Easy Drawing Video Tutorials

Sometimes you want to draw at your own pace, but sometimes you'd rather be shown what to do exactly, "live". This is where video tutorials are very helpful—you can see the whole process and listen to your teacher while drawing. Check out these perfect beginner videos!

  • Art Fundamentals Shapes  Forms

    Art Fundamentals: Shapes & Forms

    In this video, professional illustrator Clint Cearley will explain to you the fundamentals of drawing: how 2D lines create 3D forms.

    Watch Video

  • Art Fundamentals Perspective

    Art Fundamentals: Perspective

    In this video, Clint Cearley will tell you everything you need to know about perspective in drawing—how to use it and why it's important.

    Watch Video
  • Art Fundamentals Perspective

    Art Fundamentals: Shading 

    In this video, Clint Cearley will show you all the elements of shading in practice. Make your drawings three-dimensional!

    Watch Video
  • References

    References

    No matter how long you study drawing from a reference, do you find that you can't draw the same thing from imagination afterwards? In this video, Clint Cearley will explain to you why this happens and how to fight this problem.

    Watch Video
  • How to Hold and Control Your Pencil

    How to Hold and Control Your Pencil

    Do you hold your pencil correctly? In this video, drawing educator and painter Stan Prokopenko will show you a brilliant method of making your strokes more precise and less tiring.

    Watch Video
  • Structure Basics - Making Things Look 3D

    Structure Basics - Making Things Look 3D

    Want to know how to add depth to your drawings? In this video, Stan Prokopenko will explain to you what makes things look 3D.

    Watch Video
  • How to Draw Structure in the Body - Robo Bean

    How to Draw Structure in the Body - Robo Bean

    In this video, Stan Prokopenko will show you one simple trick for drawing the 3D form of a human body quickly and easily.

    Watch Video
  • Shading Light and Form - Basics

    Shading Light and Form - Basics

    Understanding light and shadow is crucial for every artist, and in this video Stan Prokopenko will explain how it works.

    Watch Video
  • How to Shade a Drawing

    How to Shade a Drawing

    If you want to learn how to shade every form, no matter if it's a human, animal, or inanimate object, this video will teach you it all.

    Watch Video
  • How to Draw Emotion

    How to Draw Emotion

    In this video, illustrator, animator, and art educator Jazza will show you how to draw easy cartoonized emotions.

    Watch Video
  • How to Draw HANDS and HAND POSES

    How to Draw HANDS and HAND POSES!

    Drawing hands is an artistic nightmare, but it won't be anymore thanks to this video tutorial!

    Watch Video
  • How to Draw Eyes for Comic and Cartoon Characters

    How to Draw Eyes for Comic and Cartoon Characters

    In this video, Jazza will show you how to draw simple eyes for your cartoon characters.

    Watch Video
  • Improve Your Drawings with Stronger Values

    Improve Your Drawings with Stronger Values

    In this video, drawing instructor Phil Davies will explain to you one of the most important concepts in drawing—value.

    Watch Video
  • Some Figure Drawing Tips

    Some Figure Drawing Tips 

    In this video, you'll learn a few useful tips for drawing human characters.

    Watch Video
  • How to Practice Drawing

    How to Practice Drawing

    In this video, you'll learn the hidden art of... learning. Practice makes perfect!

    Watch Video
  • How to Draw Eyes 5 Ways

    How to Draw Eyes 5 Ways

    In this video, you will learn five easy methods of drawing eyes.

    Watch Video

How to Draw People

What if you don't want to draw "something", but you'd rather draw a specific character you have in mind? Try these tutorials to learn how to draw humans.

  • How to Draw a Stick Figure a Complex Guide

    How to Draw a Stick Figure: A Complex Guide

    In this April Fools Special, you will learn how to draw a basic human silhouette from a simple stick figure.

    Visit Tutorial

  • How to Draw Nose

    How to Draw a Nose

    Drawing noses can be very tricky, but understanding its anatomy simplifies the task. If you want to draw a nose, this "how to draw" step-by-step tutorial will be perfect for you.

    Visit Tutorial

  • How to Draw Textured Hair

    How to Draw Natural, Textured, Afro Hair (How to Draw Curly Hair)

    Learning how to draw textured hair is one important step in being able to draw diverse characters. If you want to draw different ethnicities, check out this tutorial.  

    Visit Tutorial

  • Quick Tip Create Dynamic Poses Using Gesture Drawing

    Quick Tip: Create Dynamic Poses Using Gesture Drawing

    In this tutorial, our instructor Joumana Medlej will teach you the basic skill of drawing humans—gesture drawing. You can practice it everywhere!

    Visit Tutorial

  • Dynamic Gesture Drawing

    Dynamic Gesture Drawing

    If you're interested in gesture drawing, this video course by Brian Lee will show you all the secrets of this technique.

    Visit Tutorial

  • Human Anatomy Fundamentals Basic Body Proportions

    Human Anatomy Fundamentals: Basic Body Proportions

    Proportions are difficult, but you can't draw realistic humans without them. Learn all the basics from this tutorial!

    Visit Tutorial

  • Human Anatomy Fundamentals Advanced Body Proportions

    Human Anatomy Fundamentals: Advanced Body Proportions

    Do you want to know more about human proportions? In this tutorial, Joumana Medlej will expand on this topic.

    Visit Tutorial

  • Human Anatomy Fundamentals Balance and Movement

    Human Anatomy Fundamentals: Balance and Movement

    Once you know the proportions of the human body, you can draw it in one pose. But it's boring! In this tutorial, you will learn how to draw your characters in motion.

    Visit Tutorial

  • Human Anatomy Fundamentals Learning to See and Draw Energy

    Human Anatomy Fundamentals: Learning to See and Draw Energy

    In this tutorial, you will learn the secret to giving your characters dynamic poses.

    Visit Tutorial

  • Human Anatomy Fundamentals Flexibility and Joint Limitations

    Human Anatomy Fundamentals: Flexibility and Joint Limitations

    In this tutorial, you will learn how to limit the movement of your characters in a natural and realistic way.

    Visit Tutorial

  • Human Anatomy Fundamentals Muscles and Other Body Mass

    Human Anatomy Fundamentals: Muscles and Other Body Mass

    In this tutorial, you will learn how to add body mass to your characters.

    Visit Tutorial

  • Human Anatomy Fundamentals Basics of The Face

    Human Anatomy Fundamentals: Basics of The Face

    In this tutorial, you will learn how to draw a basic human face.

    Visit Tutorial

  • Human Anatomy Fundamentals Advanced Facial Features

    Human Anatomy Fundamentals: Advanced Facial Features

    If you want to expand your skill of drawing human faces, in this tutorial you will learn more tricks to draw a natural and interesting face every time.

    Visit Tutorial

  • Human Anatomy Fundamentals Mastering Facial Expressions

    Human Anatomy Fundamentals: Mastering Facial Expressions

    A human with a default facial expression may be correct, but it's also boring. In this tutorial, you will learn how to add all the emotions to the faces of your characters.

    Visit Tutorial

  • Human Anatomy Fundamentals Drawing Characters Consistently

    Human Anatomy Fundamentals: Drawing Characters Consistently

    You can draw a character properly, but do they look different each time you draw them? In this tutorial, you will learn how to solve this problem.

    Visit Tutorial

  • Human Anatomy Fundamentals How to Draw Hands

    Human Anatomy Fundamentals: How to Draw Hands

    Do you keep hiding the hands of your characters behind their back? With this tutorial, you will not have to do this anymore!

    Visit Tutorial

  • Human Anatomy Fundamentals How to Draw Feet

    Human Anatomy Fundamentals: How to Draw Feet

    In this tutorial, you will learn how to draw feet in every pose.

    Visit Tutorial

  • Human Anatomy Fundamentals Additional Tips

    Human Anatomy Fundamentals: Additional Tips

    In this tutorial, you will learn all the little secrets that will make your human drawings more realistic.

    Visit Tutorial


How to Create a Modern Business Card Using Adobe Photoshop

$
0
0
Final product image
What You'll Be Creating

Do you want to learn how to create a business card using Photoshop? As you know, a business card is arguably the most powerful networking tool you can have in your pocket. It's the very first impression of you and the business you're representing. Although we're in this digital age where social media dominates, a physical business card is still highly relevant as it forms a real human connection between you and your peers, where social media is unfortunately lacking.

In this tutorial, I will show you how to make a business card in Photoshop using basic and custom shapes, simple text formatting, and neat positioning.

This business card Photoshop template we are about to create is part of the 4-in-1 Business Card Bundle from my portfolio on GraphicRiver. And feel free to check the collection of the best business cards available on Envato Elements at the end of our tutorial.

4 in 1 Modern Business Card Bundle

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

Before we begin, download and install the following assets:

1. How to Install or Load Custom Shapes for Business Card Photoshop Template

Step 1

Go to Edit > Presets and select Preset Manager. In the Preset Type drop-down menu, select Custom Shapes and press Load. Now browse to the location where you've unzipped the file and select Tutorial-Shapes.csh. Press Load and you're done.

Install photoshop custom shapes

2. How to Set Up a New Document for a Business Card

Step 1

Business card size in pixels Photoshop templates usually use 3.25 by 1.75 inches, so go to File > New and enter the following:

  • Name: Business-Card-Front
  • Width: 3.25 Inches
  • Height: 1.75 Inches
  • Resolution 300 Pixels/Inch
  • Color Mode: CMYK Color 8bit
  • Background Contents: White

Now press OK to create the document.

Setup and create new document

3. How to Create Safe, Trim and Boundary Guidelines for a Business Card Photoshop File

Step 1

Before we start, make sure the following options are enabled. If there is a check next to the option, it's already enabled, and you may skip to the next step.

Press Control-R or go to View > Rulers to show Rulers. Next, go to View and check Snap. Finally, go to View > Snap To and check Guides, Layers and Document Bounds.

Set guideline options

Step 2

Let's begin with the Safe Area guidelines, within which all important images and text should be kept. Simply click on the Ruler and Drag a guideline to all four sides of the document. It should snap into position easily.

Create safe area guidelines

Step 3

Now let's increase the canvas size to 3.5 x 2 inches. Go to Image > Canvas Size and set the Width: 3.5 inches followed by Height: 2 inches. Press OK.

Increase canvas size to 35x2 inches

Step 4

Next, we will create the Trim guidelines. Anything beyond this guideline will be trimmed away after printing. Now click on the Ruler and Drag a guideline to all four sides of the document.

Create trim guidelines

Step 5

Increase the canvas size one last time. Go to Image > Canvas Size and set Width: 3.75 inches followed by Height: 2.25 inches. Press OK to apply the changes.

Increase canvas size to 375 x 225 inches

Step 6

Create the Boundary guidelines. Although not necessary, having this guideline will definitely help when aligning objects to the edge. Simply click on the Ruler and Drag a guideline to all four sides of the document.

Create boundary guidelines

Step 7

Now that it's done, let's go ahead and lock the guidelines in their current position. Go to View and check Lock Guides.

Lock guides

4. How to Create a Background for the Address

Step 1

Select Rounded Rectangle Tool from the Toolbar and click anywhere on the canvas. Set Width: 820 px, Height: 80 px, Radius: 15 px and press OK.

Create rounded rectangle shape

Step 2

Go to Layer > Rename Layer. Name this layer Address Bg and press Enter.

Rename layer to Address Bg

Step 3

Double-click on the Layer Thumbnail. Enter C:0 M:20 Y:80 K:0 and press OK. Design your own business cards Photoshop template is a creative task, so you could always try different color combinations. 

Set Address Bg color

Step 4

Press Control-T or go to Edit > Free Transform Path and set the Horizontal Skew to H: -20. Press Enter twice to confirm.

Set horizontal skew

Step 5

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 337 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set shape position

Step 6

Select the Rectangle Tool (U). Press Path Operations and select Subtract Front Shape. Now draw a rectangle overlapping the excess shape as shown in the image below.

Trim shape

Step 7

To complete the trim, press Path Operations and select Merge Shape Components.

Merge shape components

5. How to Create a Background for the Tagline

Step 1

Select Address Bg from the Layers panel. Go to Layer > Duplicate Layer and name this layer Tagline Bg. Press OK.

Duplicate layer to create Tagline Bg

Step 2

Double-click on the LayerThumbnail. Enter C:0 M:0 Y:0 K:95 and press OK.

Set Tagline Bg color

Step 3

Now let's Rotate this layer. Go to Edit > Transform Path > Rotate 180 Degrees.

Rotate layer 180 degrees

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 1126.5 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set tagline bg position

Step 5

Select the Rectangle Tool (U) and then press Path Operations and select Subtract Front Shape. Draw a rectangle overlapping the excess shape.

Trim tagline bg shape

Step 6

Press Path Operations and select Merge Shape Components.

Merge shape components

6. How to Create a Rectangle Separator

Step 1

Go to Layer > New > Group and name this group Separator.

Create new separator group

Step 2

Select the Rectangle Tool (U) and click anywhere on the canvas. Set the Width to 530 px and Height to 8 px, and then press OK.

Draw rectangle shape

Step 3

Double-click on the Layer Thumbnail and enter C:0 M:0 Y:0 K:18. Press OK.

Set shape color

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 370 px and Vertical Position to Y: 286 px. Press Enter twice to confirm.

Set shape position

Step 5

Go to Layer > Rename Layer. Name this layer Left and press Enter.

Rename layer to left

Step 6

Go to Layer > Duplicate Layer. Name this layer Right and press OK.

Duplicate layer to right

Step 7

Select the Rectangle Tool (U). Set the Width to W: 80 px and press Enter.

Resize rectangle shape

Step 8

Double-click on Layer Thumbnail. Enter C:0 M:20 Y:80 K:0 and press OK.

Set shape color

Step 9

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 675 px and Vertical Position to Y: 286 px. Press Enter twice to confirm.

Set shape position

7. How to Create a Background for the Contact Icon

Step 1

Go to Layer > New > Group. Name this group Icons Bg and press OK.

Create new icons bg group

Step 2

Select Ellipse Tool from the Toolbar and click anywhere in the canvas. Enter Width: 35 px, Height: 35 px and press OK.

Draw round shape

Step 3

Double-click on Layer Thumbnail. Enter C:0 M:0 Y:0 K:95 and press OK.Set shape color

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 122.5 px and Vertical Position to Y: 541 px. Press Enter twice to confirm.

Set shape position

Step 5

Go to Layer > Rename Layer. Name this layer Address and press Enter.

Rename layer to address

Step 6

Go to Layer > Duplicate Layer. Name this layer Website and press OK.

Duplicate layer to website

Step 7

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 122.5 px and Vertical Position to Y: 453 px. Press Enter twice to confirm.

Set website position

Step 8

Double-click on Layer Thumbnail. Enter C:0 M:20 Y:80 K:0 and press OK.

Set website color

Step 9

Go to Layer > Duplicate Layer. Name this layer Email and press OK.

Duplicate layer to email

Step 10

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 122.5 px and Vertical Position to Y: 408.5 px. Press Enter twice to confirm.

Set email position

Step 11

Go to Layer > Duplicate Layer. Name this layer Phone and press OK.

Duplicate layer to phone

Step 12

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 122.5 px and Vertical Position to Y: 364.5 px. Press Enter twice to confirm.

Set phone position

8. How to Design a Business Card in Photoshop Using Custom Shape Icons

Step 1

Now that we've completed the icon's background, let's move on to create the icons. Go to Layer > New > Group. Name this group Contact Icons and press OK.

Create contact icons group

Step 2

Let's start by creating the address icon. Select Custom Shape Tool from the Toolbar. Press Custom Shape Picker and select the Address Icon.

Select address custom shape

Step 3

Click anywhere on the canvas. Check Preserve Proportions, enter Width: 16 px and press OK.

Create address icon

Step 4

Go to Layer > Rename Layer. Name this layer Address and press Enter.

Rename layer to Address

Step 5

Double-click on the Layer Thumbnail. Enter C:0 M:0 Y:0 K:0 and press OK.

Set address icon color

Step 6

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 123 px and Vertical Position to Y: 540.5 px. Press Enter twice to confirm.

Set address icon position

Step 7

Now we move on to create the website icon. Select Custom Shape Tool from the Toolbar. Press Custom Shape Picker and select Website Icon.

Select website custom shape

Step 8

Click anywhere on the canvas. Check Preserve Proportions, enter Width: 20 px and press OK.

Create website icon

Step 9

Go to Layer > Rename Layer. Name this layer Website and press Enter

Rename layer to website

Step 10

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 123 px and Vertical Position to Y: 453 px. Press Enter twice to confirm.

Set website icon position

Step 11

Create an email icon. Select Custom Shape Tool from the Toolbar. Press Custom Shape Picker and select Email Icon.

Select email custom shape

Step 12

Click anywhere on the canvas. Check Preserve Proportions, enter Width: 20 px, and press OK.

Create email icon

Step 13

Go to Layer > Rename Layer. Name this layer Email and press OK.

Rename layer to email

Step 14

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 123 px and Vertical Position to Y: 409 px. Press Enter twice to confirm.

Set email icon position

Step 15

Now let's create the phone icon. Select Custom Shape Tool from the Toolbar. Press Custom Shape Picker and select Phone Icon.

Select phone custom shape

Step 16

Click anywhere on the canvas. Check Preserve Proportions, enter Width: 20 px, and press OK.

Create phone icon

Step 17

Go to Layer > Rename Layer. Name this layer Phone and press OK.

Rename layer to phone

Step 18

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 123 px and Vertical Position to Y: 365 px. Press Enter twice to confirm.

Set phone icon position

9.  How to Create the Background Group

Step 1

First we need to unlock the Background layer, indicated with a lock icon. Double-click on Background Layer and name the layer Background. Press OK.

Unlock background layer

Step 2

Make sure Background Layer which you just unlocked is still selected. Hold Shift and clickon the Contact Icons group.

Select groups and layers

Step 3

Now that all layers and groups are selected, go to Layer > New and select Group from Layers. Name this group Background and press OK.

Create background group

The background of the front of the card is now complete.

Before we move on to insert the text and logo, here's how it should look at this point.

Front background complete

10. How to Create a Tagline Text Layer

Step 1

Make sure the Character and Paragraph panels are enabled before we continue. Skip this step and proceed to Step 2 if they're already enabled by default.

Select the Horizontal Type Tool (T)from the Toolbar and press the Character and Paragraph panels button.

Enable character and paragraph panel

Step 2

Select Right Align Layer in the Paragraph panel. In the Character panel, set the Font to Lato, Font Style to Black, Font Size to 6 pt and Color to C: 0 M:0 Y:0 K:0

Set character and paragraph styles

Step 3

Now click on the Tagline Background shape and type VISUAL EYE CANDY into the text box. Press Control-Enter.

Create tagline text layer

Step 4

We will need to change the color and styling for the word VISUAL only. Let's start by selecting that particular word. Make sure the Horizontal Type Tool (T) is still selected, position your cursor right on top of the word VISUAL, and then double-click to select.

Select text

Step 5

In the Character panel, set Font Style to Regular and Color to C:0 M:20 Y:80 K:0. Press Control-Enter to apply changes.

Change text color and style

Step 6

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 934 px and Vertical Position to Y: 541 px. Press Enter twice to confirm.

Set tagline position

11. How to Create the Address Text Layer

Step 1

Go to Layer > New > Layer. Name this layer Address and press OK.

Create address layer

Step 2

In the Paragraph panel, select Left align text. While in the Character panel, change the Font Style to Bold Italic and set the Color to C:0 M:0 Y:0 K:95.

Set character and paragraph styles

Step 3

Select the Horizontal Type Tool (T) and click on the Address Background shape. Type 777 Seventh Avenue New York NY 54321 into the text box and press Control-Enter when you're done.

Create address text layer

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 373 px and Vertical Position to Y: 542 px. Press Enter twice to confirm.

Set address position

12. How to Create the Phone, Email and Website Text Layer

Step 1

Go to Layer > New > Layer. Name this layer Phone/Email/Website and press OK.

Create phone email and website layer

Step 2

In the Character panel, change the Font Style to Regular and set the Leading to 10.5 pt.

Set character styles

Step 3

Selectthe Horizontal Type Tool (T) and click on an empty area next to the Contact Icons. Now type "000 1234 5678, madison@email.com"and "www.website.com", each on a separate line. To do so, press Enter after each entry to create a new line. Press Control-Enter when you're done.

Create phone email and website text layer

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 269 px and Vertical Position to Y: 409 px. Press Enter twice to confirm.

Set phone email and website position

Step 5

Hold Control and select both the Address and Phone/Email/Website layers. Go to Layer > New > Group from Layers and name this group Contact. Press OK.

Create contact group

13. How to Create the Name and Job Title Text Layer

Step 1

Let's begin with the job title. Go to Layer > New > Layer. Name the layer Job Title and press OK.

Create job title layer

Step 2

In the Character panel, set the Font Style to Bold Italic, set the Leading to Auto and the Color to C:0 M:20 Y:80 K:0, and press OK.

Set character styles

Step 3

Select the Horizontal Type Tool (T) and click on an empty space above the separator. Now type Graphic Designer into the text box and press Control-Enter to confirm.

Create job title text layer

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 194 px and Vertical Position to Y: 224 px. Press Enter twice to confirm.

Set job title position

Step 5

Let's create the name layer. Go to Layer > New > Layer. Name this layer Name and press OK.

Create name layer

Step 6

In the Character panel, set Font Style to Light, Font Size to 10 pt, and Color to C:0 M:0 Y:0 K:95, and then press OK.

Set character styles

Step 7

Select the Horizontal Type Tool (T) and click slightly above the Job Title. Now type STEVE MADISON into the text box and press Control-Enter.

Create name text layer

Step 8

Let's assign a heavier font style for STEVE only. Position your cursor on top of STEVE and double-click to select. In the Character panel, set Font Style to Black and press Control-Enter to confirm the changes.

Select text and change character styles

Step 9

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 268 px and Vertical Position to Y: 188px. Press Enter twice to confirm.

Set name position

Step 10

Let's keep the layers organized by grouping Name and Job Title layer together. Hold Control and select both the Name and Job Title layers. Go to Layer > New and select Group from Layers. Name this group Name & Job Title and press OK.

Create name and job title group

14. How to Create the Logo

Step 1

Go to Layer > New > Group. Name this group Logo and press OK.

Create logo group

Step 2

In the Paragraph panel, select Center Text. While in the Character panel, set Font style to Light, Font size to 6 pt, Leading to 6.5 pt, and Color to C:0 M:0 Y:0 K:95, and press OK.

Set character and paragraph styles

Step 3

Select the Horizontal Type Tool (T) and clickanywhere on the canvas. Type CREATIVE INSPIRATIONS into the text box and press Control-Enter to confirm.

Create company name text layer

Step 4

Let's set a different style for the word CREATIVE only. Position your cursor on top of CREATIVE and double-click to select. In the Character panel, set Font Style to Black followed by Font Size to 12 pt and press Control-Enter to apply changes.

Select text and change character styles

Step 5

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 902 px and Vertical Position to Y: 306 px. Press Enter twice to confirm.

Set company name position

Step 6

Select Custom Shape Tool from the Toolbar. Press Custom Shape Picker and select Logo Shape.

Select logo custom shape

Step 7

Click right above Company Name. Now check Preserve Proportions and set Width: 110 px. Press OK.

Create logo shape

Step 8

Go to Layer > Rename Layer. Name this layer Logo and press ENTER.

Rename layer to logo

Step 9

Double-click on the Layer Thumbnail. Set the color to C:0 M:20 Y:80 K:0 and press OK.

Set logo color

Step 10

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 902 px and Vertical Position to Y: 210 px. Press Enter twice to confirm.

Set logo position

15. How to Create the Details Group

Step 1

Let's select the layers needed to form this group. First, select the VISUAL EYE CANDY text layer. Now hold Shift and select the Logo group.

Select layers and groups

Step 2

Now that you've selected the necessary layers and groups, go to Layer > New > Group from Layers. Name this group Details and press OK.

Create details group

Great! The front part of the business card is now complete.

It's important to save your progress before moving on to create the back portion. Go to File > Save or press Control-S on your keyboard.

Front part of business card completed
The front part of the business card is now complete

16. How to Set Up the Document for the Back Part of the Business Card

Step 1

We won't be creating a new document this time. Instead, we will be duplicating the front part to save the hassle of setting up the document again. Go to Image > Duplicate. Name this new document Business-Card-Back and press OK.

Duplicate front psd

Step 2

In the Layers panel, click the Triangle icon beside Details and Background to reveal grouped content. Now hold Control and select the following Groups and Layers:

  • Name & Job Title
  • Contact
  • Visual Eye Candy
  • Contact Icons
  • Icons Bg
  • Separator
Select layers and groups

Step 3

Now remove the selected groups and layers we no longer need. Go to Layer > Delete > Layer and press Yes to confirm.

Delete selected layers and groups

17. How to Set the Logo Position

Step 1

Select the Logo group in the Layers panel. Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 562.5 px and Vertical Position to Y: 338 px. Press Enter twice to confirm.

Set logo position

18. How to Create the Website Background

Step 1

First, select the Tagline Bg layer in the Layers panel. Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 464.5 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set shape position

Step 2

Go to Layer > Duplicate Layer. Name this layer Website Bg and press OK.

Duplicate layer to website bg

Step 3

Go to Edit > Transform Path and select Flip Horizontal.

Flip horizontal

Step 4

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 660.5 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set website bg position

Step 5

Select both Website Bg and Address Bg in the Layers panel. Press Control-E or go to Layer and select Merge Shapes.

Merge selected shapes

Step 6

Now select Rectangle Tool (U). Press Path Operations and select Merge Shape Components.

Merge shape components

19. How to Create Decorative Backgrounds

Step 1

Select the Address Bg layer in the Layers panel and go to Layer > Rename Layer. Name this layer Left and press Enter.

Rename address bg to left

Step 2

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: -94 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set left layer position

Step 3

Select the Rectangle Tool (U). Press Path Operations and select Subtract Front Shape. Now draw a rectangle overlapping the excess shape.

Trim excess shape

Step 4

With the Rectangle Tool (U) still selected, press Path Operations and select Merge Shape Components to complete the trim.

Merge shape components

Step 5

Go to Layer > Duplicate Layer. Name this layer Right and press OK.

Duplicate layer to right

Step 6

Go to Edit > Transform Path and select Flip Horizontal.

Flip horizontal

Step 7

Select the Move Tool (V) from the Toolbar. Hold Control and select both the Right and Background layers in the Layers panel. Now press Align right edges on the Options Toolbar.

Select layers and align right edges

20. How to Create the Website Text Layer

Step 1

We will be creating a new text layer within the Details group. First, let's select Details Group in the Layers panel.

Select details group

Step 2

Next, select Center Text in the Paragraph panel. In the Character panel, set Font to Lato, Font Style to Regular, Font Size to 6 pt, Leading to Auto, Color to C:0 M:0 Y:0 K:0 and press OK.

Set website character and paragraph styles

Step 3

Select the Horizontal Type Tool (T). Click on the Website Background shape and type www.website.com into the text box. Press Control-Enter to confirm.

Create website text layer

Step 4

Let's set a different styling for the word website only. Select the Horizontal Type Tool (T)Position your cursor right on top of website and double-click to select. In the Character panel, set Font Style to Black, Color to C:0 M:20 Y:80 K:0 and press OK. Press Control-Enter to apply the changes.

Select text and change character styles

Step 5

Press Control-T or go to Edit > Free Transform Path. Set the Horizontal Position to X: 563 px and Vertical Position to Y: 540 px. Press Enter twice to confirm.

Set website position

Awesome! Your Business Card Is Now Complete

Good job! You've reached the end of the tutorial. As you see it pretty easy to make your own business cards Photoshop template! By now, you should have learned how to create and transform shapes, create simple text formatting, and use custom shapes to speed up the process of creating a business card.

Modern business card completed

5 Best Business Cards (Photoshop, PSD)

If you don't want to design your own business cards Photoshop template and want to save the time for other tasks, you could use a ready to print template. Explore a collection of high-quality business card Photoshop templates available at Envato Elements:

15 Business Card Photoshop Templates Bundle (PSD, AI)

15 Business Card Photoshop Templates Bundle

How to make a business card in Photoshop with almost no effort? Try this pack of 15 business cards with a great variety of different styles: from retro to minimalistic designs with pastel colors. All cards are in a ready-to-print PSD and AI files, with bleeds and a well-organized structure of the layers. Business card size in pixels Photoshop files provides here is 3.5x2 inches.

Business Card by Spacestudios (PSD, AI, PDF, EPS)

Business Card Photoshop Templates by Spacestudios

Another business card Photoshop template with a dark color scheme and contrast fluid design elements suitable for video makers, designers, and any other creative people! This business card comes with 6 backside template options, in the print-ready formats with bleeds. All the layers are well-organized and easy to edit.

How to Make a Business Card in Photoshop with a Business Card Template by Youwes (PSD, AI, EPS)

Business Card Photoshop Template by Youwes

If you are a fan of the minimalistic design with natural elements like leaves or flowers, this business card Photoshop template by Youwes is the best choice for you!  Green tones with a soft pattern and leaves texture on the sides make it looks very neat. Business cards resolution in Photoshop is 3.75 x 2.27 inches.

"Malina" Business Cards + Logos (PSD, AI, EPS, IDML, INDD)

Malina Business Cards Photoshop Templates and  Logos

How to design a business card in Photoshop along with a logo? Here is the answer! This amazing pack of templates not only contains 12 business cards but a great variety of logos and seamless patterns designed by AgataCreate. So, you could easily make your own business cards Photoshop templates for almost any purpose. Business cards resolution in Photoshop is about 3.75 x 2.27 inches, but in this case, templates come in a few variations and it also includes vector files, so you could easily change it to any size you need.

Business Cards by SimpleStudios (PSD, AI, EPS, PDF)

Business Cards Photoshop Template by SimpleStudios

If you want a business card with a more personal approach, try this one created by SimpleStudios. This template allows you to place your photo inside and it immediately grabs the attention by its contrast color scheme. It comes in both PSD and vector file formats.

Do you want to not only learn how to create a business card using Photoshop but how to make it with other software? Check these awesome tutorials:

You may also want to check out our free course: how to create a professional business card in which Melody Nieves gives you 45 minutes of the best business card Photoshop design tips you're likely to find. She'll show you step by step how to create three different business card designs in Adobe Photoshop.

 

What Is Sublimation Printing?

$
0
0

Sublimation printing is arguably one of the best and most effective printing methods available today. Not only is it a cost-effective method of transferring designs to a range of materials from ceramics to various polyester-based fabrics, but it also produces vibrant, high-quality graphics that are long lasting.

Young Woman Sublimated T-Shirt Mockup
Just one of the many sublimated T-shirt mockups available at Placeit

Today we'll give you a better understanding of sublimation printing by explaining:

  • what sublimation printing is
  • how it differs from other printing techniques
  • the equipment you need for sublimation printing 
  • what products can be sublimation printed
  • how to design for sublimation printing
  • how you can use mockups to showcase your sublimation transfer designs

What Is Sublimation Printing?

What is Sublimation Printing
Mug Mockups available at Placeit to show off your sublimation transfer designs. 

Sublimation printing is a printing method that transfers a design into a material using ink and heat. The process involves:

  1. Creating a design on a computer.
  2. Printing it with special ink onto special paper.
  3. Sandwiching that special ink-infused paper with a material and applying pressure and heat to them.
  4. This pressure and heat turn the ink infused on the paper into a gas—this is known as the chemical process of sublimation—that embeds the design into the material rather than simply laying it on top the material like other printing processes. 

The result is a vibrant and permanent image that won't fade, crack, peel, or wash away from the material.

What's the Difference Between Sublimation Printing and Other Printing Techniques?

Sublimation Transfer Mockup of Canvas High Top Sneakers
Sublimation Transfer Mockup of Canvas High Top Sneakers from Placeit

The most common forms of transferring designs to various materials today are sublimation printing, heat transfer printing, and screen printing. These three processes are very different.

Sublimation Printing vs. Heat Transfer Printing

While sublimation printing allows inks to be infused into fabrics and various other materials and creates a permanent bond that no amount of washing or use can destroy, heat transfers work differently. The main difference is that heat transfer paper simply adds a coat on top of the fabric when applied with a press. The results will inevitably crack and fade over time.

Sublimation Printing vs. Screen Printing 

Screen printing is an inexpensive but somewhat messy process that typically involves pushing ink through a mesh stencil onto fabric. It's best for simple designs with limited colours as a new stencil needs to be created for each design and for each colour used. This gives sublimation printing a big advantage over screen printing because there's no limit to the colour or design complexity you can use.

Screen printing is usually limited to fabrics, while sublimation printing can be used on both fabrics and three-dimensional objects like mugs. On the other hand, it's much easier to use screen printing on a wide variety of fabrics, while sublimation printing is limited to polyester and poly-coated fabrics.

What Do You Need for Sublimation Printing?

Sublimation Printing Mockup of a Tote Bag with Magazines
Sublimation Printing Mockup of a Tote Bag with Magazines from Placeit

If you want to do your own sublimation printing at home or you are thinking of creating your own printing business, here are the most essential things that you'll need:

  1. Sublimation Ink Printer that takes sublimation ink cartridges. This can either be designed specifically for sublimation printing or can be a new or used inkjet printer that has been fitted with sublimation ink cartridges and repurposed for sublimation printing. There are several brands available for both home and factory use.
  2. Computer and Raster Image Processor (RIP) Software are needed to create and process the images that you will send to the sublimation ink printer. Some printers include compatible RIP software, but it can also be purchased separately. 
  3. Sublimation (Transfer) Paper is a special printing paper that you will use in your sublimation ink printer to print your designs on. This sublimation paper is specially designed to absorb and hold sublimation ink. 
  4. Heat Press to transfer the design from the sublimation paper onto the target material. These come in a wider variety of sizes and models. The one you choose will depend on the kinds of materials you want to print on. For example, if you want to print your design onto a ceramic mug, you'll need to purchase a mug clamp and press, but if you're interested specifically in sublimation T-shirt printing at home, a small flatbed heat press should be enough. Or if you want to get into more commercial-scale production of a variety of fabrics, then a large calendar heat press will be a better choice for you.
  5. Mockup Generator provides you with a number of photorealistic mockups that will help you to see how your designs will look in real life before you commit them to print. 

What Materials Can You Use for Sublimation Printing?

Sublimation Transfer Mockup of Kid with Mug from Placeit
Sublimation Transfer Mockup of Kid with Mug from Placeit

Before you venture into sublimation printing, it's important to know what materials work best with this process. Sublimation printing works best on polyester fabrics because the material is constructed in such a way that, when heated, its pores open up and bind with the gas released by sublimation transfer to create a permanent bond.

So if you want to use sublimation printing for T-shirts, the fabric needs to be 100% polyester to yield the most vibrant colours. Polyester blends will also work but will create a less vibrant, more weathered, vintage look. In short, the higher the percentage of polyester in any fabric you use for sublimation printing, the better.

Sublimation printing also works well on ceramics, but if you want to print on plastics, metals, aluminium, or any other material, you need to treat them with a polyester coat first to prepare them to bond with the sublimation inks.

Designing for Sublimation Printing

Blank Sublimation Shirts and Coffee Mug Mockup
Blank Sublimation Shirt and Coffee Mug Mockup from Placeit

To use sublimation printing effectively, you should know the method's limitations and pick your design carefully.

  • If you need one logo at the top of a T-shirt, then sublimation printing isn't the way to go. A direct to garment (DTG) printing method would work better. 
  • Sublimation printing, on the other hand, offers designers a lot of freedom to go wild and create imaginative and expressive designs. One of its benefits when compared to other printing methods is the ability to print seam to seam. Why not exploit this by making the entire product your canvas? For example, you could create your design for a whole garment as opposed to just a small area of it and use the seams, top, and bottom as natural boundaries for your design. 
  • Photographs work well with sublimation printing. Why not try filling the whole surface of your garment with a photograph, instead of just placing it on the front of the garment in traditional fashion?
  • It's important to remember that there is no white ink in sublimation printing, so you can only sublimate on materials with white or light backgrounds. 
  • An indispensable tool when creating sublimation designs is a mockup generator like the one at Placeit. What makes the mockup generator one of the best tools for designers is that you get to see how your design will look in photorealistic scenarios before you commit to the expense of printing them. Using the example of the T-shirt mockup generator, I'll show you how it works.

How to Create a Sublimation T-Shirt Mockup

1. Go to Placeit.net > Mockups > Sublimated

Go to Placeitnet  Mockups  Sublimated

You'll find a wide selection of clothing templates and other mockups that you can add your sublimation designs to, but for our purposes today, we're looking for T-shirt mockups, so go to the column on the left and select T-shirts.

2. Peruse the Blank Sublimation Shirts > Choose a Mockup

Blank Sublimation Shirts

3. Go to the Left Menu > Upload Design > Choose Your Design

Sublimation Transfer Designs

4. Go to the Right Menu > Background > Choose a Background Colour

Sublimation T-shirt

5. Download Your Customised Sublimation T-Shirt

Download your Sublimation T-Shirt

Now that you know how easy it is to create sublimation mockups, let's look at the range of sublimation T-shirt mockup templates available at Placeit.

10+ Best Sublimation T-Shirt (And Other) Mockups 

Long Sleeve Shirt Mockup of a Woman With a Long Skirt

Long Sleeve Shirt Mockup of a Woman with a Long Skirt

Need a cool, fashionable, long-sleeve shirt mockup for your sublimation transfer design? Then this is the template for you. It features a stylish young woman shot against a street scene looking directly at the camera. A great template for showing off your designs.

Mockup of Three Folded Sublimated T-Shirt Mockup Templates

Mockup of Three Folded Sublimated T-Shirts Lying on a Surface

Show three sublimation examples in one image with this simple but very useful mockup template. The outer two are on top, so your full design will be shown there, but the middle one also has plenty of space for the viewer to see what they'll be getting.

T-Shirt Mockup Template of a Young Woman Drinking From a Coffee Mug While Working

Sublimation T-Shirt Mockup Template of a Young Woman Drinking from a Coffee Mug While Working

Need a fabulous sublimation mug and T-shirt printing mockup to display your amazing designs? You can add the same design to see how they would work at different scales or try complementary designs created specifically for each item.

Sublimated Bandana Mockup Featuring a Dog

Sublimated Bandana Mockup Featuring a Dog

How cute is this sublimated bandana mockup of a sweet dog wearing a bandana? This is just one of the many mockups you will find at Placeit that you can use to showcase your designs in an interesting way.

Long Sleeve T-Shirt Mockup of Woman in Shorts

Mockup of a Woman with a Long-Sleeve T-Shirt and Shorts

Here's a great long-sleeve T-shirt mockup template for your sublimation transfer design. Just upload your design from your computer using the T-shirt mockup generator to see how your design will translate in a real-life context, and then add your mockup to your website or send it to a client.

Clothing Template: Face Mask Mockup Featuring a Woman in a Studio

Clothing Templates Face Mask Mockup Featuring a Woman in a Studio

Face masks have now become a part of our daily lives—for the time being, anyway—and if you're creating designs to put your own collection of sublimation facemasks out there, this is a mockup template you'll need.

Clothing Templates: Sublimated Baseball Jersey Mockup

Clothing Templates Sublimated Baseball Jersey Mockup

This kids' sublimated baseball jersey mockup is perfect for showcasing your team design ideas. Use the mockup to display a few different design options so your clients get a clear idea of how the design looks in a real-life scenario, and let them choose their favourite.

Sublimation Tote Bag Mockup

Sublimation Tote Bag Mockup

The reusable tote is another item that's become part of our daily lives, so of course designers are stepping up to create beautiful designs that can be transferred to them using sublimation printing. That's why we've included some sublimation examples of totes that you can use in your Etsy shop, social media, or elsewhere online to showcase your designs.

Sublimation T-Shirt Mockup Template With Shorts

Sublimation T-Shirt Mockup Template with Shorts

Sportswear is the perfect vehicle for sublimation transfers because it's often full polyester or poly-blends. Here's a terrific template for your sublimation shirts and shorts designs. There are plenty more on the site, so if this one doesn't work for you, head over there and take a look at the other items available.

Mockup of Two Mugs Placed in Front of a Dad and His Son

Mockup of Two Mugs Placed in Front of a Dad and His Son

This sweet father and son image creates a great background for your sublimation transfer design for mugs. Just use the mockup generator to add your design to the mockups, and you'll have a wonderful image ready to download in seconds.

Clothing Templates: Woman Wearing a Long Sleeve Polo Shirt Mockup

Woman Wearing a Long Sleeve Polo Shirt Mockup

Looking for a long-sleeve polo-shirt mockup for your sublimation transfer designs? Here's a terrific mockup for you. It features a young woman standing in front of a cafe on a city street, peering over her sunglasses. Use the "upload image" feature to add your design.

Sublimation Transfer Mockup of a Woman Holding a Coffee Mug

Sublimation Transfer Mockup of a Woman Holding an 11 oz Coffee Mug

How about this sublimation transfer mockup of a woman's hands holding a coffee mug? If you've been looking for a template where your design occupies front and centre space, this is the template for you.

Download a Mockup Template to Promote Your Sublimation Transfer Designs Today

Sublimation printing represents a wonderful advance in both at-home and commercial printing that designers need to take advantage of. So jump on board the trend and start creating your own fabulous designs.

And when you need to test your sublimation transfer designs to see how they'd look in real-life scenarios, or if you need to showcase your designs for a client, then visit Placeit and take a look through the terrific collection of mockups to be found there.

I hope our selection has made you excited about all the possible ways you can display your designs. Why not add your design to your favourite mockup and share it with us here? We’d love to see which you choose.

And if you're looking for the best shirts for sublimation printing or are interested in other cool mockups for sweatshirts, sports jerseys, tote bags, and more, check out this handy roundup of the best mockups available at Placeit in different categories:

How to Create Pop Art Photo Effects With Photoshop Actions

$
0
0
Final product image
What You'll Be Creating

Learn how to create an Andy Warhol pop art photo effect in Adobe Photoshop using filters and color gradients.

The Andy Warhol effect is a part of the Pop Art Warhol Effect Photoshop Action from my portfolio on Envato Market.

Warhol Pop Art Photoshop Action
Pop Art Warhol Effect Photoshop Action

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

For this tutorial, you only need a stock photo to create the Warhol effect.

1. Add the Stock Image

Create a new document in Photoshop. Add the image that you want to turn into a pop art effect.

Girl Stock Image

2. Use the Pen Tool to Draw a Contour Shape

Step 1

Use the Pen Tool to trace the contour of the woman. Make sure you have the Paths option selected.

Pen Tool Selection

Step 2

Add anchor points around the area that you want to cut. For this effect, the cutout doesn't have to be perfect.

Click on the screen to add a point. While the mouse button is pressed down, drag to create a curved path.

Draw a Shape with Pen Tool

3. Make a Selection From a Path in Photoshop

Pick the Path Selection Tool and right click on the selection. Choose Make Selection from the menu.

Make a Selection from a Path in Photoshop
Make a Selection from a Path in Photoshop

4. Remove the Background in Photoshop

Press Control-J to make a copy of the selection in a new layer. Call this layer Woman Image. You can now remove the original layer.

Remove Background in Photoshop

5. Use the Threshold Adjustment Layer

Step 1

Press Control-J to duplicate the Woman Image layer. 

Duplicate Layer

Step 2

Hide the Woman Image Copy layerfor the moment. 

Add a Brightness/Contrast adjustment layer for the Woman Image. Right click on the adjustment and choose Create Clipping Mask

BrightnessContrast Adjustment Layer

Step 3

Add a Threshold adjustment layer for the Woman Image. Right click on the adjustment and choose Create Clipping Mask

Threshold Adjustment Layer

Step 4

Add a Stroke layer style for the Woman Image. Use the color #000000 for the border.

Stroke Layer Style

6. Use the Photocopy Filter 

Step 1

Make the Woman Image Copy layer visible again.

Set the Foreground color to #000000 and the Background color to #ffffff.

Go to Filter > Sketch and apply the Photocopy filter to the Woman Image Copy layer.

Photocopy Filter

Step 2

Set the blend mode of the Woman Image Copy layer to Multiply.

Blend Mode Multiply

Step 3

Add a Levels adjustment layer for the Woman Image Copy. Right click on the adjustment and choose Create Clipping Mask

Levels Adjustment in Photoshop

7. Create the Warhol Effect 

Step 1

Select all the layers. Right click on the layers and choose Convert to Smart Object. Change the name of the smart object to Warhol Effect.

Convert to Smart Object

Step 2

Add a Gradient Map adjustment layer for the Warhol Effect layer. Right click on the adjustment and choose Create Clipping Mask

The colors for the Gradient Map are #1a72ea and #ffc119, but you can choose any colors you like. 

Gradient Map Adjustment Layer

8. Add a Background Layer

Add a new layer and move it below the Warhol Effect layer. Fill the layer with the color #000000. Add a Color Overlay layer style with the color #f048e6.

Color Overlay Layer Style

9. Create a Pop Art Poster

Step 1

Press Shift-Control-Alt-E to make a copy of all the visible layers merged. Name this layer Pop Art Poster.

Merge Visible Layers in Photoshop

Step 2

Press Control-T to resize the image to 50%. Change the Reference Point Location as shown in the preview.

Resize Image in Photoshop

Step 3

Press Control-J to duplicate the Pop Art Poster layer three times. 

Duplicate Layers

Step 4

Move the layers as shown in the preview image to create a poster.

Poster Effect in Photroshop

Step 5

To change the color of the image, add a Hue/Saturation adjustment for each copy layer. Set the color tones that you like. 

Right click on the adjustment and choose Create Clipping Mask; that way, the color change affects only the layer below.

HueSaturation Adjustment Layer

Congratulations, You're Done!

In this tutorial, you learned how to create a Warhol Pop Art poster in Photoshop from scratch using only filters and adjustment layers. 

Create a Warhol Poster in Photoshop

For quick and easy results, you can check out the Pop Art Warhol Effect Photoshop Action, which will help you create Warhol posters with different sizes and effects.

Warhol Pop Art Photoshop Action
Pop Art Warhol Effect Photoshop Action

How to Create an Editable Pie Chart in Adobe Illustrator

$
0
0
Final product image
What You'll Be Creating

In the following steps, you will learn how to create an editable pie chart in Adobe Illustrator and how to easily stylize it.

First, you will learn how to create the starting pie chart using the Pie Graph Tool. Using the Direct Selection Tool and the Appearance panel along with some basic colors and effects, you will learn how to stylize the main components of your chart. Finally, you will learn how to create a simple legend and flat background.

For more inspiration on how to adjust or improve your final chart, you can find plenty of resources at GraphicRiver.

What you will learn in this vector infographic tutorial:

  • How to use basic shapes and tools in Adobe Illustrator to create a Pie Chart
  • Hot to edit and change the colors of your Pie Chart
  • How to create a simple legend for your Pie Chart
  • How to use the Pie Graph tool in Adobe Illustrator

Follow along with us over on our Envato Tuts+ YouTube channel:

1. How to Create a New Document and Create the Starting Chart

Step 1

Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width box and 980 in the height box, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and Snap to Grid (View > Snap to Grid). You will need a grid every 10 px, so simply go to Edit > Preferences > Guides & Grid, and enter 10 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.

You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

set up grid

Step 2

Focus on your toolbar and double click the Pie Graph Tool to open the Graph Type window. Enter the attributes shown in the following image and then click OK.

pie graph tool

Step 3

Make sure that the Pie Graph Tool is selected and simply click on your artboard to open the Graph window. Set both Width and Height to 450 pt, and then click OK.

Enter the data shown below and then click the Check button. Place your new graph roughly as shown in the following image.

graph

2. How to Edit the Pie Chart Components

Step 1

Pick the Direct Selection Tool (A), select only the shape highlighted in the following image, and focus on the Appearance panel (Window > Appearance).

Remove the existing stroke color and then select the fill. Set its color to R=255 G=190 B=123 and go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to -1 px and enter 15 in the Copies box, and then click OK. Return to the Appearance panel and add a second fill using the Add New Fill button. Select it, set the color to R=255 G=223 B=153, and go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to -15 px and click OK.

direct selection tool

Step 2

Using the Direct Selection Tool (A), select the other pie chart slices one by one. Remove the stroke color and replace the existing fill colors with the ones shown below.

change color

Step 3

Pick the Group Selection Tool and select one of the text pieces from your pie chart. Click a second time on the same piece of text to easily select all the text.

Open the Character panel (Window > Type > Character) and select the Alma Mono Heavy font. Set the Size to 25 px and change the color to white (R=255 G=255 B=255).

edit text

3. How to Stylize Your Pie Chart

Step 1

Pick the Move Tool (V), select your entire pie chart, and focus on the Appearance panel.

Add a new fill, select it, and make sure that it lies below the "Contents" section. Set the color to R=255 G=242 B=236 and go to Effect > Convert to Shape > Ellipse. Check the Absolute box, set both Width and Height to 500 px, click OK, and then go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to 7 px, click OK, and go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and click OK.

add new fill

Step 2

Make sure that your entire pie chart is still selected and keep focusing on the Appearance panel. Add a second fill, drag it below the existing fill, and select it.

Set the color to R=255 G=82 B=119, lower its Opacity to 30%, and go to Effect > Convert to Shape > Ellipse. Check the Absolute box, set both Width and Height to 440 px, click OK, and then go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to 45 px, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 15 px Radius and click OK.

gaussian blur

Step 3

Make sure that your entire pie chart is still selected and keep focusing on the Appearance panel. Add a third fill, drag it above the other two fills, and select it.

Set the color to R=255 G=82 B=119, lower its Opacity to 50%, and go to Effect > Convert to Shape > Ellipse. Check the Absolute box, set both Width and Height to 350 px, click OK, and then go to Effect > Distort & Transform > Transform. Drag the Move-Vertical slider to 35 px, click OK, and go to Effect > Blur > Gaussian Blur. Enter a 15 px Radius and click OK.

chart shadow

4. How to Create a Simple Legend

Step 1

Using the Rectangle Tool (M), create a 510 x 80 px shape, and place it as shown in the following image. Make sure that this rectangle stays selected and focus on the Appearance panel.

Select the fill, set its color to R=255 G=242 B=236, and go to Effect > Stylize > Rounded Corners. Enter a 40 px Radius, click OK, and go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and click OK.

rounded rectangle

Step 2

Make sure that your rectangle stays selected and keep focusing on the Appearance panel. Add a second fill and drag it below the other one.

Set the color to R=255 G=82 B=119, lower its Opacity to 30%, and go to Effect > Stylize > Rounded Corners. Enter a 10 px Radius, click OK, and go to Effect > Distort & Transform > Transform. Enter the attributes shown below, click OK, and go to Effect > Blur > Gaussian Blur. Set the Radius to 15 px and click OK.

legend shadow

Step 3

For this step, you will need a grid every 5 px. Simply go to Edit > Preferences > Guides & Grid and enter 5 in the Gridline every box.

Pick the Ellipse Tool (L) and create a 60 px circle, and then select the Rectangle Tool (M) and create a 30 px square. Place your square as shown in the second image and fill it with R=255 G=190 B=123. Select both shapes made in this step and click the Intersect button from the Pathfinder panel (Window > Pathfinder).

pathfinder panel

Step 4

Select your quarter circle and place it as shown in the following image.

quarter circle

Step 5

Make three copies of your quarter circle. Place them as shown below and replace the yellow with the colors shown below.

change color

Step 6

Go to your Toolbar and set the fill color to R=178 G=70 B=116. Focus on the Character panel, select the Auro font, and set the size to 16 px.

Pick the Type Tool (T), click on your artboard, add the "Lemon" piece of text, and then place it as shown below. Type the other three pieces of text and place them as shown below.

type tool

Step 7

Select all four pieces of text and go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and click OK.

drop shadow

5. How to Create a Simple Background

Pick the Rectangle Tool (M) and create an 870 x 1000 px shape. Fill this new rectangle with R=255 G=255 B=250, make sure that it covers your entire artboard, and send it to back (Shift-Control-[).

background

Congratulations! You're Done!

Here is how it should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects. Don't hesitate to share your final result in the comments section.

Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your design.

final product

5 Ways to Add Vector Pie Charts 

Need more inspiration? Check out and download some of these professionally made infographics and chart kits from Envato Elements! These are great especially if you are looking to save some time.

Circle Pie Chart Infographic Elements Design (AI, EPS, JPG, PDF)

Circle Pie Chart Infographic Elements Design

Create stylish and modern looking circle pie charts using this infographics design kit. It includes 30 icons and AI, EPS, JPG and PDF files, ready to be used.

Puzzle Pie Chart Infographics (AI, EPS, JPG, PSD)

Puzzle Pie Chart Infographics

Puzzle graphics are popular elements of corporate brochures and reports. Use this modern infographic banner to show a pie chart divided into four, five, or six puzzle pieces. This vector design is perfect for web design and print layouts.

Circle Chart Infographic Design (AI, EPS, JPG, PDF)

Circle Chart Infographic Design

In this pack you will find an infographic element template with 140 icons to choose from. This includes AI, EPS, JPG and PDF files, ready to be used for your project.

3D Infographics (AI, EPS, JPG, PNG)

3D Infographics

Download all the 3D business infographics you could want in this useful vector design pack. Use them as templates for creating workflow processes, flow charts, banners, presentation layouts, and more.

1000 Pie Charts Themes (SKETCH)

1000 Pie Charts Themes

Prefer to use Sketch? No problem. You'll get an astounding 1,000 pie charts to choose from in this fully editable Sketch file. Perfect for web or mobile. 

Learn How to Create More Stylish Graphs!

If you liked this and are looking to learn how to create some more stylish-looking charts and graphs, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!

How to Install and Use Fonts in Procreate

$
0
0
Final product image
What You'll Be Creating

Want to learn how to download fonts for Procreate, or how to add fonts to Procreate? We've got you covered. From downloading to using fonts for Procreate, we'll tackle it all in this tutorial.

What You'll Learn in This Tutorial

  • How to download fonts on iPad for Procreate
  • How to add fonts to Procreate
  • How to use fonts in Procreate

Ready to start adding type to your next Procreate project? Let's dig right in.

Follow along with us over on our Envato Tuts+ YouTube channel:

What You'll Need:

We'll be using the Springloved font in this walk-through. Download it and follow along, or download and work with a different font of your choice. There are plenty of different ways to download fonts for Procreate, but these methods will generally apply to most of them.

Not sure what font to choose—or where to find high-quality, professional fonts, appropriate for commercial use? Looking for Procreate fonts? Check out the amazing selection over on Envato Elements.

Now, let's dig in and start at the beginning—how to add fonts in Procreate.

1. How to Download Fonts on iPad for Procreate

Step 1

First, let's look at how to download fonts to Procreate on your iPad. This will vary, based upon the source of the font—in this demonstration, we'll download a font from Envato Elements.

However, you could also use fonts from your computer, using a cloud saving service. The goal is to simply get the font file onto your iPad.

So, in this demo, we'll tap to download, as shown below. Note that I am using the default Safari browser to do so—different browsers or services may vary. 

how to add font in procreate

Step 2

Then, you'll need to navigate to the location where your iPad stored the downloaded file. By default, this is typically your Downloads folder on the iPad (although, again, this may vary, based upon your preferences). 

In the case of Safari, I can tap the Download Button to view my recent downloads, and then tap the file to open up the folder, as shown below.

how to add fonts to procreate

Step 3

Here we are within the Downloads folder—and here's my downloaded file.

Many fonts are distributed within a compressed zip file. This is especially the case if the font includes more than one style or type—and this is the case with the font I've downloaded.

So, before we can proceed, we'll need to "unpack" this compressed file. Simply tap on the zip file to begin.

compressed zip file font

Step 4

And here's the result. Notice how my iPad created a new folder for the content that was inside the compressed zip file.

All we need to do now is tap on the folder to view its contents. 

procreate fonts

Step 5

Here's what the inside of the folder looks like. You'll notice that multiple files were included, some with different file types.

Procreate can use TTC, TTF, and OTF font file types. In this case, I'm going to choose one of the available OTF files here in my folder. 

Tap and hold on the file until you see the resulting menu. Then select Move.

fonts for procreate

Step 6

Then, select the Fonts folder in your iPad's Procreate folder. Once you've selected it, tap on Move to move the file to this location.

Once you've done so, we're ready to add our fonts to Procreate.

download fonts for procreate

2. How to Add Fonts to Procreate

Step 1

Now, let's turn to Procreate. Begin in a New Document, or any document of your choice.

Start by tapping on Actions (the wrench icon), then Add, and then Add Text

This will add a new text layer to our Procreate document.

how to add fonts to procreate

Step 2

Here's what it looks like when we've created our initial text layer. Notice how we're presented with a whole host of options—we'll take a look at them a little later. 

Check the Font List, and you may already see your font listed there and ready to use. If so, awesome—you're good to go!

However, let's walk through manual import too, just in case you don't see your font, or you'd like to import from a different location on your iPad.

Tap on Import Font, highlighted below, to add a new font for use here in Procreate.

how to add font in procreate

Step 3

Next, we'll need to navigate to our Procreate folder—our goal is to navigate to the location where we saved/stored our font file. Tap on the Procreate folder to go inside it.

Procreate folder

Step 4

From inside the Procreate folder, tap on the Fonts folder

Procreate fonts

Step 5

Then, from inside the Fonts folder, we should see our newly downloaded font file, as shown below. Simply Tap on the font file to import it into Procreate.

Procreate font import

Step 6

Finally, look at the Font List, on the left-hand side of the text options at the bottom of the screen. This is what your text layer looks like when we opt to Edit Style. 

Tap and Drag to page through the list of available fonts from the Font List. Then, you can select your newly imported font. It's all ready for use. 

Note, if you'd like to remove a font from Procreate, simply remove the font from your Font Folder within your Procreate Folder. It will then disappear from the list. Keep in mind, however, that this will also make the font unavailable for any existing projects that may have used it. 

fonts for procreate

3. How to Use Fonts for Procreate

Step 1

Let's take a look at some of the things we can do here, when it comes to editing and styling our text in Procreate. 

Use the Font List to browse and select from your available Procreate fonts.

The Style List lists any available style variations included with the font—like light, heavy, or italic weights and variants, again, if available.

The Design Panel contains a number of options to help you style your text, including:

  • Size changes the overall size of the text.
  • Kerning is used to adjust the spacing between select (often two) letters.
  • Tracking adjusts the spacing between all applicable letters. 
  • Leading adjusts the vertical space between lines of type.
  • Baseline adjusts the location of the baseline—think of it like the line the text "sits on".
  • Opacity is the text's opaqueness, with 100% being fully visible and 0% being invisible.

Note, you can also move the text by tapping and dragging on it. 

Tap and drag on the blue dots, on either side of the text box, to change the size of the text box itself.

You can also resize and rotate text using the Transform Tools, as you would artwork.

procreate fonts

Step 2

If you'd like to change the text's color, make sure you're in this text edit mode first—where you can see the text box.

Start by tapping on your text to open up your text options. 

Then, tap on the color picker to select a new color.

Procreate text color

Step 3

You'll notice that our text is on a special Text Layer. Below, the Text Layer is selected, but the text itself isn't necessarily in its edit mode.

Procreate text layer

Step 4

We get a number of familiar options here, when looking at our Text Layer—like renaming, copying, and merging. 

If you aren't familiar with Procreate Layers, check out this free tutorial:

However, take note of these two additional inclusions:

  • Edit Text—you can jump right back into the Edit Text mode from this part of the Layers Panel, if you prefer.
  • Rasterize—convert your Text Layer into a standard, rasterized layer, much like your standard artwork.
Procreate Text Layer Options

And There You Have it!

Using Procreate fonts is a snap—it's easy to dig right in and employ type in your illustrative work in Procreate! 

Here's a sample that I created, below, using the type that we installed in our demonstration. If you'd like to check out how I created it, make sure to watch this tutorial's video walk-through for a quick process video. It's a taste of some things you could try out with Procreate fonts!

Procreate Font Demonstration

15 Best Fonts for Procreate to Try Out

There are so many beautiful fonts out there, and the best fonts for Procreate are going to vary, based on your project and even your taste. However, here's a collection of versatile and beautiful fonts that would make an awesome addition to anyone's tool kit.

Take a look, and consider adding one to your font collection today.

1. Leah Gaviota Decorative Font

Leah Gaviota Decorative Font

Looking for a fun, quirky, visual mix of hand-drawn type? Look no further—Leah Gaviota is such a whimsical font. It includes six different looks to experiment with, making for so many fun combinations.

2. DJADOEL Quirky All Caps Font

DJADOEL Quirky All Caps Font

This typeface could be a wonderful fit for illustrative projects. It has two styles to choose from, and it's easy to import it right into Procreate. Download it today and try it out in your next project.

3. Strong West Retro Tattoo Font

Strong West - Retro Tattoo Font

Love working with tattoo design or maybe a tattoo inspired aesthetic? Well, then this font might be right up your alley. Check out the beautifully drawn characters and give them a shot in your next Procreate design.

4. Oatmeal Jack Serif and Script Font

Oatmeal Jack Serif and Script Font

This stylish typeface has a lot of interesting visual variation to experiment with. You get both a serif and a script typeface to play with in this font—mix and match them for a whole host of creative combinations.

5. Catalina Avalon Drawn Type Family Font

Catalina Avalon Drawn Type Family Font

If you're looking for a beautifully hand-drawn typeface, take a look at this one. It comes with eight variants, as well as some really lovely alternative characters, too! 

6. Avaline Script Sketch

Avaline Script Sketch

If you love hand-drawn type, this script font is definitely worth a look—it even includes 400 elements to work with too! There are flourishes, wreaths, banners, dividers, and more! 

7. My Dear Script Font Typeface

My Dear Script Font Typeface

Isn't this a beautiful hand-drawn typeface? It has alternate characters too—this one could be a perfect fit for any project that would benefit from an elegant script font. Use it in projects like illustrations, digital collage, and more.

8. Neverland Fantasy Display Serif Vintage Font

Neverland Fantasy Display Serif Vintage Font

This decorative typeface is super illustrative. It could work great for fairy tales, children's books, and so much more! Try it out with your illustrations, or experiment with it in a number of ways in Procreate.

9. American Traditional Tattoo Font

American Traditional Tattoo Font

Here's a classic tattoo-inspired font—perfect for experimenting with tattoo design concepts in Procreate. Or use it in any project that would benefit from a stylistic, decorative, hand-drawn feel.

10. Robofor Mechanical Engineering Font

Robofor Mechanical Engineering Font

Decorative typefaces can be a lot of fun to work with, and this one is no exception. There's a mechanical influence here, but mixed with a hand-drawn, organic quality. It could be an awesome one to experiment with in Procreate.

11. Lonssa Ornament Cute Symbol Font 

Lonssa Ornament Cute Symbol Font

Now, let's look at something a little different! This font is all about symbols, graphics, and borders, rather than numbers and letters. Use these pretty, hand-drawn assets as embellishments and additions in your next Procreate drawing.

12. Lineat Creative Decorative Font

Lineat Creative Decorative Font

If you love working with line, check out this decorative typeface. The letters are composed of decorative line—and this could be such a fun one to try out in Procreate, especially if intricate line art is an aesthetic you enjoy.

13. Dazey Display Font

Dazey Display Font

Isn't the line width variation in this font fun? This one is such a fun fit for any project that benefits from whimsical line work. Use it as the title on your next zine or as an addition to your next illustrative project. 

14. Grocery Rounded Hand Drawn Font

Grocery Rounded Hand Drawn Font

If an organic look is your project's style, this font delivers. It also includes some lovely vegetable and fruit glyphs that you can use to finish off your type inspired design—or add them to your design.

15. Tall & Tiny Font Duo 

Tall  Tiny Font Duo

This font duo has so much potential—and it even comes with 52 illustrated extras too, like the leaves and other natural elements shown above! Mix and match these two fonts for a fun, whimsical, hand-drawn look.

Want to Learn More About Procreate?

Check out some of these other, free Procreate tutorials on Envato Tuts+ for more Procreate walk-throughs, tutorials, and more! 

Viewing all 6352 articles
Browse latest View live