How to Create a Retro Long Shadow Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

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

For starters, you will learn how to create some text. Taking full advantage of the Appearance panel and using a neat Transform effect, you will learn how to add the long shadow effect without expanding your text. Some basic blending techniques and a simple Gaussian Blur effect will be the final touches for your text effect.

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

1. How to Create the Text

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 610 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 that Create Document button. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units.

setup grid

Step 2

Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Insaniburger font and set the size to 200 px.

Move to your artboard, click on it, and add your piece of text about as shown below. Make it black.

type tool

Step 3

Use the same tool and character attributes to create the last letter of your text. Make it blue and place it right above the black one.

Keep adding separate blue letters until you cover all your black text. Once you’re done, go to the Layers panel (Window > Layers) and remove your black text.

letter

2. How to Add the Long Shadow Effect

Step 1

Select one of your letters, focus on the Swatches panel (Window > Swatches), and click that [None] swatch to remove the blue text color.

Move to the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button. Select that new fill and set the color to R=255 G=245 B=225.

fill none

Step 2

Make sure that your “S” is still selected and focus on the Appearance panel. Add a second fill and select it. Drag it to the bottom of the panel, set the color to R=0 G=146 B=69, and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 0.5 px, enter 700 in that Copies box, and then click OK.

long shadow

Step 3

Make sure that your “S” is still selected and keep focusing on the Appearance panel. Add a third fill and select it.

Drag it between the existing two fills and set the color to black. Lower its Opacity to 10% and then go to Effect > Path > Offset Path. Enter a -10 px Offset, click OK, and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 15 px, click OK, and then go to Effect > Blur > Gaussian Blur. Enter a 5 px Radius and then click OK.

add new fill

Step 4

Focus on the Layers panel, open your layer, and use those target icons to easily apply the Appearance attributes used for your first letter to the rest of your letters. Target icons are the little round icons displayed at the far right of each individual layer or shape.

Hold the Alt button from your keyboard, click the target icon that stands for your “S“, and then drag it onto the target icon that stands for your “T“. Select your “T“, focus on the Appearance panel, and replace the green used for that bottom fill with R=255 G=154 B=9.

target icon

Step 5

Move to the “O” and apply the same Appearance attributes, but replace the green with R=244 G=54 B=44.

Select that “P” and apply the same Appearance attributes, but replace the green with R=7 G=132 B=170.

red blue

3. How to Create a Background and Add More Text

Step 1

Pick the Rectangle Tool (M) and create a shape that covers your entire artboard. Fill it with R=42 G=27 B=67 and send it to back (Shift-Control-[).

background

Step 2

Pick the Type Tool (T) and focus on the Character panel. Make sure that the Insaniburger font is still selected and set the size to 50 px.

Add the “DON’T” piece of text and place it as shown in the following image. Again, remove the text color and focus on the Appearance panel. Add a fill using that Add New Fill button, select it, and set the color to R=255 G=245 B=225.

type tool

Step 3

Make sure that your “DON’T” piece of text stays selected, focus on the Appearance panel, and add a second fill. Select the bottom fill, set its color to R=255 G=80 B=145, and then go to Effect > Distort & Transform > Transform. Enter the attributes shown in the following image and then click that OK button.

add new fill

Step 4

Make sure that your “DON’T” piece of text is still selected and keep focusing on the Appearance panel. Add a third fill and select it.

Drag it between the existing two fills and set the color to black. Lower its Opacity to 10% and then go to Effect > Path > Offset Path. Enter a -2 px Offset, click that OK button, and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 5 px, click that OK button, and then go to Effect > Blur > Gaussian Blur. Enter a 3 px Radius and then click that OK button.

gaussian blur

Step 5

Pick the Type Tool (T) and add the “BELIEVING” piece of text. Set the text color to R=255 G=245 B=225 and place it as shown in the following image. Make sure that this new piece of text is selected and go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and then click that OK button.

drop shadow

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

How to Create a Winter Sale Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

Many businesses use the festive season as an opportunity to entice bargain-hunting customers into their stores. This flyer is a sweet and simple way of marketing winter season promotions, with a collage-inspired design and hand-drawn font style. 

We’ll set up the flyer in Adobe InDesign, create a snowy scene directly in the software, and show you how to export your design for printing or circulating online. 

Even if you’re a beginner to using InDesign, this single-page design is a great introduction to creating simple layouts and drawing graphics.

Looking for more promotional flyer designs? You can find a broad range of flyer templates over on Envato Elements, which are quick and simple to customize with your own text content.

What You’ll Need

You’ll need the following resource to complete this project:

1. How to Set Up Your Flyer in InDesign

A quick note on sizing: We’ll be setting up the flyer pictured here to a standard US flyer size, 8.5 by 11 inches. If you want to create your flyer to a different size, that’s no problem. You’ll simply have to adapt the scale of graphics and fonts to match your required page size. 

Step 1

Open InDesign and go to File > New > Document. Uncheck Facing Pages and keep the Number of Pages set to 1

Set the Width of the page to 8.5 in and Height to 11 in. Keep the margins to their default value, and add a Bleed of 0.5 in. 

new document

Click OK to create your document. 

Step 2

We’re going to build up the design across a series of layers, which will help give the design a 3D collage-like effect. 

To do this, expand the Layers panel (Window > Layers) and double-click on the default Layer 1 name in the panel. Rename the layer Background and click OK

Click on the Create New Layer button at the bottom of the panel, and double-click on this to rename the layer as Type

Then create a further five new layers using the same process, in this order: Mountains, Trees Background, Trees Foreground, Snow, and finally Snowfall

layer options

Then click to the left of each layer’s name to lock all the layers except Background

lock layers

Step 3

We’ll also set up a color palette, which we can use throughout the design. 

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s top-right drop-down menu.  

Name the swatch Dusky Pink and set the percentage levels below to C=6 M=12 Y=16 K=5. Click Add and then OK

Repeat the process to create a palette of CMYK swatches in lovely subdued tones of blues, pinks, and corals:

  • Teal: C=76 M=33 Y=23 K=6
  • Green Blue: C=68 M=38 Y=39 K=21
  • Pale Grey: C=11 M=6 Y=6 K=0
  • Pale Pink: C=3 M=12 Y=12 K=0
  • Pale Blue: C=28 M=6 Y=3 K=12
  • Coral: C=0 M=66 Y=52 K=0
swatch options

Step 4

Take the Rectangle Tool (M) and drag across the whole page, extending it up to the edge of the bleed on all sides. From the Swatches panel, set the Fill to Dusky Pink. 

dusky pink fill

Step 5

Create a second rectangle, allowing it to cover most of the page, with just a sliver at the bottom uncovered, as shown below. 

Set the Fill to Pale Blue.

pale blue

With this rectangle selected, go to Object > Effects > Gradient Feather. Adjust the Angle to 90 Degrees, and move the Gradient Stops until you’ve created a subtle gradated effect from blue to pink. 

gradient

2. How to Create a Forest Scene for Your Flyer

Step 1

Head back to the Layers panel and lock the Background layer. Unlock Trees Foreground.

Take the Pen Tool (P) and create a small, tall triangle, by clicking four times onto the page, linking the lines into a shape. From the Swatches panel, set the Fill to Dusky Pink and Stroke Color to [None].

triangle shape

Step 2

Switch to the Line Tool (\) and drag from the bottom of the tree to the top, creating a trunk. Set the Stroke Color to Green Blue. 

line tool

Create more lines stemming off the central trunk, reaching out to the edge of the tree, creating a series of branches. 

branches

Expand the Stroke panel (Window > Stroke) and select all the branches and the trunk (but not the pink triangle shape). 

Set the Weight of the stroke to 2 pt and choose Straight Hash from the Type menu.

stroke

Step 3

Select the pink triangle and go to Object > Effects > Drop Shadow. Set the Effect Color to Green Blue, Opacity to 50%, and Noise to about 15%. You can tweak the other options until you’ve created a subtle, grainy drop shadow. 

effect color

Click OK when you’re happy with the result. 

finished tree

Step 4

Select all the elements of the tree shape, including the triangle, trunk, and branches, and Right-Click > Group. 

Use Shift to scale the whole illustration, positioning it at the bottom of the page, as shown below. 

tree position

Edit > Copy, Edit > Paste the tree, creating multiple copies. Arrange them in a sequence along the bottom of the page and double-click on the triangle shape of each graphic to be able to adjust the color. Here, I’ve set one tree in Pale Grey and another in Pale Blue

row of trees

Continue to build up the row of trees, with one tree positioned in the center of the sequence and the page. 

row of trees

Step 5

Double-click on one of the triangle shapes to select this alone, and Edit > Copy. 

Lock the Trees Foreground layer and unlock the layer below, Trees Background. From the Layers panel’s drop-down menu, make sure Paste Remembers Layers is not active, and then Edit > Paste, dropping the triangle onto this layer. 

Adjust the Fill to Green Blue, and position it behind the row of trees, allowing it to peek through one of the gaps. 

tree background

Copy and Paste this tree shape repeatedly, building up a background row of trees, creating a forest effect. 

tree rows

Step 6

Lock the Trees Background layer and unlock the Mountains layer below. 

Edit > Paste another triangle shape onto this page, and drag to make it much larger. Change the Fill to Teal.

mountain shape

Go to Object > Effects > Inner Glow. From here, we can add a grainy texture to the shape. Set the Mode to Normal, Effect Color to Green Blue, and Opacity to about 50%. Increase the Size to 1.25 in, Choke to about 35%, and Noise to about 60%, before clicking OK

inner glow

Step 7

To create a snow cap for your mountain, take the Pen Tool (P) and click around the top of the triangle shape, creating more jagged edges along the bottom edge. Unite into a shape and set the Fill to Pale Grey. 

snow cap

With the cap selected, go to Object > Effects > Inner Glow. With the Mode set to Normal, adjust the Effect Color to Pale Blue. Increase the Choke to around 20% and Noise to about 40%, before clicking OK

inner glow

Step 8

Select both the blue triangle and snow cap and Right-Click > Group.

group

Copy and Paste the mountain, moving a copy over to the right side of the layout.

pasted shape

Create more copies of the mountain, stretching them and reducing their height, and fitting them in the central section of the layout, as shown below, creating a mountain range. 

mountain range

Step 9

Take the Ellipse Tool (L) and, holding Shift, drag onto the top-right of the page, creating a small moon. Set the Fill to Pale Grey. 

ellipse tool

With the circle selected, go to Object > Effects > Transparency. Choose Overlay from the Mode menu. 

overlay

Click on Outer Glow in the window’s left-hand menu. Tweak the options to create a soft glow effect, to give the impression the moon is shining. 

outer glow

Click OK to exit the window. 

illustration so far

Step 10

Lock the Mountains layer and unlock the Snow layer. Select the Pen Tool (P) and click around the bottom of the page, to create a long rectangle-like shape, which just overlaps the bottom edge of the trees. Set the Fill to [Paper].

lock layer

3. How to Format Typography on Your Flyer

Step 1

Lock the Snow layer and unlock the Type layer. 

Select the Type Tool (T) and drag onto the page to create a text frame across the center of the layout, above the mountain range. Type in ‘WINTER’.

From either the Controls panel at the top of the workspace or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Naive Inline, Size 85 pt, Tracking 70 and set the text to Align Center. From the Swatches panel, set the Font Color to [Paper].

text frame

Step 2

Edit > Copy, Edit > Paste the text frame to create a second text frame below the first. Type in ‘SALE’ and increase the Font Size until the edges of the word meet the edges of ‘WINTER’ above.

Switch the Font Color to Coral for contrast. 

coral

Step 3

Build up more text frames around the main headline if you wish. You can add more details about the savings on offer…

text

… and where customers can benefit from the discounts. 

text teal

Vary the Font Color between [Paper] and Teal, so that the coral ‘SALE’ text remains the most visible piece of type on the page. 

4. How to Add a Snowy Finishing Touch

Step 1

It’s not a wintry scene without a generous sprinkling of snow!

Lock the Typography layer and unlock the top layer, Snowfall. Select the Pen Tool (P) and roughly draw a small circle onto the top of the page. Set the Fill to [Paper]. 

snow drop

With the shape selected, go to Object > Effects > Transparency. Set the Mode to Overlay and bring the Opacity down to 70%. 

overlay

Click on Drop Shadow in the window’s left-hand menu. Set the Effect Color to Teal, and add 30% Noise to create a subtle shadow. Click OK.

drop shadow

Step 2

Copy and Paste the circle repeatedly, creating a scattered group of snowdrops. 

snow drops

Then select the group and Copy and Paste, eventually building up a whole snowfall design across the top of the flyer. Avoid the circles spilling over any of the text, but allowing a few to fall over the top of the mountains helps the whole illustration to pull together. 

snowfall

5. How to Export Your Flyer

Your flyer’s finished—great job! Now all you have to do is export it, ready for circulating online or sending off for printing. 

Step 1

First up, make sure to File > Save your hard work. Then go back to File and choose Export

In the Export window that opens, choose PNG or JPEG from the Format menu if you want to create a web-ready image. 

export to web

If you’re looking to print your flyer professionally, choose Adobe PDF (Print) from the Format menu. Then click Save.

export to pdf

Step 2

If you’ve chosen PDF, the Export to PDF window will open. Select [Press Quality] from the Preset menu at the top. 

press quality

Then click on Marks and Bleeds in the left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings, before clicking Export to create your print-ready file. 

printers marks

Conclusion: Your Finished Flyer

Your winter sale flyer is finished and ready for distributing—awesome work!

In this tutorial, we’ve looked at how you can create gorgeous flyers with a craft-inspired look in InDesign. It’s also easy to adapt your flyer design to a different purpose—why not use it to promote a festive event?

Looking for more promotional flyer designs? You can find a broad range of flyer templates over on Envato Elements, which are super easy to customize with your own text content. Make sure to take a look!

final flyer

How to Create a Bones Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

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

For starters, you will learn how to set up a simple grid and how to create several pixel-perfect shapes. Using the Rounded Corners effect and some basic vector shape-building techniques, you will learn how to create the main bone shape. Moving on, you will learn how to save and use an art brush. For the final touches, you will learn how to add Drop Shadow effects and a simple background.

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

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 600 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, and 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 by 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 Bone Shape and Pattern Brush

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=253 G=241 B=193. Move to your artboard and simply create a 25 x 105 px rectangle—the grid and the Snap to Grid feature should help.

Focus on the bottom side of this rectangle and switch to the Direct Selection Tool (A). Select the right anchor point and drag it 5 px to the left, and then select the left anchor point and drag it 5 px up and 5 px to the right.

rectangle tool

Step 2

Keep focusing on the bottom side of your existing shape. Using the Rectangle Tool (M), create a 30 x 35 px shape and place it as shown in the first image. Focus on the left side of this new rectangle and pick the Add Anchor Point Tool (+). Simply click in the point highlighted with blue to add a new anchor point for your shape.

Switch to the Direct Selection Tool (A), select the newly added anchor point and drag it 15 px to the left. Move to the right side of this shape and make sure that the Direct Selection Tool (A) remains active. Select the top anchor point and drag it 10 px down, and then select the bottom anchor point and drag it 10 px up and 5 px to the left.

add anchor point

Step 3

Using the Rectangle Tool (M), create a 25 px square and place it as shown in the first image. Focus on the bottom side of this new shape, pick the Add Anchor Point Tool (+) and add a new anchor point as shown below.

Keep focusing on your square and switch to the Direct Selection Tool (A). First, select the bottom-left anchor point and drag it 10 px up and 5 px to the left. Move to the bottom-right anchor point and drag it 5 px up, and then select the top-right anchor point and drag it 5 px up and 10 px to the left.

direct selection tool

Step 4

Using the Rectangle Tool (M), create a 40 x 30 px shape and place it as shown in the first image. Pick the Add Anchor Point Tool (+) and add the two anchor points shown below.

Keep focusing on this new rectangle and switch to the Direct Selection Tool (A). First, select the bottom-left anchor point and drag it 5 px up. Move to the top-right anchor point and drag it 10 px to the left, and then select the top-left anchor point and drag it 5 px to the right.

rectangle

Step 5

Using the Rectangle Tool (M), create a 35 px square and place it as shown in the first image. Pick the Add Anchor Point Tool (+) and add the two anchor points shown below.

Keep focusing on your square and switch to the Direct Selection Tool (A). First, select the bottom-right anchor point and drag it 10 px up and 5 px to the left. Move to the top-right anchor point and drag it 5 px down, and then select the top-left anchor point and drag it 25 px down.

rectangle

Step 6

Select all the shapes made so far, open the Pathfinder panel (Window > Pathfinder), and click the Unite button. Make sure that the resulting shape is filled with R=253 G=241 B=193 and move to the next step.

unite

Step 7

Make sure that your shape is still selected and go to Effect > Stylize > Rounded Corners. Enter a 5 px Radius, click OK, and then go to Object > Expand Appearance.

rounded corners

Step 8

Pick the Pen Tool (P) and create three simple triangles as shown in the first image. Select all the shapes made so far and click the Minus Front button from the Pathfinder panel.

minus front

Step 9

Make sure that your shape is selected, open the Brushes panel (Window > Brushes) and click that New Brush button. Select the Art Brush box and then click OK. Pick a name for your brush, drag that Width slider to 50%, enter the rest of the attributes shown in the following image, and then click the OK button.

art brush

3. How to Create the Text Effect

Step 1

Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Bonez font and then set the size to 150 px and the tracking to 100. Simply click on your artboard and add some text. Make it black (R=0 G=0 B=0) and lower its Opacity to about 30%.

type tool

Step 2

Disable the Grid (Control-“) and the Snap to Grid (Shift-Control-“).

Pick the Brush Tool (B) and select your art brush from the Brushes panel. Use that black text as a rough reference and start drawing paths to create the first letter.

brush tool

Step 3

Move to the next letters and use the same art brush. Once you’re done, delete that piece of text.

ABCD

Step 4

Select all the paths made so far and go to Effect > Stylize > Drop Shadow. Enter the attributes shown in the following image and then click OK.

drop shadow

Step 5

Make sure that all your paths are still selected, Group them (Control-G) and then go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and then click OK.

group

4. How to Create the Background

Step 1

Pick the Ellipse Tool (L) and simply click on your artboard to open the Ellipse window. Set the Width to 600 px and the Height to 360 px and then click OK. Fill the resulting shape with R=235 G=107 B=38 and send it to back (Shift-Control-[).

Make sure that this orange shape stays selected and open the Align panel (Window > Align). Set the aligning to Artboard (open the fly out menu and go to Show Options if you can’t see the Align To section as shown in the following image) and then click the Horizontal Align Center and Vertical Align Center buttons. This will basically bring your selected shape to the center of the artboard.

ellipse tool

Step 2

Make sure that your orange ellipse is still selected and go to Effect > Distort & Transform > Zig Zag. Enter the attributes shown in the following image and then click OK.

zig zag

Step 3

Pick the Rectangle Tool (M) and simply click on your artboard to open the Rectangle window. Set the Width to 860 px and the Height to 610 px and then click OK. Fill the resulting shape with R=39 G=9 B=62, send it to back (Shift-Control-[), and don’t forget to center it.

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

Envato Tuts+ Community Challenge: Created By You, November 2017 Edition

Welcome to our monthly feature of fantastic tutorial results created by
you, the Envato Tuts+ community! 

Every day, visitors like you take the
time not only to read our tutorials but also to try them out. This is an assortment of those comment submissions found throughout the Design
& Illustration section. Check out this set of results and join in
for the next roundup, published next month!

Vector Tutorial Results

Taken from the
comments section of your favorite tutorials, these first pieces are an
assortment of results created with vector drawing programs. Check out
these amazing results!

How to Create a Tunisian-Inspired Motif in Adobe Illustrator

Inspired by this beautiful Tunisian-Inspired Motif tutorial by , Ahmed Mahmoud created this lovely design below. He commented:

Wow! Another great tutorial, I made many mistakes but I like your tutorials. Thanks.

How to Create a Tunisian-Inspired Motif in Adobe Illustrator

How to Create 10 Mini Pug Illustrations in Adobe Illustrator

As a fun alternative to this Pug Illustration tutorial by Nataliya Dolotko, Cindi Bane Gilmour created her own set! She said:

Such a cute tutorial, I made mine with beagles.

How to Create 10 Mini Pug Illustrations in Adobe Illustrator

Create a Cute Moldovan Chibi Character in Adobe Illustrator

Patience pays off! Piq Design did a wonderful job making this Moldovan Chibi Character from instructor . She said:

Finished! I loved every detailed minute! Can’t wait to try this out on some of my own work! Thank you!

Create a Cute Moldovan Chibi Character in Adobe Illustrator

How to Create a Cute, Playful School Pattern in Adobe Illustrator

This super cute design comes from Lénárt Lívia. She did an awesome job with this School Pattern tutorial by .

Hi Yulia! Again, it was a very cool tutorial. Thank you!

How to Create a Cute Playful School Pattern in Adobe Illustrator

How to Create a Quirky Birthday Illustration in Adobe Illustrator

So pretty! Jungim88 created an adorable Birthday Illustration inspired by a tutorial from . They said:

Your character is cute! Thank you for your tutorial.

How to Create a Quirky Birthday Illustration in Adobe Illustrator

How to Draw a Spooky Halloween Background in Adobe Illustrator

Juan Camilo Vanegas tackled this Spooky Halloween Background from . Check out his great result!

How to Draw a Spooky Halloween Background in Adobe Illustrator

How to Create a Semi-Realistic Apple Watch Illustration in Illustrator

Fantastic work by Iaroslava Rizova! She took on this realistic Apple Watch tutorial by .

How to Create a Semi-Realistic Apple Watch Illustration in Illustrator

How to Create a Set of Mini Pirate Icons in Adobe Illustrator

Lee Lorelai made a superb set of Mini Pirate Icons using a tutorial by instructor . Lee commented:

Thanks for the tutorial, here is my homework.

How to Create a Set of Mini Pirate Icons in Adobe Illustrator

Create a Lebanese Inspired, Printable Placemat for Kids in Adobe Illustrator

Well done! Sarah made this kid-friendly Printable Placemat created by . She commented:

Thanks for posting it! I love tutorials like this. I make custom crayon boxes and coloring books so this tutorial was right up my alley.

Create a Lebanese Inspired Printable Placemat for Kids in Adobe Illustrator

Adobe Photoshop Tutorial Results

Let’s
take a look at this next set of results inspired by Adobe Photoshop
tutorials published here on Envato Tuts+. Contributions range from photo manipulations to text effects and more! Check out these wicked results
below!

How to Create a Surreal Underwater Scene With Adobe Photoshop

This funny kitty comes from Ramesh Parmar. He achieved this sweet result using this Underwater Scene tutorial from . He commented:

Thank you for this amazing tutorial.

How to Create a Surreal Underwater Scene With Adobe Photoshop

How to Create a Colorful Clone Effect Action in Adobe Photoshop

Nice colors! User DesignIT Kungsbacka created this Colorful Clone Effect using a tutorial from instructor . They said:

Thanks for a nice tutorial! Perhaps it would be good to add that if the spacing gets wrong, you can change the Canvas Size action to display dialog box. Here’s my result.

How to Create a Colorful Clone Effect Action in Adobe Photoshop

How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

User Hadiheydarlou made a stunning Diamond Text Effect using this tutorial from . Excellent work!

How to Create a Quick Sparkling Diamonds Text Effect in Adobe Photoshop

How to Colourise an Old Photograph in Adobe Photoshop

Ash colorized this old photo with brilliant colors! Check out her result using this Old Photo Restoration tutorial from .

How to Colourise an Old Photograph in Adobe Photoshop

How to Create a Metallic 3D Spiky Text Effect in Adobe Photoshop

Jacky So perfectly recreated this Spiky Text Effect from instructor . She commented:

Awesome tutorial! Thanks for sharing.

How to Create a Metallic 3D Spiky Text Effect in Adobe Photoshop

How to Create a Graffiti Effect in Adobe Photoshop

Check out this awesome version of ‘s Graffiti Effect tutorial by Yohan Pramuditha. He commented:

I made this on my second attempt.

How to Create a Graffiti Effect in Adobe Photoshop

How to Create a Cool Glitch Photo Effect in Adobe Photoshop

Florian Grs added an epic Glitch Effect to his photo using a tutorial from . He commented:

Nice tutorial, very clear!

How to Create a Cool Glitch Photo Effect in Adobe Photoshop

Create a Relaxing, Vibrant, Fantasy Lake Scene With Adobe Photoshop

Enjoy this lovely Fantasy Lake Manipulation from Irina. She achieved a phenomenal result with the help of instructor . She commented:

Thank you for the most beautiful lesson. l really enjoyed working with Displace and Curves.

Create a Relaxing Vibrant Fantasy Lake Scene With Adobe Photoshop

Design Tutorial Results

These final
pieces are inspired by an assorted of design tutorials that don’t quite
fit the previous categories. They include everything from print design
to drawing and more! Enjoy these beautiful pieces created by the
community below!

How to Create a Quick Vintage Text Effect in Adobe InDesign

Quick and easy, this Vintage Text Effect from allowed Jael to recreate the amazing design. Enjoy their work!

How to Create a Quick Vintage Text Effect in Adobe InDesign

Cartoon Fundamentals: Create Emotions From Simple Changes in the Face

PlumpOrange mastered expressions with this Cartoon Fundamentals lesson by . They said:

Thank you for all these facial lessons! Now I really can draw whatever I want: anger, and happiness…happiness, mostly, of course!

Cartoon Fundamentals Create Emotions From Simple Changes in the Face

Design a Fold-Out City Guide in Adobe InDesign

Last but not least, enjoy this amazing submission from Michael Gearon. He made a perfect Fold-Out City Guide using this InDesign tutorial by . Michael commented:

Great tutorial, really easy to follow. Thanks!

Design a Fold-Out City Guide in Adobe InDesign

How to Be Involved in the Next Showcase

Have you created a piece based on one of our tutorials here in the Design
& Illustration section of Envato Tuts+? We’re keen for you to share
your results with us! Check out the general guidelines below to join in
with our community:

  • Your artwork should be similar in some
    way to the tutorial that you followed or that inspired it. The aim of
    these showcases is to share what readers have created after following
    the tutorial.
  • Comment on the tutorial you used, attaching an
    image of your result. We’re keen on all levels of ability: from beginner to advanced!
  • Include a comment about your result, yourself, or your process. We like knowing about you and what you’re sharing.
  • Share the tutorial when you share that artwork elsewhere on the web. If
    you’ve posted your piece on sites like Facebook, Tumblr or Behance, link back to the tutorial so that other users know your source and can join
    in on the fun.

Thanks to everyone who was highlighted above for sharing your results with the Envato Tuts+ community. We look forward to checking out your brilliant versions of our tutorials in the near
future, and welcome users new and old to participate in upcoming
showcases.

Win $250 in Envato Market Credits!

Jump over to the Envato community forums to show off your creation from one of the many Tuts+ tutorials. Read more about it over here.

How to Create an Emotional Fire Scene Photo Manipulation in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial I’ll show you how to use Adobe Photoshop to create an emotional fire scene featuring a brave little girl. 

First we’ll isolate the model and paint light, color, and shadow for the background. After that, we’ll add the fire, the reflections in the eyes, and the barbed wire, as well as retouching and blending the model. Later, we’ll add the rose and create the fire sparks. We’ll paint the light for the model and use several adjustment layers to enhance the final effect.

If you’re looking for resources, including stock images, textures, and 3D models for your manipulation projects, you can find them all over on Envato Elements or GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Isolate the Model and Prepare the Base Background

Step 1

Create a new 2000 x 1333 px document in Photoshop with the given settings:

new file

Step 2

Open the model image. Drag the image into the white canvas using the Move Tool (V). Convert this layer to a Smart Object.

add model

Step 3

We need to
isolate the model to be able to work easily in the future. Click the second icon at the bottom of the Layers panel to add a mask to this layer. On the
layer mask, use the Quick Mask Tool (Q) or any tools you’re familiar
with to isolate the model from the background. You can see the model
with the white background after being masked out.

isolate model

Hold Control and click the mask thumbnail of the model layer to load her selection.

load model selection

Press
Control-J to paste the model into a new transparent layer. Right-click
the mask of the original model layer, and choose Disable Layer Mask. Now we
can work on the background behind the model, and the model won’t be affected.

copy model into a new layer

Step 4

Hit
Control-Shift-N to make a new layer. Set this layer between the original model layer and the extracted one. Activate the Brush Tool (B) and
select a red/orange color (#f95915) to paint over the background. Change this layer mode to Soft Light 100%.

paint background with red
background color

Step 5

Make a new layer and use a soft black brush to paint shadow for some areas
on the background. It helps to increase the depth. Change this
layer mode to Soft Light 100%.

add background shade
background shade result

2. How to Make the Fire Effect

Step 1

Move the fire image into our main document and place it below the model’s layer. Change this layer mode to Screen 100%:

add fire

Step 2

Duplicate this layer and move it to the right. Make it in a lower position to show different flames from the original one.

duplicate fire

Step 3

Select the
fire layers and hit Control-G to make a group for them. Set this group’s mode to Screen 100% and add a Levels adjustment layer to remove the
unwanted white edges. You can see that the fire becomes redder.

fire levels

Step 4

Add a mask to each of the fire layers to remove some small details in the middle.

fire masking

Step 5

On each of
the fire layers, go to Filter > Blur > Gaussian Blur and change
the Radius to 15 px. It helps to separate the fire effect from the model and increase the depth of field.

fire gaussian blur

Step 6

To make the reflection of the fire in the model’s eyes, use the Lasso Tool (L) to
grab two parts of the fire image and add them to the eyes area. Set the mode of these layers to Linear Dodge 100%. Remember to place these
layers above the model’s one.

add fire reflection

Add a mask to each of these layers and use a soft black brush to remove the unwanted edges outside the pupils’ area.

fire reflection masking

Step 7

Apply a Gaussian Blur of 8 px to soften the fire’s reflection.

fire reflection gaussian blur

Step 8

Make a new
layer below the model’s one. Use a soft brush with the color #fbe43e to
paint on both edges of the background (the fire area). Change this
layer mode to Soft Light 100% to add more glow to the fire’s effect.

paint fire glow

fire glow result

3. How to Import the Barbed Wire

Step 1

Cut out the barbed wire from the background and place it at the bottom of the canvas. Set this layer above the model’s one and use a layer mask to remove the
part covering the model so the wires appear behind her.

add background wires
background wires masking

Step 2

Apply a Gaussian Blur of 15 px to the wire so that it blends well with the softness of the background.

background wires gaussian blur

Step 3

Add a part of the wire to the front of the model and make it a bit bigger than the one in the background.

add front wire

Apply a Gaussian Blur of 9 px to this layer.

front wire gaussian blur

Step 4

Create a
group for the wire layers and change the group’s mode to Normal 100%. Use a Hue/Saturation adjustment layer to
desaturate the blue cast on the wire. Bring the Saturation values down
to –100:

wires hue saturation

Step 5

Add a Color Balance adjustment layer to give the wire some warm red from the fire. Alter the Midtones and Highlights values:

wires color balance midtones
wires color balance highlights

Step 6

Make a
Curves adjustment layer to bring more light to the wire. On the layer
mask, paint on the wire part on the front and the right edges to reduce
the brightness there.

wires curves

4. How to Retouch the Model

Step 1

On the model’s layer, select the
lips area and make a Hue/Saturation adjustment layer and set it as a Clipping Mask. Adjust the Reds settings to change the
lips’ color, making them redder.

change lips color

Step 2

Add a Color Balance adjustment layer to give some warm red to the model.

model color balance

Step 3

Create a
Curves
adjustment layer to make the left of the model (from the
viewer) a bit brighter. Paint on the rest of the model so it won’t be
affected by this adjustment layer.

model curves

Step 4

Make a new layer, change the mode to Overlay 100%, and fill with 50% gray.

model DB

Activate
the Dodge and Burn Tool (O) with Midtones Range, Exposure about 20% to
paint highlights for the contour of the model, as well as more details for the
headscarf. You can see how I did it with Normal mode and the result with Overlay mode:

DB normal mode
DB overlay mode

5. How to Add the Rose

Step 1

Cut out the rose and place it on the hidden side of the model’s head.

add rose

Step 2

Use a Hue/Saturation adjustment layer to change the rose’s color:

rose hue saturation

Step 3

Add a Curves adjustment layer to darken the rose.

rose curves

6. How to Create the Fire Sparks

Step 1

Place the
fireworks image onto the whole canvas and change the layer mode to Color
Dodge 100%
. Choose Edit > Transform > Rotate 90 Clockwise to
change its perspective.

add fire sparks 1

Add a mask to this layer and remove the sparks covering the model and some bright details.

sparks 1 masking

Step 2

Apply a Gaussian Blur of 12 px to make the effect appear subtle and soft.

sparks 1 gaussian blur

Step 3

Add more sparks using the same method. I’ve applied the Gaussian Blur and Motion Blur to this layer.

add sparks 2
sparks 2 gaussian blur
sparks 2 motion blur

Step 4

Continue
adding the sparks around the model. Place some big sparks on the front of the model and apply Motion Blur and Gaussian Blur with the same
settings to make the effect look more dynamic.

add sparks 3
sparks 3 gaussian blur motion blur
add sparks 4
sparks 4 blurs

7. How to Do the Final Adjustments

Step 1

Make a new
layer on top of the layers and use a soft brush with the color #e97a37
to paint red highlights on the model’s hair. Change this layer mode to
Overlay 100%.

hair highlights

Step 2

On a new layer, use a medium-soft black brush with the color #f7cf79 to
paint highlights for the model’s contours, the nose bridge and lips. Change
the layer mode to Overlay 100%. Make the left side contours brighter than the right to fit the main light source.

modell light effect
model light result

Step 3

Use a hard brush with the color #cf683d to paint some bright red hair strands around the model’s face.

ligh hairt strands

Step 4

Create a Color Fill layer on top of the layers and pick the color #240203. Change this layer mode to Exclusion 70%.

whole scene color fill

Step 5

Make a Curves adjustment layer to increase the whole scene contrast. On the layer mask, paint on the background, especially the right so it becomes darker than the foreground.

whole scene curves 1

Step 6

Use another Curves adjustment layer to make the background darker. Paint on the foreground, model and the lower left so they won’t be affected by this adjustment layer.

whole scene curves 2

Congratulations, You’re Done!

I hope that you’ve enjoyed the tutorial and learned something new for
your own projects. Feel free to share your results or leave comments in
the box below. Enjoy Photoshopping!

final result

How to Create a Pop Art Tribute to Egyptian Icon Oum Kulthoum, in Adobe Illustrator

Final product image
What You’ll Be Creating

One of the most iconic and celebrated women in the Middle East is Oum Kulthoum. A diva of her time, she was an iconic Egyptian singer, songwriter, and film actress from the 1920s through the 70s, known also as the “Voice of Egypt”. She was also given the honorary title of “Kawab-Al-Sharq” in Arabic, which means “Star of the East”. Her vocal ability and music was unique in style and influenced generations of Arab/Middle Easterners.

In this tutorial we will go through the process of creating a pop art style portrait of the influential Arab diva, using basic Adobe Illustrator tools and other tools like the Blob Brush and Live Paint. Also learn some quick tips and tricks, and how to capture a kitschy, lighthearted illustration style.

Love pop art design? Then check out our incredible selection of pop art graphics available through GraphicRiver, or collaborate with a design professional from Envato Studio.

Let’s begin.

1. How to Set Up the Artboard 

Open Adobe Illustrator up and create a New Document (File > New or Control-N) using the following settings:

Select Print. 

Preset Details: Oum_Kulthoum_PopArt

  • Number of Artboards: 1
  • Width: 950px
  • Height: 1150 px
  • Units: Pixels
  • Color Mode: CMYK

And Create.

We are now ready to design our pop art illustration.

Set Up New Document using Adobe Illustrator

2. How to Illustrate the Portrait Image

Step 1

Move over quickly to Adobe Photoshop so we can sketch a line-work image of Oum Kulthoum.

Use any search engine to find a portrait image of Oum Kulthoum. Preferably a photo in her customary bejewelled gown and signature dark glasses, so she’s recognisable.

Then use a simple thick black marker Brush Tool (B) to trace over the outlines of the portrait image on top of the photo layer, before deleting the photo layer.

File > Save Image, Format as JPEG.

Use Adobe Photoshop Brush Tool to sketch Oum Kulthoum

Step 2

Move back to Adobe Illustrator.

Use the Place shortcut (Command-Shift-P), and fit the sketch onto the base of the Artboard. 

Open the Layers panel (Window > Layers). Double-clickLayer 1″ to open the Layer Options dialog box. Select Lock and Dim Images to: 20%, and OK.

Set Layer Lock and Dim Images in Layers Panel dialog box

Step 3

Press Create New Layer, from the Layers panel, and name the new layer “Linework“.

Select the Blob Brush Tool (ShiftB). We need to modify the width of the brush in order to draw in our line artwork. This works best if you are working with a pen tablet. 

Double-click the Blob Brush Tool icon. This reveals the Blob Brush Tool Options. Change the Size from the default Fixed to Pressure from the dropdown menu, and increase the Variation slider to 5 pt. This way, you set a small brush size when sketching lightly with your pen to the tablet and a larger brush size with a heavier touch.

Set Angle to Stylus Wheel, and OK.

Setting Blob Brush Tool Size angle and Pressure

Step 4

With the Blob Brush Tool (ShiftB) selected, trace over the lines of the sketch.

With the line artwork shape selected, use the Live Paint Bucket (K). This turns the selected object into a Live Paint Group. 

So, when you move the Live Paint Bucket Tool (K) over the shape, the gaps that are ready to be painted become highlighted in red. 

Fill out the gap in the sunglasses with black.

Use Live Paintbucket Tool Group to Fill Shape Gaps

Step 5

Next, using a white stroke and the Blob Brush Tool (ShiftB), add in the white reflections on Oum Kulthoum’s sunglasses.

Trash the “Sketch” layer from the Layers panel and File > Save (Command-S).

USe Blob Brush Tool Sketch Illustration Oum Kulthoum

3. How to Color and Create a Pop Style Effect

Step 1

Let’s create our background and color our pop artwork.

Select the Rectangle Tool (M), and click once on the artboard to open the Rectangle dialog box. Set the Width and Height the same as the artboard we created:

  • Width: 950 px
  • Height: 1150 px

Give the rectangle the blue color #00b5e5.

Open the Align panel: Window > Align. Choose Align to Artboard from the Align Options dialog box, and then select the Horizontal & Vertical Align Center icons. 

Object > Arrange > Send to Back (Shift-Command-[).

Set Rectangle Width Height and align to Artboard

Step 2

With the blue rectangle selected, Copy (Command-C) and Paste in Front (Command-F), to create the same rectangle on top of the original.

We need to delete the bottom right anchor point of the rectangle, to create a diagonal split screen effect. Press the Minus – key, to select the Delete Anchor Point Tool, and click on the bottom right anchor point.

Afterwards, you need to create Color Halftone: Effect > Pixelate (Photoshop Effects) > Color Halftone… for the new triangular shape.

This opens the Color Halftone Options. Set the settings:

  • Max. Radius: 80 Pixels
  • Channel 1: 70
  • Chanel 2: 70
  • OK
Create Color Halftone Effect thru Pixelate Effect

Step 3

We need to duplicate a part of the black line work. Select the outer line-work shape. Holding down the ShiftAlt keys to constrain the proportions and duplicate, Drag the shape slightly to the right.

Object > Arrange > Send to Back (Shift-Command-[). Give the duplicated shape a color Fill #ffb41d. Then Lock (Command-2) the selection or Object > Lock > Selection.

Arrange object and Lock Selection

Step 4

Open the Window > Swatches panel.

Create the following color swatches, using the New Swatch icon in the panel:

  • Red #ef4136
  • Orange #f7941d
  • Yellow Orange #fcb71c
  • Yellow  #fdef3e
  • Neon Green #8dc63f
  • Light Green #39b54a
  • Green  #009444
  • Evergreen #006838
  • Light Blue  #00b5e5
  • Blue #1186c8
  • Dark Blue #0e67a4
  • Dark Purple #92278f
  • Purple #a13e97
  • Light Purple #b454a0
  • Hot Pink  #ee4c9b
Swet Color Swatches Palette thru Hex Code

Step 5

Use the Selection Tool (V) to select all the black line work.

Open the Window > Pathfinder panel, and from the drop-down menu, choose Make Compound Shape.

Next, click the Expand button to merge everything into one shape.

Create Compound Shape and Expand from Pathfinder Panel

Step 6

With the line artwork shape selected, use the Live Paint Bucket (K), and fill out the gaps with color swatches of your choice.

Next, with the shape still selected, Object > Live Paint > Expand, so we can disconnect the shapes from the object as a whole.

Use Live Paint Bucket to fill color swatches

Step 7

Take the Direct Selection Tool (A), and select the two yellow shapes of Oum Kulthoum’s face.

Then Color HalftoneEffect > Pixelate (Photoshop Effects> Color Halftone… and set to the following:

  • Max. Radius: 50 Pixels
  • Channel 1: 160
  • Chanel 2: 160
  • OK
Setting color halftone effect options radius and channels

Step 8

Unlock the locked shapes, Object > Unlock All (Command-Alt-2). Then, Select All (Command-A) and Group (Command-G) all the objects together.

Select the Rectangle Tool (M) and create a rectangle slightly smaller than the artboard size:

  • Width: 910 px
  • Height: 1114 px

After that, we need to mask our illustration. Use the Selection Tool (V), and select the group plus the new rectangle, Object > Clipping Mask > Make (Command-7).

Create Clipping Mask of selection

Step 9

Let’s turn on the Smart Guides to line our objects easily. Smart Guides (Command-U or View > Smart Guides).

Use the Selection Tool (V) to select the masked group. Hold down ShiftAlt keys and Drag the group to duplicate it to the right of the original illustration.  

Make a 3×2 grid as below.

Use Smart Guides Shortcut and Duplicate frames by Shift Alt Drag

Step 10

Select the third frame.

Take the Free Transform Tool (E), hold down Shift to constrain the proportions, and scale the image to the base of the bottom frame, using the Smart Guides

Use Free Transform Tool to Scale

Step 11

Let’s Edit Artboard dimensions. File > Document Setup (Command-Alt-P) and Edit Artboards. Expand the artboard around the frames.

Edit Artboards from Document Setup

Step 12

Let’s give all the artwork different colors. Take the Direct Selection Tool (A), select each shape, and apply different color swatches to each. File > Save (Command-S).

Fill color Using Selection Tool and swatches

4. How to Add Text and a Pattern Design

Step 1

Let’s add a 3D pattern to our larger frame.

Take the Direct Selection Tool (A), and select the halftone shape in the larger frame, and Delete. Then use the Rectangle Tool (M) to draw a 150 px Width & Height square, with the yellow orange shade #fcb71c.

 Effect > 3D > Extrude & Bevel.. and set to the following:

  • Position: Isometric Top
  • Extrude Depth: 170 pt
  • Bevel: None
  • Surface: No Shading
  • OK
Create 3D cube using Rectangle Tool and 3D Extrude Bevel

Step 2

Object > Expand Appearance.

Use the Direct Selection Tool (A) to select the left cube cap and give it a Fill Hex color of  #ff5c0b and then the right cube cap #f7941d

Open the Swatches panel (Window > Swatches). Drag and drop the extruded rectangle into the Swatches panel to create our New Pattern swatch, and Delete our original shape from the frame.

Create New Pattern from Swatch panel

Step 3

In the Layers panel, expand the larger frame’s group sublayers. You will see the blue “Rectangle” sublayer at the bottom of the selection. Select it, and drag it down to the Create New Layer icon to duplicate it.

On the top blue “Rectangle” sublayer, click on the Click to Target icon to select the shape. And Fill it with the new 3D swatch we created, in the Swatches panel.

Control Layer sublayers to duplicate and fill attern

Step 4

With the Rectangle shape still selected, choose the Free Transform Tool (E) and drag the top anchor down to the tip of any of the pattern rows.

The pattern will scale the shape with it, so to correct it, you need to tap the 3D swatch again to Fill it to the edited size.

USe Free Transform Tool Shortcut to Fill Pattern

Step 5

Now let’s add some text!

Open the Character panel: Window > Type > Character (Command-T). 

Choose the Type Tool from the Tools menu, select a black Fill, and type in the text “OUM KULTHOUM”.

I chose the font Geared Slab and set the Font Size to 318 pt.

USe Character Panel to sleect font and type size

Step 6

Take the Selection Tool (V) and select the “OUM KULTHOUM” text. Then Copy (Command-C) and Paste in Front (Command-F). Give the new type path the yellow swatch Fill of #fdef3e.

Object > Arrange > Send to Back (Shift-Command-[), and use the left arrow key to move it a few spaces to the left.

USe Copy Paste Shortcut and align with Arrange Send to Back

Step 7

Again take the Type Tool from the Tools menu, to type in the text “STAR OF THE EAST” in black, below “OUM KULTHOUM”.

I used the font Gilmore Sans Extra Bold, at 118 pt Font Size.

Use the Selection Tool (V) and the Smart Guides to align it to the right of “OUM KULTHOUM”.

Use Type Tool for text and Character Panel to set Font Size

Step 8

Now let’s add some Arabic text on the four frames to the left.

Using the Type Tool, let’s type in أم كلثوم (Oum Kulthoum written in Arabic), using the Type Tanseek Extra Bold, in black Fill.

Take the Free Transform Tool (E), and manually rotate it slightly.

Write Arabic text with Font Tanseek Type Tool and Free Transform to Rotate

Step 9

For the final bits, let’s add colored shadows to the text.

Take the Selection Tool (V), and select the “أم كلثوم” text. Copy (Command-C) and Paste in Front (Command-F).

Give the type the yellow swatch Fill of  #fdef3e.

Object > Arrange > Send to Back (Shift-Command-[), and use the up arrow key to move it a few spaces to the top.

USe Copy Paste Front Shortcut and Arrange Send to Back

Step 10

Finally, with the yellow “أم كلثوم” text still selected, Copy (Command-C) and Paste in Front (Command-F), and give the text a green swatch Fill of  #009444.

Use the down arrow key to move it a few spaces to the bottom, and tap the left arrow key to place it slightly to the left. File > Save (Command-S).

Use Swatch Fill and copy paste text

You Are a Star!!

Great job! Using a few simple tools and quick shortcuts, you can create many
other pop illustrations. You can apply the artwork to web banners, posters, textiles, or any merchandise. Once you are inspired, there are no limits.

Remember to keep the style kitschy and lighthearted. Using vibrant hues, punchy prints and a whole lot of quirky styles and textures is the key to this funky look.

Final Pop style Illustration of Oum Kulthoum Tutorial by MissChatz

Envato Elements Now Includes WordPress Themes & Plugins!

If you work with WordPress, you’re in luck—WordPress themes and plugins are now included in an annual Envato Elements subscription. And what’s more, you can lock in a special introductory rate for a limited time. Read on for more details.

Adios theme on Envato Elements

What’s Included

Envato Elements already gives you unlimited downloads from a massive library of 400,000+ photos, graphics, templates, and other creative assets. Plus it gives you free access to more than 1,000 courses and 240 eBooks here on Envato Tuts+.

From today, you’ll still get all of that plus a curated collection of beautiful, premium WordPress themes and plugins. 

As with everything else on Envato Elements, this is an “all you can eat” deal. You can download as many themes and plugins as you want, with no limits or credits to keep track of. And there’s a simple licensing system so that you know you’re covered for all of your projects.

Right now, there are over 190 top themes and 130 plugins available to choose from, and you can expect that number to grow as more authors join the platform and existing authors upload more items. 

WordPress Themes

There’s a wide range of premium themes on offer, whether you’re looking for a multipurpose theme suitable for a corporate audience or something more creative that would work for a blog or portfolio site. There are even niche themes for real estate sites, wedding sites and more—and of course, you can find e-commerce themes to help you make sales from your site.

Focuson theme on Envato Elements

WordPress Plugins

A well-designed theme is a great start, of course, but if you’re working with WordPress you’ll also need access to premium plugins to add the features and functionality you want.

Envato Elements has you covered here too, with a selection of powerful plugins to help you create booking and scheduling systems, contact forms, responsive menus, social media feeds, and more.

FlyFly WordPress plugin on Envato Elements

What It Costs

It’s important to understand that WordPress themes and plugins are only available with an annual subscription, not a monthly one. Usually, an Envato Elements subscription costs $29 a month, so the annual subscription will be $348 a year ($29 x 12).

However, for a limited time, you can save $120 on your subscription and sign up for just $228 (the equivalent of $19 a month). Remember, for that price you get not only the WordPress themes and plugins but also thousands of photos, fonts, graphics, templates and more. It’s a pretty special deal.

So head over to Envato Elements to see what’s on offer, and if you like what you see, sign up for an annual subscription to start making unlimited downloads. Don’t spend too long thinking about it, though, because this introductory deal won’t last forever!

How to Create a Golden Autumn-Inspired Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

Autumn is all about the beautiful reds and golds and what’s in between. This tutorial will show you how to use Photoshop’s layer styles, filters, and adjustment layers, along with a couple of stock images, to create a glittering, gold, autumn-inspired text effect. Let’s get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets


The following assets were used during the production of this tutorial:

1. How to Create a Background Layer

Step 1

Create a new 1500 x 950 px document, and go to File > Place Linked to place the Wood Background image as a Smart Object on top of the Background layer.

Resize the Wood Background image as needed and hit the Return key to commit the changes.

Add the Background Image

Step 2

Go to Image > Adjustments > Vibrance, and change the Vibrance value to -20.

Vibrance

Step 3

Double-click the Wood Background layer to apply a Color Overlay effect with these settings:

  • Color: #d2d0cb
  • Blend Mode: Multiply
Color Overlay

This will adjust the coloring.

Adjusted Background

2. How to Create Text Layers

Step 1

Create the text in All Caps using the font Big Bottom Cartoon. Change the Size to 300 pt and the Tracking to 75.

Create the Text

Step 2

Duplicate the text layer to create a copy.

Duplicate the Text Layer

3. How to Create a Drop Shadow Effect

Double-click the original text layer to apply the following layer style:

Step 1

Add a Drop Shadow with these settings:

  • Opacity: 32%
  • Distance: 11
  • Size: 9
Drop Shadow

Step 2

Add another Drop Shadow effect instance with these settings:

  • Color: #121212
  • Opacity: 50%
  • Distance: 36
  • Size: 50
Drop Shadow

Step 3

Right-click the original text layer, choose Copy Layer Style, click the copy text layer, and choose Paste Layer Style.

Change the original text layer’s Fill value to 0.

Copy and Paste Layer Style

4. How to Create a Glittering Effect

Double-click the copy text layer to add the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 3
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
  • Shadow Mode: Color Burn
    • Opacity: 15%
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.
Contour

Step 3

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Burn
  • Opacity: 13%
  • Distance: 0
  • Size: 10
Inner Shadow

Step 4

Add a Pattern Overlay with these settings:

  • Pattern: FDR Glitter Pattern 02
  • Scale: 50%
Pattern Overlay

Step 5

Place both text layers in a group and name it Text Layers.

Text Layers Group

Step 6

Add a Vibrance adjustment layer on top of the Text Layers group, clip it to the group, and change the Vibrance value to -70%.

Vibrance

5. How to Apply Color to an Image

Step 1

Open the Leaves0020 – Image 3 image, right-click the layer, choose Convert to Smart Object, and duplicate it.

Hide the copy layer and make sure that the original is selected.

Convert to Smart Object

Step 2

Go to Filter > Noise > Median, and change the Radius to 3.

Median Filter

Step 3

Double-click the layer to apply a Color Overlay effect with these settings:

Add a Color Overlay with these settings:

  • Color: #9c752a
  • Blend Mode: Color
Color Overlay

This will color the original leaf.

Colored Leaf

Step 4

Show the copy layer, and expand the original‘s Filters list.

Press-hold the Option key and click-drag the original leaf layer’s Smart Filters tab to the copy layer.

Duplicate the Smart Filters

6. How to Create a Gold Effect Using Filters

Step 1

Select the copy leaf layer, press Command-U, and change the Saturation value to -100.

Change the Saturation

Step 2

Go to Filter > Filter Gallery > Artistic > Plastic Wrap, and use these settings:

  • Highlight Strength: 20
  • Detail: 10
  • Smoothness: 7
Plastic Wrap Filter

Step 3

Change the copy leaf layer’s Blend Mode to Linear Light.

Change the Blend Mode

Step 4

Double-click the copy leaf layer to adjust its Blending Options.

We are going to adjust the Underlying Layer sliders under the Blend If section.

Press-hold the Option key, and click-drag the right slider to split it. As you move the slider’s ends, you’ll notice how the copy leaf will not affect the lighter areas below it.

Press-hold the Option key, and click-drag the left slider to exclude some of the darker areas as well.

Blending Options

Step 5

This will create a golden leaf. Because we’re going to significantly downsize this when we use it, the effect will look even more refined and realistic. So don’t worry about the details for now.

Save this file and keep it open as we’ll get back to it again.

Save the File

7. How to Use Highlights and Shadows to Increase Contrast

Step 1

Open the Leaves0153 – Image 1 image, convert the layer to a Smart Object, and duplicate it.

Convert to a Smart Object

Step 2

Go to Select > Color Range, and choose Highlights from the Select drop-down menu. Adjust the Fuzziness and Range sliders to select the highlights.

Select the Highlights

Step 3

Create a new layer on top of all layers and name it Highlights.

Highlights Layer

Step 4

Fill the layer with White and press Command-D to deselect.

Fill with White

Step 5

Hide the Highlights layer so that it doesn’t affect the Shadows selection we’re going to create next.

Hide the Layer

Step 6

Go to Select > Color Range, and this time choose Shadows from the Select menu. Adjust the Fuzziness and Range sliders to select the shadows.

Select the Shadows

Step 7

Create a new layer on top of all layers, name it Shadows, fill it with Black and deselect, and show the Highlights layer.

Fill with Black

Step 8

Change both the Highlights and Shadows layers’ Blend Mode to Soft Light, and their Opacity value to 50%.

This will help create more contrast.

Change Layer Settings

8. How to Duplicate and Adjust Effects and Filters

Step 1

What you need to do next is repeat the same steps to turn the leaves gold.

You can duplicate the original leaf layers into this document to copy and paste the layer styles and duplicate the filters, but remember to delete the duplicated layers when you’re done.

Apply the Layer Styles and Filters

Step 2

Double-click the original Leaves0153 – Image 1 layer to adjust its Color Overlay effect by changing the Color to #a27412.

Color Overlay

Step 3

Double-click the copy Leaves0153 – Image 1 layer to adjust its Blending Options if needed.

Blending Options

You can adjust any settings needed to get a result you like.

Gold Leaves

9. How to Create Final Smart Objects for the Leaf Layers

Step 1

Go back to the first leaf layer document, duplicate the layers you have, hide the original ones, merge the copy layers, and rename the merged layer to Leaf 01.

Merge Layers

Step 2

Add a Vibrance adjustment layer, clip it to the Leaf 01 layer, and change the Vibrance value to -35.

Vibrance

Step 3

Select both the Leaf 01 and the Vibrance layers and convert them to a Smart Object.

Placing the adjustment layer inside the Smart Object will help make it easily editable if you want to change its values anytime later on.

Final Smart Object

Step 4

Go back to the second leaf image document, group the layers, duplicate the group and hide it, and merge the copy.

Merge the Layers

Step 5

Pick the Lasso Tool and select one of the leaves.

Select a Leaf

Step 6

Press Shift-Command-J to cut and paste the selected leaf into a new layer

Select and cut and paste the second leaf into a new layer, and delete the original empty layer. Rename the first leaf layer to Leaf 02 and the second to Leaf 03.

Separate the Leaf Images

Step 7

Add a clipped Vibrance layer using the same -35 Vibrance value to each of the leaf layers.

Vibrance

Step 8

Convert each leaf layer and its Vibrance layer to Smart Objects.

Convert to Smart Object

10. How to Add the Leaves to the Text

Step 1

Duplicate the Leaf 01 layer to the original document that has the text layers. Place the leaf on top of the first letter and scale it down as you like.

Add the First Leaf Layer

Step 2

Double-click the Leaf 01 layer to apply a Drop Shadow effect with these settings:

  • Opacity: 32%
  • Distance: 11
  • Size: 9
Drop Shadow

This will add a subtle drop shadow effect.

Shadow Effect

Step 3

Press-hold the Option key, and click-drag to duplicate the Leaf 01 layer. Then, you can transform the copy to build a dynamic effect.

Duplicate the Leaf Layer

Step 4

Follow the same steps to add more Leaf 01 copies, as well as adding and duplicating the Leaf 02 and Leaf 03 layers, over a part of the first letter.

Place all the leaf layers in a group with the letter’s name.

Add and Group the Leaf Layers

Step 5

Keep duplicating and transforming the leaf layers to place them over all the remaining letters.

Add More Leaves Over the Rest of the Text

11. How to Add More Leaves

Step 1

Open the autumn leaves image, and use the Lasso Tool to select any of the leaves you want to add to your text, and copy them to the original text document.

Select and Copy the Red Leaves

Step 2

Rename the copied leaf layer to Red Leaf 01, convert it to a Smart Object, and place it anywhere you like.

Add a Red Leaf Layer

Double-click the Red Leaf 01 layer to apply the following layer style:

Step 3

Add a Pattern Overlay with these settings:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 35
  • Pattern: FDR Glitter Pattern 02
  • Scale: 25%
Pattern Overlay

Step 4

Add a Drop Shadow with these settings:

  • Blend Mode: Darker Color
  • Opacity: 50%
  • Uncheck the Use Global Light box
  • Angle: 99
  • Distance: 6
  • Size: 9
Drop Shadow

Step 5

Add another Drop Shadow effect instance with these settings:

  • Blend Mode: Multiply
  • Opacity: 50%
  • Distance: 36
  • Size: 50
Drop Shadow

Step 6

This will style the leaf layer. Make sure to copy and paste this layer style to any red leaf layers you add next.

Copy the Layer Style

Step 7

Continue adding different red leaves until you get a result you like.

Add More Red Leaves

12. How to Add Pins

Step 1

Open the Mirror ball png image, and go to Image > Trim. Set Based On to Transparent Pixels, and check all the Trim Away boxes.

Trim

Step 2

Double-click the layer to apply a Color Overlay with these settings:

  • Color: #998051
  • Blend Mode: Color
Color Overlay

Step 3

Convert the mirror ball layer to a Smart Object.

Convert to a Smart Object

Step 4

Duplicate the mirror ball’s smart object into the original document, rename its layer to Pin, place it on top of all layers, and resize it to fit inside the center of some of the leaves you have.

Duplicate the Pin Layer

Double-click the Pin layer to apply the following layer style:

Step 5

Add a Pattern Overlay with these settings:

  • Blend Mode: Lighten
  • Pattern: FDR Glitter Pattern 02
  • Scale: 50%
Pattern Overlay

Step 6

Add an Outer Glow with these settings:

  • Blend Mode: Soft Light
  • Opacity: 35%
  • Color: #ffffff
  • Size: 50
Outer Glow

Step 7

Add a Drop Shadow effect with these settings:

  • Opacity: 32%
  • Distance: 11
  • Size: 9
Drop Shadow

This will style the pin.

Styled Pin

Step 8

Duplicate the pin to add it over more parts of the text, and place all the pin layers in a group with the name Pins.

Duplicate More Pins

13. How to Apply Global Adjustments

Step 1

Add a Color Lookup adjustment layer and choose the 3Strip.look table from the 3DLUT File menu, and change the layer’s Opacity to 50%.

Color Lookup

Step 2

Press the Shift-Option-Command-E keys to create a stamp layer on top of all layers. Rename the stamp layer to Lighting Effects and convert it to a Smart Object.

Lighting Effects Layer

Step 3

Go to Filter > Render > Lighting Effects. Choose Spot Light and adjust the rest of the settings as below:

Lighting Effects Filter

Step 4

Create another stamp layer on top of all layers, name it High Pass, convert it to a Smart Object, and change its Blend Mode to Soft Light.

High Pass Layer

Step 5

Go to Filter > Other > High Pass, and set the Radius to 1.

High Pass Filter

Step 6

Change the Lighting Effects layer’s Opacity to 50%.

Lighting Effects Layer Opacity

14. How to Add a Vignette

Step 1

Save the final result as an image, and open it.

Save as an Image

Step 2

Go to Image > Image Size, and change the Width to 1000 px.

Image Size

Step 3

Use the Elliptical Marquee Tool to create an elliptical selection around the text.

Create an Elliptical Selection

Step 4

Add a new Solid Color fill layer and set the Color to Black. The selection will be applied to the mask.

Solid Color

Step 5

Select the mask’s thumbnail and press Command-I to invert it.

Invert the Mask

Step 6

Change the Solid Color layer’s Blend Mode to Soft Light and its Opacity to 35%.

Layer Settings

Step 7

Select the mask’s thumbnail again and open the Properties panel to increase the Feather value until you get a smooth vignette effect.

Mask Feather

Congratulations! You’re Done!

In this tutorial, we used layer styles to create some glittering text. Then, we used layer styles and filters to create gold leaves, and added them along with more red leaves over the text to create the main effect.

Finally, we added some pins, and applied a bunch of adjustment layers and filters to blend everything together.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result

What Are Color Fonts?

Color fonts are poised to take over the graphic design world in 2018, but what exactly are they, and how can you use them?

Here we’ll sift through the tech jargon and get to the simple truth of color fonts. This unashamedly in-your-face trend promises to put the fun back into typography. A must-know for web and graphic designers alike, this nifty new technology will have a transformative effect on digital and print design for years to come. So don’t get left behind, and read on! 

adobe color fonts
Image from color.typekit.com

What Exactly Are Color Fonts?

If you want to use highly detailed type on a design, you have to use a vector or raster image of a letter or group of letters. Whether created from scratch by typography artists or downloaded from a stock site, these images are time-consuming to make and don’t have the functionality or flexibility of a font file. 

At least that was the case until now. Color fonts, sometimes referred to as chromatic fonts, represent the next evolutionary step for typography, incorporating details like color, gradients, and textures into a font file, in either vector or bitmap format. Vector details look clear and sharp however large they are scaled, while bitmap color fonts can look pixelated or blurry when scaled to a size greater than their intended maximum size. 

Each color font is made up of a ‘fallback’ core, which is the standard OpenType vector font, plus additional data tagged on which is rendered in SVG (Scalable Vector Graphics) format. Amongst font developers, color fonts are referred to as OpenType-SVG fonts

trajan pro color font
This Adobe Typekit color font, Trajan Color Concept, combines the standard Trajan font with gradients, colors and shadowing for an ornate metallic effect.

If you’re looking at the font on a browser which supports color fonts, you’ll be able to see the colorful version. If not, you’ll see the fallback version. This is important to make a mental note of, before you dive into converting all fonts on your website to color fonts. As color fonts are relatively new, most browser versions are currently unable to support the technology. Skip to ‘How Can I Use Them’, below, to find out more. 

Hmm, So Why Would I Want to Use Them?

Remember the thrill of using WordArt to embellish your PowerPoint presentations back at school? While your teacher may have been less thrilled, there’s just something downright fun about adding a maximalist flourish to text. Color fonts are basically like WordArt for the internet age, adding extra oomph to any design. 

This isn’t a trend that minimalist fans will wholeheartedly embrace, but it’s certainly refreshing after decades of clean, Swiss School-inspired design. Color fonts sit at the opposite end of the spectrum to Scandi cleanliness, instead taking their cues from emojis, retro type styles, and app design.

bungee
Bungee color font by David Jonathan Ross

Color fonts tread a shaky line between good and bad taste, but somehow they feel exactly spot on for right now. They’re making their appearance alongside a revival for all things retro in design, as well as a new maximalist mood across all design fields, from fashion to interiors. Color fonts don’t take themselves too seriously and are instantly engaging, and that’s what makes them particularly attractive to designers and marketers looking to entice the fickle, tech-obsessed millennial market.

Above all, color fonts are fun! While early color fonts have been designed with websites and apps primarily in mind, they also have the potential to offer something youthful and fresh to print design too. You can’t use a color font without cracking a smile, which is perhaps what designers and consumers are craving in these politically and socially uncertain times. 

OK, So Where Can I Use Them?

Because color fonts are such a new technology, many browsers, devices and software programs are yet to catch up. You might not be able to view color fonts on some browsers—you’ll only be able to view the standard OpenType version instead.

bixa color
Image from Bixa Color

However, this is likely to change very soon. OpenType-SVG fonts have been declared an industry standard for color fonts, which means that browsers and software will probably update rapidly to facilitate them. You can currently view color fonts on more recent versions of Firefox (from version 26) and Microsoft Edge (from version 38 on Windows 10).

As for using color fonts on design software, Adobe is ahead of the curve, with designers able to view and apply color fonts using the newest incarnations of Illustrator (CC 2018), Photoshop (CC 2017), and InDesign (CC 2018).

Some type designers are also experimenting with animated versions of color fonts. Gilbert, a color font created by Fontself, is usable in Adobe After Effects.

gilbert font
Gilbert, a color font available in static and animated versions

These animated styles represent an exciting new development for more accessible animation—expect to see them everywhere across social media, GIFs and videos very soon.

Where Can I Find Color Fonts?

Color fonts are few and far between at the moment, but more are being released all the time as the trend gains traction. Adobe has a dedicated color font Typekit, where it details the newest color fonts available for download for web and print. One of its most notable launches is the color font version of Emoji One, which makes integrating colorful emoji graphics into your designs super easy with the Glyphs panel to hand. 

emoji one
Glyphs from the Emoji One Color font

Some font designers use a dedicated platform to launch their color font creations. Bixa Color is a retro-inspired collaborative effort by NovoTypo and Roel Nieskens. 

bixa color
Bixa Color font by NovoType and Roel Nieskens

Bungee, designed by David Jonathan Ross, is available in a staggering range of colors and styles, as well as horizontal and vertical versions.

bungee font
Bungee color font by David Jonathan Ross

Want to have a go at creating your own color font? Fontself is the color font designer’s go-to tool. Take a look at the dedicated page for Gilbert, which was created using Fontself, to source some inspiration on the possibilities. 

gilbert font
Gilbert color font, created using Fontself

I’m a Color Font Convert! But How Should I Use Them?

If you’ve been bitten by the color font bug, it can be tempting to throw out all your old fonts and go a bit crazy. Before you create designs which resemble a bad acid trip, take into consideration these tips and pointers for making the most of this new typography trend. 

As with standard fonts, some are notably better than others. Just because you can use a color font doesn’t mean you necessarily should. Hold out for a few months and you’ll have access to a much broader selection of color fonts, helping you create more thoughtfully crafted designs. 

Be mindful of the limitations of color fonts. If you have your heart set on a bitmap font, it’s advisable not to use this at a larger scale than was intended by the font designer. So, for example, a bitmap color font might look great on a printed flyer set to the right size, but it might look much less polished on a responsive web design that involves scaling content to a large size on desktops. 

It’s also worth keeping in mind that color fonts are heavier than their OpenType relatives, due to the extra amount of data they carry. They aren’t always huge (for example, the Bixa Color font carries an extra 30kB on top of the regular font file size), but it can affect the loading time of websites and apps. By all means use your color fonts with abandon, but don’t allow liberal use to affect the user’s experience of your design. 

If you want to use color fonts for web design, you should also take into account the possibility that it may be a long time before most visitors will be able to view the fonts as you intended. It may be many months or years before individuals choose to update or switch browsers, and most will not be aware of the pressing need to do this in relation to color font viewing. With this in mind, you need to make sure that your font looks as good in its ‘fallback’ format as it does in color. 

Because color fonts are overtly loud and garish, they can push a design into distasteful territory. For some designs, particularly apps aimed at a younger market, this can be a bonus! Adobe’s color font Typekit page instantly provokes that love-it-or-hate-it reaction to excessive web design. Other designers might prefer to balance a color font with more pared-back type or black-and-white images on the rest of the layout, or use a color font as the sole focus of an otherwise clean and simple design. 

popsky font
Pairing color fonts with cleaner elements on your designs will help layouts feel more balanced, as demonstrated in this example using the Popsky color font, designed by Igor Petrovic.

If you’re still unsure about how to use color fonts in your designs, it’s a good tip to remind yourself of the purpose of your design. Are you looking to target a market which is hyper trend-aware, like tech-savvy millennials? Then using color fonts freely will result in an engaging and youthful design. Do you simply want to use color fonts to add a point of difference to your design? Using them sparingly will give you a more professional and polished result. 

Conclusion

Color fonts may be the latest ‘it’ trend in graphic design, but it looks as if they’re here to stay, for the foreseeable future at least. They represent a break with conventional font technology, making more detailed type, and even animated text, much more accessible for designers and non-designers alike.

With color fonts still in their infancy, there is a limited range of fonts available for download, which makes their current use for designers a little limited. However, this is an exciting time for budding font designers. If you’re looking for a new type challenge, creating your own color font from scratch could be both creatively and financially rewarding. 

Want to dip a toe into type design? These tutorials will guide you through the basics of creating your own fonts from scratch:

Art for All: Celebrate Diversity in Design—Volume 3

Welcome back to Volume Three of our Diversity in Design series on Envato Tuts+. Discover five talented artists with inspiring styles you’ll love.

5 Artists You Should Know: Diversity in Design

Celebrate the work of these extraordinary artists. Each with their own unique
background, they draw inspiration from both their culture and surroundings to create phenomenal design, illustrations and more.

Jose Berrio

Brooklyn-based designer Jose Berrio specializes in dope art posters you’ll want on your wall. Check out his awesome illustrative style below.

See more in his portfolio.

The Black Keys Poster

My name is Jose Berrio and I was born in Bogota, Colombia 29 years and 360 days
ago (I’m turning 30 next week). I received a degree in Graphic Design in 2006 and have worked in advertising agencies for seven years. Some of the
clients I’ve worked with in the past include Converse, Harper Collins, Google, and a few music bands.

The Black Keys Poster

Nina Simone “High Priestess of Soul” Poster

Besides doing graphic design, one of the things I love the most is
music in general. Currently I’m playing drums in a band called Fruit
& Flowers.

I try to get inspired from things that aren’t necessarily
related to graphic design. Music is definitely one of the things
that’s always present.

Nina Simone High Priestess of Soul Poster
Nina Simone “High Priestess of Soul” Poster

“Sarah” Short Film Poster

Sarah Short Film Poster
“Sarah” Short Film Poster

Converse Rubber Tracks Live

Posters have always been one of my main inspirations since I first got
interested in graphic design. I remember going to an Alain LeQuernec
exhibition before enrolling at college. That experience was a game
changer for me because it was probably the first time I understood what
you could achieve through design.

Converse Rubber Tracks Live
Converse Rubber Tracks Live

Melissa Arbelaez

Dreamer and paper artist Melissa Arbelaez shares her love of this delightful art through her work. From spot-on paper camera replicas to colorful pizza, her creations are creative and charming.

See more in her portfolio.

Paper Art

I am a freelance
artist based in Los Angeles, CA, but I was born in Medellin, Colombia. I
moved to the US for school because I was really inspired by the film, video and TV industries.

Paper Art by Melissa Arbelaez

Maaji Swimwear

I grew up in a beautiful
city situated in the Andes Mountains in South America and since we don’t
have seasons we have flowers and the sun all year round—which makes my work
really colorful and happy.

Maaji Swimwear by Melissa Arbelaez
Maaji Swimwear

Paper Art

Paper Art by Melissa Arbelaez
Paper Art

Rosewood

My work is a
big expression of who I am. I am a dreamer, and through my work I always try to inspire people to dream more.  

Rosewood by Melissa Arbelaez
Rosewood

Febrian Anugrah

Or just chill and check out this next set from junior architect and graphic designer Febrian Anugrah. His work features a cool flat illustration style with great colors and texture.

See more in his portfolio.

Utopia

I’m Febrian Anugrah Wicaksono from Indonesia. A self taught illustrator
and graphic designer. Trying to make a living doing something that I like, mostly drawing useless thingies.

Utopia by Febrian Anugrah
Utopia

Visual Mixtape

I’ve always believed that I could find inspiration anywhere, literally.
From movies, comics, books, or just from random things on the road.

Visual Mixtape by Febrian Anugrah
Visual Mixtape

Chill Hill

 Chill Hill by Febrian Anugrah
Chill Hill

Feather Walker

For vector art inspiration, I’ve always looked up to DKNG Studios, these guys are super rad!
For drawing, I look up to Sam Bosma. His use of color and composition never
cease to amaze me.

Feather Walker
Feather Walker

Karla Cordova

Designer, photographer and photo retoucher Karla Cordova creates fascinating images with Photoshop. Check out her stunning range of manipulations and photo retouching below.

See more in her portfolio.

Beauty Editorial for Salysé Magazine

I live in the middle of the earth, Ecuador.
At 15 my parents gave me a camera and since then I knew that
photography would be my future. I have now been in the industry for 12 years.

Beauty Editorial for Salys Magazine
Beauty Editorial for Salysé Magazine

Campaña Chaide y Chaide

I love complex images with a strong concept. Most of the time I try to
make images where you can see a deep idea hidden within the small details.

Campaa Chaide y Chaide
Campaña Chaide y Chaide

Wearing Cherry Blossoms

Wearing Cherry Blossoms
Wearing Cherry Blossoms

Las Tres Gracias

My work explores my point of view and I play with what the pictures really
mean. Now I’m exploring portraits in the same way, trying to channel the
personality of the model into what I think they want to be.

I admire the people that live for their art. Every day I open my feed and see an infinite amount of artists with
different points of view and I always try to absorb a little bit of each one.

Las Tres Gracias
Las Tres Gracias

Omar Feliciano

Omar Feliciano is a graphic designer from Puerto Rico. His work features amazing shirt designs and traditional drawings.

See more in his portfolio.

Oh, Lenore!

Ever since I was a little kid, I was drawn to art. I was obsessed with coloring books and I had a mission to color them “perfectly.” Years passed and I developed a
natural drawing skill.

Oh Lenore
Oh, Lenore!

I Rebel

A few years ago I discovered the awesome world of shirt designing. I started submitting my designs to weekly competitions on the internet. I love how this
process has helped me develop an area of creative thinking that can’t be obtained in any other way.

I Rebel
I Rebel

Party Animal

Party Animal
Party Animal

Panda Rorschach

You need to be funny,
clever, fast and creative.  And I’ve created a catalog of over 250 shirt designs of which more than 50 are available for sale at this moment on multiple sites.

Panda Rorschach
Panda Rorschach Print

Celebrate Diversity! Send Us Your Favorite Artists!

Help us find more incredible artists from different backgrounds to share with our audience! Tweet me your recommendations at MelloNieves or use the hashtags #artforall and #tutsplusdesign on Twitter and Instagram. You never know, we may just feature you in our next article!

I’d like to extend a warm thank you to all the artists who participated in
this feature. Feel free to see more of their work in the links below: