{"feed":"Envato-Tuts-Design-and-Illustration","feedTitle":"Envato Tuts+ Design & Illustration","feedLink":"/feed/Envato-Tuts-Design-and-Illustration","catTitle":"Design","catLink":"/cat/design"}

This tutorial will show you how to use Photoshop's work paths, brush settings, and layer styles to create a quick Alice in Wonderland shisha smoke 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 the Background and Text Layers Step 1

Create a new 850 x 850px document. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and use the Color #0f0e11.

Step 2

Create the text, each letter in a separate layer, using the font Multicolore, and change the Size to 200 pt.

Step 3

Place each letter's text layer in a group with the letter's name.

2. How to Create and Save Work Paths Step 1

Pick the Pen Tool and choose the Path option in the Options bar, and create a work path inside each of the letters you have.

Click once to add corner points, click-drag to add smooth curve points, and Command-click outside the path once you finish it.

You can use the Direct Selection Tool (A) to select and adjust any anchor point as well...

If you want to learn how to draw lips and a mouth without a reference, you need to understand their anatomical structure first. In this tutorial I will show you where the form of the mouth comes from, and how to draw lips in various shapes and views. After this, you'll be able to draw realistic lips from scratch!

Because the mouth is not a separate element of the face, and it's closely tied to the nose, I recommend you take a look at my How to Draw a Nose tutorial first.

1. Anatomy of the Lips and Mouth

To understand the construction of the lips and mouth, you need to understand their function first. Each row of teeth is covered with soft, muscular tissue. In the front, that tissue is curled out to better grasp food. This works for both lips. If you imagine it this way, you'll have no problems with seeing the 3D form of the mouth!

Of course, this is just the basic shape of the mouth. Fortunately, the other details can be easily derived from it. Keep in mind that the roundness of the teeth is covered with the cheek and jaw muscles, so the mouth looks only slightly rounded in the front.

To get...

Doodle up a cute design for a kids' book and render it with Gradient Meshes, Blends, little sparkles, and various Blending Modes. Layered shapes pump this design and its counterpart up from being as simplistic as the initial sketch. 

Once you're done with this tutorial, check out its counterpart by Grace Fussell on designing the layout of a children's book in Adobe InDesign.

If you prefer to use some ready-made illustrations, you can find thousands of cute vectors on Envato Elements. It's also a good place to go if you're looking for inspiration for your own designs.

1. Start With a SketchStep 1

Let's start with a sketch. Using the default brush with the Paintbrush Tool (B), start drawing a cute, child-like character. This design is inspired by Alice in Wonderland in theme, is super cartoony, and remains quick and loose, even while drawing layers of more refined line work. 

Step 2

Group (Control-G) together your brush lines, reduce the Opacity in the Transparency panel to 40%, and lock the design in the Layers panel. 

Layer your refined sketches in this manner as you figure out your composition. I didn't want to overwhelm the character, so I've kept the design simple with a giant mushroom and heart in the background. I also didn't get too detailed in the sketch since the rendering of the character will take quite a...

On 22 April the world celebrates Earth Day, which recognises and aims to educate about the impact humans have on the environment. This year, the focus will be on raising awareness about plastic pollution and educating individuals and organizations about the practical steps they can take to reduce their plastic footprint. 

This easy-to-create infographic is a great way of spreading the word about plastic pollution either on social media or in poster format. 

Short on time? You can find easy-to-edit infographic templates on GraphicRiver and Envato Elements.

What You’ll Need to Create the Infographic

We’ll create the infographic using Adobe InDesign. You’ll also need access to Adobe Illustrator or other vector software to open the illustration.

You’ll also need to download the following graphic and font files:

Install the font on your computer, save the image to a safe place, and we’re ready to get started!

1. How to Create an Ocean Backdrop for Your Infographic Step 1

Open InDesign and go to File > New > Document. 

Set the Width of the page to 297 mm and Height to 655 mm. Uncheck Facing Pages.

Add a Bleed of 5 mm to all edges of the page. 

Then click Create.

Step 2

Expand the Layers panel (Window > Layers).

Double-click on Layer 1 and rename this Image. Click OK

Choose New Layer from the panel’s drop-down menu and name this...

In this tutorial, we will walk through the steps in animating a twirling character using Toon Boom Stage 10. We will learn how to draw rough poses, how to polish them, and how to transform them into a smooth, seamless animation!

Although we will be using Toon Boom Stage 10 to walk through the process of creating the animation, you can still learn something from this tutorial even if you are a user of a different program.

Let's get started!

1. How to Start a Document in Toon BoomStep 1

Make a new scene in Toon Boom! Before we start animating, we want to make some personal modifications to our settings.

Go to the Scene tab on the program, and select Scene Settings.

For this animation, we want these specifications:

  • Resolution: 1080x1080 (you may adjust this if you like!)
  • Frames per seconds: 12
Step 2

You want to take note of the following tools as we will be using them throughout the process!

  1. Drawing space (Camera view).
  2. Timeline: we will be inserting our drawing frames here.
  3. Brush: for drawing.
  4. Pencil: for drawing.
  5. Eraserfor erasing.
  6. Paint bucket: for coloring.
  7. Onion skin: use this to make the previous and next drawings visible.
  8. The number on the lower right of the screen: tells us what frame on the timeline is selected.
  9. The '+' sign: select this to add layers on our timeline.
  10. The '-' sign: use this for deleting layers.
  11. Play button: plays the animation.

Welcome back to our Diversity in Design series on Envato Tuts+. Discover four talented artists with inspiring styles you'll love.

4 Artists You Should Know: Diversity in Design

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

Súa Agapé

Súa is a Guatemalan artist with an extraordinary grasp on color. Full of cosmic energy and psychedelic compositions, her work is simply unique and beautiful.

See more in her portfolio and follow her on Instagram.

Boreal Boreales
Since I was a little girl I've always loved to draw, create and imagine new worlds. I’ve always been attracted to everything that is unique and different. My interest for illustration started in a few books that awoke my imagination. Then I decided to study Graphic Design and it really helped strengthen my drawing skills.
Digital Invaders
A lot of things inspire me. My greatest inspiration is the beauty of women and the cosmos. I love nature, and all the animals and little creatures.
Otra Dimensión
After Midnight
My country inspires me all the time because the locations and places in Guatemala are just incredible. They're full of intense colors, landscapes and cultural diversity. I also like surreal...

Find a text effect that is fun and simple to use! Check out this list of premium resources below.

20 Cool Photoshop Text Effects, Actions & Styles

Create inspiring quotes with graphics that sell! Working in Photoshop has gotten a whole lot easier thanks to designers all over the world sharing their high-quality text effect templates.

These templates feature cool and exciting Photoshop text effects, actions, and PSD layer styles to save valuable time and energy.

That's why we've put together another great selection of premium resources to help make your titles, headers, and quotes come to life. This collection has been handpicked from the amazing sections of Envato Elements and Envato Market, and it features the latest trends in design for 2018.

Want to see these resources in action? Check out our examples below.

Make Amazing Titles Fast: See Our Examples!

To give you an idea of how easy it is to use these resources, here are two fun examples we've tried out!

80s Style Text Effect

Create fantastic retro-inspired text effects like this fun 80s style. Featuring 16 amazing Photoshop styles with incredible neon and metallic colors, this template was super fun to edit.

Using the pink reflection Photoshop layer style, I simply changed the word "reflection" to "80s Style." Just switch out the text or font and save the image right away! You'll love this one.

3D Retro Text Creator

Our next example features...

Today, we will be creating a futuristic fashion portrait in Adobe Photoshop! We'll explore the concept of hand-painting smaller details as opposed to using filters, pre-mades, or presets. That may sound daunting, but I assure you that you don't need to be a digital painter to start introducing some digital painting techniques into your photo manipulations!

We will also be exploring color grading using adjustment layers, and how drastically color grading can change an image from flat to something vibrant and impactful!

Last but not least, we will be touching on why it's a smart idea to start using smart objects and how they give you the ultimate control and are the peak of non-destructive editing.

What You'll Need

Find more resources on Envato Elements!

1. How to Create a Pixelated Starry Background

First, we will be creating a pixelated night sky background. I like to keep the background simple when doing portraits so that the subjects remain the star focus. 

I also want to go over why we use "smart objects". As you'll see, we will be creating a few, and I really want to encourage artists to use them if they don't already! Skip on ahead if you do!

What Are Smart Objects?

If you right-click on a layer, you will notice a Convert To Smart Object option. What this does is essentially make it so the pixels on that layer never become permanently edited. You can shrink it and then enlarge...

Spring is here, and we are all about it! It's the most wonderful time of the year, when the trees and flowers are blooming, the birds are chirping, and joy is in the air. And that is what we will create today—an apple blossom branch and a starling.

Before browsing PhotoDune, I didn't know that starlings are in all different colors, because on my side of the Earth they are just black. It's interesting to browse a few pages and see what a big diversity there is for birds with the same name.

As this tutorial is for beginners, you don't need to be a super artist to follow it, because we will use basic shapes, some warp effects here and there, and your illustration is ready!

Let's go!

1. How to Create the StarlingStep 1

Create a new document (File > New) with 850 px Width and 850 px Height.

Let’s start with the head. Delete the stroke color and set the following fill color you see in the image below. Next, take the Ellipse Tool (L) and create a dark grey ellipse.

Now, we will apply the Inflate effect to this ellipse. Go to Effect > Warp > Inflate. Enter the options you see below. Expand this shape (Object > Expand Appearance).

To start the eye, first create a small, light grey oval (use the Ellipse Tool (L)) and rotate it slightly to the left. After that, add a...

In today’s tutorial, we’re going to take a close look at the process of creating a glass dome enclosed crystal formation, using some of Adobe Illustrator’s most basic shapes and tools.

So if that sounds interesting, grab a quick sip of that freshly poured coffee and let’s get started!

Before we start, I wanted to take a couple of moments and point out that I'll be using a custom line texture that I got from Envato Elements which proved to go really well with the rough shape of the crystals. The specific one I used is called "LineTexture07", which can be found within the pack once you download and decompress the archive.

1. How to Set Up a New Project File

Assuming you already have Illustrator up and running in the background, bring it up and let’s set up a New Document (File > New or Control-N) which we will adjust as follows:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

And from the Advanced tab:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
2. How to Set Up the Layers

Once we’ve finished setting up our project file, it would be a good idea to structure our document using a few layers, since this way we can maintain a steady workflow by focusing on one section of the illustration at a time.

So bring up the Layers panel and create a total of five layers, which we will rename...

For this tutorial we will design an empowering poster using typography interwoven into flowers using the Layer Mask tool in Adobe Photoshop.

For poster and flyer inspiration, head on over to GraphicRiver.

What Will You Need

You will also need to download and install the following font file and image: 

Install the font on your system and you are ready to get started! 

1. How to Prepare the Flower ImageStep 1

Open the flower photo in Photoshop.

Step 2

We need to remove the background before using the flowers on the poster. To do this, on the Layers panel, Duplicate the Background layer by pressing Command-J and Hide the visibility of the original Background layer.

Step 3

While selecting the new layer on the Layers panel, click on the Vector Mask button to add a Layer Mask to Background copy.

Step 4

While selecting the new Layer Mask, use the Brush Tool (B). Reset the foreground/background colours by pressing and X to switch between them. Use black as the foreground color and paint over the image to erase the background.

Step 5

Once we have painted over with the Brush Tool, we...

Want to warp some text? In this video from my course, 10 Essential Design Tips in Adobe Illustrator, you'll learn all the ins and outs of distorting and warping text in Adobe Illustrator.

How to Warp Text in Adobe Illustrator
Prepare the Text for Warping

So we're going to learn how to warp stuff. Let's grab our Type Tool, left click anywhere on the artboard, and type some text. Let's type "WARPED". And we can go to the Character panel at the top, and we can pick a font—let's go for Gotham Bold

Then I'm going to go to the alignment options and select Align Center so that it's in the middle. Now let's create a couple of copies by holding Alt-Shift and dragging. So your screen should look like this:

Create a Bulge Effect

We'll select the first piece of text, and go to Object > Envelope Distort > Make with Warp. We've got the Preview option checked, and we can choose the Style as well. There are lots of presets to choose from, so let's go for Bulge, and see how that looks. 

So at the moment, we are bulging this text horizontally, and we can adjust that Bend slider. So, of course, we can go up a few percent and you'll see it starts to bulge outwards. Or we can go ever so slightly into the...

In this tutorial I'll show you how to use Adobe Photoshop to create a colorful 3D floral collage featuring a beautiful woman.

First, we'll isolate the model from the background. After that, we'll add our background. Then we will cut out the model to create a 3D effect. Later, we will add the flowers and crystals. Next, we will import the waves, the jewelry, and the crow on the model. Then, we will the tribal marks and geometrical shapes to keep the collage balanced. Finally, we will adjust the contrast, vibration, and saturation using Adobe Lightroom. Let's get started!

Tutorial Assets

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

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

Create a new 2160 by 1440 px document in Photoshop with the given settings:

Step 2

Open the model image. Cut out the image using the Pen Tool (P). Find a spot on the main image to start drawing the outline. As we're drawing, we want to zoom in closer to the subject. Press Control-(+) or Control-(–) to zoom in and out.

Step 3

Now that we have drawn the outline, we want to soften the edges of the hair before...

Drawing something from a reference is one thing, but if you want to draw from memory/imagination, you must really understand the topic beforehand. In this tutorial I will tell you everything you need to know about a human nose: how its anatomy can be simplified to forms and lines, and how to draw it in every view and style without a reference.

1. The Anatomy of a Human Nose

The nose consists of three parts: bone, cartilage, and connective tissue. Its upper half is all made of bone, an integral part of the skull:

The lower half is more complex and consists of:

  1. Alar cartilage (the ball of the nose)
  2. Lateral and septal cartilage
  3. The ala (the wings of the nose made of connective tissue)
  4. The nostrils (notice they're made of two parts: the hole in the ball and in the wings)
  5. The philtrum (the groove connecting the nose with the lips)

All these elements can be turned into a 3D form:

Once you understand what this form looks like, you can rotate it and reshape it to create a nose from imagination.

But it's still not easy to remember! Let's simplify it to something easier to draw:

  1. The ball of the nose can be drawn as a sphere.
  2. The wings can be drawn as two...

In this tutorial, you will have the opportunity to learn how to use the Gradient Mesh Tool to draw a pair of appetizing peaches.

If you'd like to skip this tutorial and just use these peaches in your work, you can go ahead and simply purchase Two Fresh Peaches from GraphicRiver!

1. How to Draw a Peach Using MeshStep 1

Let's start off by drawing the top bun with Gradient Mesh.

Create an orange rectangle—the color is #FFAC38.

Next, grab the Mesh Tool (U). Click to create nodes, which in turn create a Mesh Grid. When you have a thick enough mesh grid, grab the edges of the rectangle and move them to make the shape rounder. It should resemble the shape of a peach.

Once you're done with the shaping, select the middle cluster of nodes (they are already colored differently in the screenshot) and color them with #FF7B46.

Next, select the nodes that are darker (they're selected below) and proceed to change their color to #FF3A09.

Add some darker orange tones in the fourth step with #FF901C, and then darken it more with #FF6F1C and #FF6E20.

Always make sure to select the nodes that are selected in each screenshot below and apply the corresponding color to them!

Step 2

Continue coloring the peach further. You will...

Mermaids come in a variety of shapes, sizes, and colors. In this tutorial, we'll walk through drawing and painting a colorful mermaid in Adobe Photoshop. 

We're going to both draw and paint within Adobe Photoshop, from start to finish—even the initial sketch. I assume that you have basic knowledge of Photoshop, such as creating new documents and selecting different tools within the Tools panel. You should have a basic understanding of layers, as well. Please note that this tutorial requires a drawing tablet of some kind, with pen sensitivity. 

Let's get started!

Looking for Photoshop brushes, actions, and more? Why not check out GraphicRiver for awesome Photoshop add-ons.

1. How to Create the SketchStep 1

We'll start by creating a New Document. This can be found via File and then New.

There are a lot of options here (enough for an entire tutorial on its own!), but for the purpose of this tutorial, I'm going to draw at 8 inches wide by 10 inches tall. I'm also working at 300 dpi. Once you're happy with your choices, select OK

Step 2

Before we start drawing, let's make sure we've prepared our document properly. There are two important things I like to do before I begin sketching.

Create a New Layer. I use layers very frequently when I'm drawing and painting in Photoshop, and you'll need them in this tutorial.

To do this, make sure your Layers panel is open. If you don't see it...

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 an Illustration for International Women's Day in Adobe Illustrator

Celebrate International Women's Day with a fun illustration. Cindi Bane Gilmour made this lovely version from a tutorial by . Check out her result below!

How to Create a Textured City Snapshot Illustration in Adobe Illustrator

Great texture and attention to detail describe this artwork from Sergey Zasypkin. He recreated this Textured City Illustration from . Check it out!

Is there anything cuter in this world than a puppy? In this tutorial I will show you how to draw one step by step, from scratch. I will lead you from the basic "skeleton" of the drawing to the proportions of the head, and then to the final lines. You'll see that it's not so hard to create a 3D pose like this!

If you want a more detailed guide to drawing dogs, try this one instead:

1. How to Sketch a Puppy's BodyStep 1

Draw a messy oval. Don't worry about it being perfect!

Step 2

Attach two circles to its front and back. This will be the torso (the big circle in the front) and the hips (the smaller circle in the back). Make them tilted to create a 3D pose.

Step 3

Sketch the length and direction of the legs and tail. The legs shouldn't be longer than the torso.

Step 4

Draw the circular head, about the size of the hips, attached to the top of the torso.

Step 5

All the body parts need some thickness. Define it by drawing a circle/oval in the joint areas.


In this tutorial I'll show you how to use Adobe Photoshop to create a surreal giraffe using a variety of photo manipulation techniques. 

First we'll build the base scene using images of a meadow and the sky. Later we'll add the giraffe, create a neck from a twisted tree, and add some branches. After that, we'll import a standing bird and some flying ones, and we'll add leaves and grass blades. We'll use several adjustment/color fill layers to complete the final effect.  

Tutorial Assets

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

1. How to Build the Base SceneStep 1

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

Step 2

Go to Layer > New Layer > Color Fill and pick the color #70dce3.

Step 3

Open the sky image. Drag this image into the cyan canvas using the Move Tool (V) and place it in the upper half.

Click the second icon at the bottom of the Layers panel to add a mask to this layer. Activate the Brush Tool (B) and use a soft round one with black color (soft...

In this tutorial, you will learn how to make a game graphic style in Adobe Illustrator. 

The graphic style we will be creating is a part of Game Graphic Style.

If you want to skip the tutorial and just use this style with nine more graphic styles, you can purchase Game Graphic Style from GraphicRiver.

What You Will Need

The following font was used during this tutorial:

Before you start creating this graphic style, download and install the font.

1. How to Set Up a New DocumentStep 1

Let’s start by creating a New Document of 600 x 600 px size and RGB color mode.

Step 2

Now go to Edit > Preference > General. Check the Scale Stroke & Effect option.
Hit OK to apply this setting.

2. How to Create a Graphic StyleStep 1

Let’s begin using the Type Tool! Pick the Type Tool (T) and select the Riffic font. Set the Font Size to 100 pt. Write "QUEST" with capital letters.

Step 2

Now we need to apply the first gradient color, so select the text and set the fill color to none. Next, go to the Appearance panel and click on Add New Fill.

Note: If you can’t see the Appearance panel, go to Window > Appearance.

Step 3

Select the new fill, go to Window > Gradient, and set the gradient with 3 color stops.

Follow these settings:

  • Type: Linear
  • Angle: 90o
  • First Gradient Color stop