Create an Unnerving Surreal 3D Room Scene in Photoshop

In this tutorial, I will show you how to create a perspective 3D scene and the illusion of depth with Photoshop’s basic features like transform tools, masking, blending, adjustment layers, and more. I will try to explain it in a very easy way so the beginners can follow along. What you’ll be creating We will […]

The post Create an Unnerving Surreal 3D Room Scene in Photoshop appeared first on Photoshop Tutorials.

View Tutorial: Create an Unnerving Surreal 3D Room Scene in Photoshop

How to Create Dramatic Light in Your Fantasy Photo Manipulation

In this tutorial you’ll learn how to add interesting light to your photo manipulations. Different ways of blending challenges objects such as semi transparent fabric will be explained. Let’s get started! Preview of Final Results Tutorial Resources Library by Cats-go-moo-always Woman, hair and dress Mist Brushes by pelleron Sun Rays Brushes by pelleron Dust Texture […]

The post How to Create Dramatic Light in Your Fantasy Photo Manipulation appeared first on Photoshop Tutorials.

View Tutorial: How to Create Dramatic Light in Your Fantasy Photo Manipulation

International Artist Feature: Bulgaria

Welcome back to our International Artist Series!

Today
we’re catching up with seven amazing artists from Bulgaria, the beautiful country west of the Black Sea. I asked each
artist how
their country and culture inspired their work, and they delivered great
responses.

Trifon Andreev

Trifon is a self-taught illustrator from Plovdiv, Bulgaria. His unique dot-line style combines black and white textures for a stunning graphic look.

Check out his work below, and see more in his portfolio.

A Higher Place Art Print

My
artwork is often based on lyrics or old legends that I’ve heard from my
grandparents.

A Higher Place Art Print
A Higher Place Art Print

Spreading the Disease Dotwork Illustration

I graduated from high school this year, and now I’m working
hard on my portfolio.

My dream is to one day create artwork for my favorite bands like Mastodon and Kvelertak. I have already made some pieces for a local band that I admire, and I am really proud of the
results.

Spreading the Disease Dotwork Illustration
Spreading the Disease Dotwork Illustration

Divine Comedy Dotwork Illustration – Details

Divine Comedy Dotwork Illustration - Details
Divine Comedy Dotwork Illustration – Details

Diamonds Aren’t Forever

My hometown is an amazing place. We have a
strong creative community, too.
A lot of young people are trying to build something new and different.

Diamonds Arent Forever
Diamonds Aren’t Forever

Katina Peeva

Katina is an artist from Sofia, Bulgaria. She makes amazing creatures out of clay and paper and even creates gorgeous illustrations.

Check out her work below, and see more in her portfolio.

Miles

What I love about Bulgaria is the nature, the mountains and the old
villages have preserved their authentic spirit.

I love Sofia
because of its small alleys with their special atmosphere, especially in the
city’s center. I also love the warm and generous people you
can meet everywhere.

Miles by Katina Peeva
Miles

Paper Monsters

For me, the Bulgarian folklore is a great source of inspiration. I love
the magic fairy tales, the mythology and the fantastic stories about all the different strange creatures.

Paper Monsters by Katina Peeva
Paper Monsters

Village

Village by Katina Peeva
Village

The Nutcracker

I hope that someday I will have the time
and opportunity to do illustrations based on more Bulgarian tales.

The Nutcracker by Katina Peeva
The Nutcracker

Denis Angelov

Denis is an illustrator from Sofia, Bulgaria. His illustration style mixes cool colors with fluid shapes. Enjoy his unique eye and point of view.

Check out his work below, or see more in his portfolio.

He’s a Punk Illustration

Growing up in a
small town, I have always felt like I could be more creative
and productive in a peaceful environment. As a graphic designer in a
digital advertising agency, both my work and personal projects seem to come out better when my mind is at peace, which is here in Bulgaria.

Hes a Punk Illustration by Denis Angelov
He’s a Punk Illustration

A Really Busy Businessman Looking at His Shoe

I mostly focus on form, color, aesthetic and atmosphere for my work. I believe these are important things illustrators should have in mind while working on a project.

A Really Busy Businessman Looking at His Shoe by Denis Angelov
A Really Busy Businessman Looking at His Shoe

Fall Illustration

Fall Illustration by Denis Angelov
Fall Illustration

Personal Work

Ever since I moved to Sofia six years ago I have had various developments in my opinion on the art community here. Overall, I have come to realize
that the community is very supportive.

We have some amazing and talented contemporary
illustrators and there are often group exhibitions here in Sofia where you can
participate and display your work. And that’s honestly what’s so good about it—you feel motivated to be productive because there is always a
need for different points of views.

Personal Work by Denis Angelov
Personal Work

Radostina Georgieva

Radostina is a graphic designer from Sofia, Bulgaria. She’s passionate about branding and creates brilliant branding packages with a vibrant minimalist style.

Check out her work below and see more in her portfolio.

Sofiabeats Logo

I love the beaches, the mountains, the beautiful nature and the tasty
food. I live in Sofia, the capital city, and I really like that people
here know how to balance work and social life. After a day in
the office there is nothing better than a beer in the park with some
friends.

Sofiabeats Logo by Radostina Georgieva
Sofiabeats Logo

Publishing House Branding

When it comes to style, I would say I am influenced by worldwide design movements and international artists.

Publishing House Branding by Radostina Georgieva
Publishing House Branding

Typography Compositions

Typography Compositions by Radostina Georgieva
Typography Compositions

Oxygen Fitness Center Branding

We have a really strong design community here, I`ve met a lot of new friends on the regular meet ups and workshops.

Sofia is full of young creatives, design events, exhibitions and
workshops so inspiration is easy to find. This has helped me improve my
skills and develop lots of professional connections.

Oxygen Fitness Center Branding by Radostina Georgieva
Oxygen Fitness Center Branding

Hristian Ivanov

Hristian is a concept artist based in Lukovit, Bulgaria. His awesome 3D style features futuristic concepts you’ll wish were real.

Check out his work below and see more in his portfolio.

Adidas Concept

I really love the nature in Bulgaria. Even when you travel by train or car, you’ll see impressive views looking out the window.

Adidas Concept by Hristian Ivanov
Adidas Concept

Concepts 02

The first thing that probably influenced me was my grandfather’s
drawings, but I guess my curiosity about art also came from inside.

I come from a small
town and thanks to internet I’ve
learned a lot. I feel I’ve now opened myself to the greater art world.

Concepts 02 by Hristian Ivanov
Concepts 02

Helmet Concepts

Helmet Concepts by Hristian Ivanov
Helmet Concepts

Robotic Character

The Bulgarian art community is pretty strong. There are a lot of
talented people in different areas of art. It’s not a big country but I try to
contribute with whatever I can, and give directions and tips.

Robotic Character by Hristian Ivanov
Robotic Character

Gergana Stankova

Gergana is a pattern and textile designer from Sofia, Bulgaria. Her gorgeous patterns feature designs inspired by Bulgarian culture and traditional embroidery.

Check out her work below and see more in her portfolio.

Inspired by Bulgarian Motifs No.8

I love how much potential there is around here. There are more and
more people returning to Bulgaria once they’ve completed their
education abroad. You can now feel a new vibe in so many ways. I hope it
will lead to a visible change

Inspired by Bulgarian Motifs No8 by Gergana Stankova
Inspired by Bulgarian Motifs No.8

Shevitza Geometrics Design #9

My work in particular is strongly influenced by the
cultural heritage of Bulgaria. I research archaic textile figures
and base my designs on the challenge to turn them into contemporary
graphics.

Shevitza Geometrics Design 9  by Gergana Stankova
Shevitza Geometrics Design #9

3D Printed Jewellery

3D Printed Jewellery by Gergana Stankova
3D Printed Jewellery

SilkShevitza Packaging

I am in awe of the systematic techniques behind old craftsmanship and have been looking for direct inspiration from it for the last five years.

Luckily, the community here is big enough to always have someone to collaborate with yet small enough that everyone knows each other.

SilkShevitza Packaging by Gergana Stankova
SilkShevitza Packaging

Boris Stoyanov

Boris is a concept artist from Sofia, Bulgaria. Vibrant and enigmatic, his incredible work features digital illustrations of landscape concepts and game designs.

Check out his work below and see more in his portfolio.

The Cave

The thing I love most about living in Bulgaria is by far the nature. We
have a few beautiful mountains and quite a few awesome forests.
I live in the capital right next to Vitosha mountain, so a nice trek
through nature is only a few minutes away.

The Cave by Boris Stoyanov
The Cave

The Dawn of The New World Children’s Book illustrations

The region has definitely affected my
thinking process. I’m currently working as a background
designer on a folklore-based animation series, so you can say I have
started delving a bit further into Bulgarian culture. I am sure that
will influence my work in the coming years.

The Dawn of The New World Childrens Book illustrations by Boris Stoyanov
The Dawn of The New World Children’s Book illustrations

Speed Paintings

Speed Paintings by Boris Stoyanov
Speed Paintings

The First Kuker Warrior Animation Short

I have started to notice an increasing number of people interested in animation
and illustration in Bulgaria. Something that until a few years ago, was considered
to be a no prospect field.

Overall, the art community is full of young,
positive and super talented people and I am eager to see what they will
be doing next!

The First Kuker Warrior Animation Short by Boris Stoyanov
The First Kuker Warrior Animation Short

Many thanks to the artists who took time to answer my
questions and share a bit about themselves and how their country and/or culture
has affected their work. You can check out more of their work in the links
below:

View Tutorial: International Artist Feature: Bulgaria

How to Draw a Winter Christmas Landscape With a Wooden Sign in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a winter vector Christmas background!

If you want to skip the tutorial and just use this background with some other awesome elements, purchase the Winter Christmas Landscape with a Wooden Sign from GraphicRiver!

original
Winter Christmas Landscape with a Wooden Sign

1. How to Create the Background

Step 1

Let’s begin by using Mesh for a bit!

Start by drawing a rectangle and filling it with #9DC3C5 color. Next, create a Mesh grid for this shape by manually placing nodes with the Mesh Tool (U)!

Once your Mesh grid is done, begin coloring it by selecting the whole lower right corner of nodes (the light-blue ones) and changing their color to #DFE9E3

Continue with this step by coloring the node selected in the third part of the screenshot below with #C4D9D7.

Next, color the top and right edge nodes (the ones selected) with #76A5AB and finish by coloring the two middle nodes on the left side with #BBD1CE.

color background with mesh

Step 2

Let’s draw a snow hill!

Fill a rectangle with #F1F7EC and create a fairly dense Mesh Grid (using the Mesh Tool (U).

Next, drag different Mesh nodes to create a curved grid like the one shown below. Finally, color the selected nodes with #CADBD8.

draw snow with mesh

Step 3

Create another snow hill in a similar fashion—this one should be even simpler!

Use these colors:

  1. #E8EFEB
  2. #FBFCF5
  3. #D6E5E4
draw snow layer

Step 4

Now, simply overlay the two hills onto the background.

add snow

Step 5

For this step, you can either try to draw your own pine tree using the Pen Tool (P), use any other clip art, or refer to the attachment of this tutorial of mine to grab a ready outline of the tree!

In any case, recolor the tree with #C0CCCC and place several copies of it to create a background forest.

pine trees

Step 6

You can add some snow to these trees by drawing two series of snow outlines, which you would then overlay on top of each other—the bigger one, #99AAAD, on the bottom and smaller one, #FDFAEB, on the top.

add snow

Step 7

If you chose to draw these trees, add them to the scenery.

add snow pine trees

Step 8

Now place the trees onto our background!

add trees

2. How to Draw the Santa Hat

Step 1

Draw the base of the Santa hat using Mesh, just as we did with the snow piles before.

Use #D52A45 for the base color, #882231 for the shadows in part two, and #B5263C for the wrinkles in the last part.

use mesh to draw a santa hat

Step 2

Draw the second part of the hat using these:

  1. #D82A45
  2. #A72538
  3. #B9263C
draw hat with mesh

Step 3

Put the two parts together and Group (Control-G) them.

add hat together

Step 4

Use the Wrinkle Tool (under the Width Tool in the Tools panel) with a rather small radius and 20% Intensity to roughen the edges of the hat a bit, making them fuzzy.

wrinkle santa hat

Step 5

Draw the rim for the hat.

  1. #F1F1E4
  2. #E1E1D3
  3. #FAFAED
  4. #B4998C
draw mesh rim

Step 6

Use the Wrinkle Tool again.

wrinkle tool

Step 7

Draw the pom-pom!

  1. #F0F1E4
  2. #D2D5C5
  3. #F3F3ED
  4. #CDAFA3
draw pom pom with mesh

Step 8

Finish the pom-pom with the Wrinkle Tool.

wrinkle pom pom

Step 9

Add all the parts together!

final hat

3. How to Draw the Wooden Sign

Step 1

To create the texture, you will need to refer to Section 3 of my autumn leaves tutorial.

Your result should look like the wood on the left. Rotate the planks and space them out a bit, making the brown background more visible.

You can use your own texture as well!

rotate texture

Step 2

Change the color of the planks with Edit > Edit Colors > Adjust Colors and:

  • Red: 1%
  • Green: 6%
  • Blue: 13%
change colors

Step 3

Draw a rectangle, applying a #5B565B to #0E0B0D Radial Gradient to it.

Change the Transparency to Overlay.

gradient rectangle

Step 4

Put the rectangle on top of the texture.

add overlay

Step 5

Draw a decorative sign shape, and then place it on top of the texture. Select all elements and after right-clicking, choose Make Clipping Mask.

clipping mask

Step 6

Let’s create a shadow! Create two shapes, one filled with #562B0B and another with #955A15.

draw blend

Step 7

Change the smaller shape’s Opacity to 0%.

change opacity

Step 8

Go to Object > Blend > Blend Options and set it to Specified Steps, 30.

Next select both shapes and choose Object > Blend > Make, creating a nice shadow for our sign.

blend shadow

Step 9

“Cut” a frame out for the sign using a Clipping Mask.

cut frame

Step 10

Add all the elements together and set the blend shadow’s Transparency to Multiply.

add elements

Step 11

Draw a plank for the sign with Mesh!

  1. #765B46
  2. #422E25
  3. #B9A392
  4. #1E0B04
draw wooden leg

Step 12

Draw a shadow for the hat by using Blend, as we did in Step 8.

The colors are #6D3B16 and #331C0A.

draw blend shadow

Step 13

Add the shadow under the hat.

add shadow to hat

Step 14

And add the hat to the sign!

add shadow and hat

Step 15

Draw a highlight using a Transparency mask (like the one in the last section of this tutorial) and change its Opacity to 80% and Transparency to Overlay.

draw highlight

Step 16

Add it on top of the sign.

add highlight

Step 17

Draw different variants of snow, as shown below.

draw snowflakes

Step 18

Add snow to the sign!

add snow

Step 19

Finally, place the sign on the winter background! If you want to add falling snow, feel free to refer to this tutorial of mine.

final result

Awesome Work, You’re Now Done!

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.

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

original image
Winter Christmas Landscape with a Wooden Sign
View Tutorial: How to Draw a Winter Christmas Landscape With a Wooden Sign in Adobe Illustrator

How to Create Flat Profession Avatars in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial we’ll be making a set of flat-style portraits, depicting people of different professions and occupations. Such images can be used as avatars for social networks or as design elements for your website, depicting various categories. Or you can even draw yourself, using such flat-style portraits for your business card. 

The basic shapes and tools of Adobe Illustrator are great for creating flat vector graphics, and we’ll go through the full process, discovering new tips and tricks, using the Pathfinder panel, Clipping Masks and some other features and functions of Adobe Illustrator. You can follow this tutorial with ease even if you don’t use a graphics tablet. Let’s begin!

If you want to go further and make a larger set of professions or you need some other types of portraits, feel free to find your inspiration directly at Envato Market by browsing flat design avatars or flat design portraits. You can purchase this set, plus additional avatar options in my Flat Professions Avatars Set on GraphicRiver.

Icon set

 1. Make a Construction Worker Avatar

Step 1

We’ll start by making the head of our first character. Let’s take the Rectangle Tool (M) and make a 65 x 80 px shape of a light-pink skin tone. Keeping our shape selected, go to Object > Path > Add Anchor Points. You will notice additional anchor points appear in the middle of each side of the rectangle.

make a head from rectangle 1

Step 2

Go to Object > Path > Add Anchor Points again, adding two more points for each side. As a matter of fact, we don’t need all of the created anchor points, so let’s delete the unwanted ones. Take the Direct Selection Tool (A) and select three points on the left side of the rectangle and three on the right. Head to the control panel on top and click the Remove selected anchor points button.

Now let’s shape the face. Select two extreme anchor points in the bottom corners of the rectangle and click Enter to open the Move window. Set the Horizontal value to 0 px and Vertical to -25 px to move the anchor points 25 px up, shaping the chin. Click OK.

make a head from rectangle 2

Step 3

If you want to make the chin wider or narrower, select one of its anchor points and hit Enter again, opening the Move window and moving the point horizontally to the left or right. For example, move the right point to the left by setting the Horizontal value to -5 px and then move the left point to the right, setting the Horizontal value to 5 px. This way we’ve moved the points closer to each other.

Use the Live Corners feature to make the face a bit more smooth and rounded by selecting it with the Direct Selection Tool (A) and pulling any of the circle markers a bit closer to the center. 

If you’re using older versions of Adobe Illustrator, which don’t have the Live Corners feature, that’s totally fine! You can get the same result if you go to Effect > Stylize > Round Corners. The only difference is that you can’t choose just one corner—it will make all the corners rounded. But you can always fix this with the Eraser Tool (Shift-E).

make the chin narrower

Step 4

Let’s add the nose! Take the Rectangle Tool (M) and make a 9 x 20 px pink shape. Make the corners rounded or use the Rounded Rectangle Tool to create the entire shape.

Let’s make sure that the nose is perfectly aligned to the face. Select both the face and the nose with the Selection Tool (V), hold Alt and click the face. You will see a thick selection stroke around it, indicating that this is now the Key Object, which means that all other objects will be aligned to it. Now head to the Align panel and click Horizontal Align Center. Awesome! Now the nose is right in the center of the face.

make a rounded nose and align it

Step 5

Let’s add a moustache. Make a brown rectangle of 30 x 10 px size, click it with the right mouse button and Arrange > Send Backward (Control-[), placing it beneath the nose.

make a mustache from rectangle 1

Step 6

Select the upper left anchor point of the brown rectangle, hit Enter and set the Horizontal value to 10 px and the Vertical value to 0 px in order to move the point closer to the nose. Repeat the same for the opposite side of the moustache, this time setting the Horizontal value to -10 px. Make the bottom part of the moustache slightly rounded with the Live Corners feature.

make a mustache from rectangle 2

Step 7

Use the Rounded Rectangle Tool to make a small shape for the lower lip, placing it beneath the moustache (Control-[). Align the lip horizontally to the face using the Align panel.

add the lower lip with Rounded Rectangle Tool

Step 8

Use the Ellipse Tool (L) to make an 8 x 8 px white circle for the eyeball and place a smaller (6 x 6 px) brown circle on top for the iris. Add a tiny white circle for the highlight and move both eyes to the proper position.

make the eye from circles

Step 9

Let’s render a helmet, which protects the worker’s head. Make a 65 x 19 px orange rectangle on top of the head. Select the upper anchor points with the Direct Selection Tool (A) and pull the Live Corners markers down, making the cap rounded.

make a rounded helmet

Step 10

Now let’s add the hair. Take the Rectangle Tool (M) and make a narrow vertical stripe at the left side of the face for the sideburn. Select the bottom right anchor point with the Direct Selection Tool (A) and make the corner rounded.

Keeping the sideburn selected, double-click the Reflect Tool (O) and flip the shape over the Vertical Axis. Click the copy button and stick the second sideburn to the right side of the face.

make side whiskers from rectangle

Step 11

Let’s modify the bottom side of the helmet, so that we’ll be able to add a peak. Find the spot where the sideburn crosses the bottom line of the helmet, and use the Pen Tool (P) to make a new anchor point. Do the same for the right sideburn. You can turn on the Smart Guides (View > Smart Guides), which will mark the intersection point. 

Finally, select both newly created anchor points with the Direct Selection Tool (A) and press Enter to open the Move window. Set the Horizontal value to 0 px and Vertical value to -5 px, moving the anchor points up.

add new anchor points and move them up

Step 12

Now let’s add a peak to the helmet. Make a lighter-orange narrow rectangle and attach its upper anchor points to the helmet. Smart Guides (View > Smart Guides) can be really helpful at this step. 

Select the bottom left anchor point and use the Move function to move it to the right by setting the Horizontal value to 10 px and Vertical value to 0 px. Repeat the same for the opposite bottom anchor point, but this time move it to the left. And finally, drag the bottom anchor points down a bit if you want to make the peak wider. Use the Live Corners feature to make the bottom corners slightly rounded.

make a peak from rectangle

Step 13

Take the Rounded Rectangle Tool and make a narrow vertical shape of 7 x 30 px on top of the helmet. Align it to the helmet, using the helmet as the Key Object.

Add two shorter stripes on both sides of the first stripe, and let’s use the Align panel to make the gaps between the stripes even. Select the stripes and click Align to Selection in the Align panel. Then click Horizontal Distribute Center, and there you have it!

add details to the helmet

Step 14

Take the Rounded Rectangle Tool, and this time let’s shape the ears. Make an 11 x 23 px pink shape at the left side of the head and Send it to Back (Shift-Control-[). Press Alt-Shift and drag the ear to the opposite side of the head, making a copy.

make the ears from rounded rectangle

Step 15

Make a 35 x 40 px rectangle for the neck, filling it with a slightly darker skin tone in order to separate it from the face. Make the bottom part of the neck a bit rounded.

And let’s start designing the clothes of the worker. Make a 90 x 70 px dark-blue rectangle for the shirt. Add two more anchor points at the spots where the neck crosses the shirt. Move the side anchor points of the rectangle down, holding Shift and pressing the down arrow key several times in order to form the shoulders.

make a neck and a shirt from the rectangles

Step 16

Let’s move on to the worker’s uniform and place two narrow orange stripes above the shoulders. Group (Control-G) them and align the group to the dark-blue shirt, using the shirt as the Key Object. Add a rectangle above the chest and Unite all the orange parts in Pathfinder, merging them into a single shape.

Go to Object > Path > Add Anchor Points, and then select the new point in the middle of the neck area of the uniform and drag it down, making a V shape.

make a uniform from rectangles

Step 17

Use the Live Corners feature to make the corners of the uniform slightly rounded. Now we need to get rid of those pieces outside the shirt in order to make both shapes fit each other. Select both the shirt and the uniform and take the Shape Builder Tool (Shift-M). Hold down Alt and click the pieces outside the shirt which you need to delete. Add two lighter narrow stripes on both shoulders, depicting a reflective tape.

edit the uniform with the Shape Builder Tool

Step 18

Let’s give our icon a trendy flat-style look by darkening one of its sides. Select all the elements of the character (Control-A), Copy them and Paste in Front (Control-C > Control-F). Click the Unite function in the Pathfinder panel to merge the parts into a single silhouette.

make a merged silhouette in pathfinder

Step 19

Take the Line Segment Tool (\), hold Shift and make a vertical line across the silhouette. Select both the line and the silhouette and align them horizontally in the Align panel, using the silhouette as the Key Object.

Keeping both shapes selected, use the Divide function of Pathfinder to split the silhouette into two equal halves.

divide the shapes in the pathfinder

Step 20

Delete the left half and switch the remaining half to Multiply Blending Mode in the Transparency panel to make it semi-transparent. You can adjust the color of the shadow, making it lighter or darker in the Color panel, or by changing its Opacity in the Transparency panel.

make a shadow in multiply mode

Step 21

Oops, looks as if we forgot the eyebrows. Let’s go back to the face. Make a circle around the eye and set the Stroke color to dark brown in the Color panel. Take the Scissors Tool (C) and click the side anchor points to split the circle apart. Delete the lower part. 

Head to the Stroke panel and increase the thickness of the brow by setting the Weight value to 2 pt. Switch the Cap and Corner to middle positions, making the shape rounded.

make a brow from a circle 1

Step 22

Keeping the brow selected, take the Eraser Tool (Shift-E), hold Alt and drag the selection rectangle over the bottom part of the brow to erase the ends, making the arch a bit shorter.

Copy the shape, forming a second eyebrow.

make a brow from a circle 2

Step 23

Select the upper side anchor points of the dark-blue shirt and use Live Corners to make the shoulders a bit smoother.

make the shoulders rounded

Step 24

The main element of our first avatar is ready, so now we need to give it a completed look by forming a background. Use the Ellipse Tool (L) to make a 180 x 180 px circle. Fill it with bright turquoise color, copy it and Bring the copy to Front (Shift-Control-]).

Finally, select everything, click the right mouse button and Make Clipping Mask. Awesome! Now we have a tidy circle avatar! 

You can still edit the image if you double-click it and enter Isolation Mode.

make a circle icon base and clipping mask

Step 25

And the last stroke here will be a long, flat-style shadow! Take the Rectangle Tool (M) and make a large rectangle. Switch it to Multiply mode or lower the Opacity to make the shapes beneath it visible. Hold Shift and rotate the shape 45 degrees.

Now you need to make the rectangle fit the silhouette of our worker. Stick its anchor points to the edges of the character. Make additional anchor points with the Pen Tool (P) and move them with the Direct Selection Tool (A), hiding the unneeded parts of the rectangle inside the man’s figure.

When you’re happy with the result, place the shadow inside the Clipping Mask, hiding it beneath the worker (use the Layers panel to drag the shape inside the Mask).

make a flat long shadow

Finally, apply a linear gradient from turquoise to white to the shadow and place it diagonally, using the Gradient Tool (G). Switch the shadow to Multiply mode, making it blend with the background.

And done! Our first profession avatar is ready! Let’s move to the next one!

apply a gradient to the shadow

2. Create a Surgeon Avatar

Step 1

Our next avatar will be a portrait of a surgeon with dark skin tone. We’ll be using the avatar of the worker as a base for the second portrait, so let’s duplicate it, right click and Release Clipping Mask.

Delete the helmet, moustache and the orange worker’s uniform, and recolor the icon base and shadow to yellow colors. Proceed with recoloring the elements, changing the color of the clothes to turquoise and the skin tone to a darker chocolate color. Change the color of the hair and eyebrows to darker brown as well.

recolor the base of the new avatar

Step 2

Let’s add a medical hat to our surgeon. Use the Rectangle Tool (M) to make a 40 x 24 px rectangle. Move the upper side anchor points a bit closer to each other, using the arrow keys of your keyboard and making the top of the hat a bit narrower. Use the Live Corners feature to make the upper corners rounded.

make a surgeon hat

Step 3

Let’s create a simple surgeon’s mask. Make a 33 x 20 px rectangle. Add a group of darker horizontal stripes above the mask, making it more detailed. And, finally, place a narrow string at the top of the mask and Send it to Back (Shift-Control-[).

make a surgeon mask

Step 4

Now place the mask above the surgeon’s face and let’s hide the unneeded pieces. Duplicate the base of the face and Bring it to Front (Shift-Control-]), placing it above the mask (you may need to drag the copy outside the face group if you’ve grouped the face previously). Select both the face copy and the mask, right click and Make Clipping Mask.

Great! Now it fits the face perfectly.

add mask to the surgeon

Step 5

Let’s finish up with the surgeon’s avatar by adding a final detail to his uniform. Use the Polygon Tool to make a triangle and rotate it, turning the shape upside down. Fill the shape with light-grey color. Select both the turquoise shirt and the white triangle and use the Shape Builder Tool (Shift-M) while holding Alt to delete the pieces outside the body, forming a nice V-shaped neck-band.

Darken the right part of the character with the help of a semi-transparent shape in Multiply mode, and hide all parts inside a round Clipping Mask.

We’re ready to move on!

add elements to the uniform of the surgeon

3. Draw a Flight Attendant Avatar       

Step 1

Now it’s time to draw a flight attendant portrait! We won’t be making it from scratch, so let’s transform the first figure instead. Duplicate the worker’s icon and make the base for our future avatar by releasing the Clipping Mask and deleting all the unneeded elements. Recolor the circle icon base to a gentle red color.

The shape of the face seems to be too angled for our new character, so let’s make a new one. Make a 40 x 55 px rectangle and use the Live Corners feature to make the corners fully rounded.

transform the face making it more female

Step 2

Let’s make the nose shape thinner. Select the two side anchor points at the upper part of the nose and delete them using the Remove selected anchor points function in the upper control panel. This will make the upper part of the nose look more delicate.

delete the anchor points on the nose

Step 3

Now let’s move on to the lips. Go to Object > Path > Add Anchor Points. Select the new anchor point in the middle of the upper lip and drag it down using the Direct Selection Tool (A). Use the Live Corners feature to make the shape of the lips more flowing and smooth. And split the lips apart, using the Scissors Tool (C) by clicking the side anchor points.

edit the lips making them feminine

Step 4

Make the lips brighter, increasing the saturation of the pink color, and let’s make the shape slightly arched. Group (Control-G) both halves of the lips and go to Effect > Warp > Arch. Set the Horizontal Bend value to -30%. Click OK and Object > Expand Appearance to apply the effect, making the mouth smiling. You can also make the upper lip a bit darker in order to separate it from the lower lip, making the mouth more true to life.

make the lips arched and bright

Step 5

We’re going to make our woman blonde, so let’s recolor her eyes and brows accordingly. We can also add a thin arched stroke for the eyelashes, making it the same way as we made the brows.

recolor her eyes and brows

Now let’s form a neat hairdo. Take the Ellipse Tool (L) and place two ellipses above the forehead, making them overlap. Unite the ellipses in the Pathfinder. Use the Shape Builder Tool (Shift-M) to delete the unneeded piece above the head, making the hair slick and tidy.

make the hair

In order to make the character look more subtle, let’s make the neck thinner and more rounded. And we can also modify the face a bit by making it thinner and adding a gentle round blush on the cheeks.

add details to the face

Step 6

Now let’s render the uniform of our flight attendant! We’ll be using the dark-blue shirt base that we already have and just adding more distinctive details. Let’s turn the shirt into a stylish jacket.

Take the Rectangle Tool (M) and make a 33 x 45 px stripe. Rotate it to about 45 degrees and let’s make a cutout notch closer to its top. Place a tiny triangle, overlapping the main shape. Use the Shape Builder Tool (Shift-M) while holding down Alt to cut out the triangle.

Use the Reflect Tool (O) to make a mirrored copy of the created shape, forming a lapel. You can erase the unneeded pieces in the bottom part using the Eraser Tool (Shift-E) or the Shape Builder Tool (Shift-M) after you place it above the jacket.

make a lapel of the jacket from rectangles 

Step 7

Form a collar of the white shirt, combining three triangles and making one of the corners of each shape slightly rounded.

make a collar from triangles

Step 8

Now we need to render a small red tie, making a distinctive mark of the airlines. Start by making a small 8 x 7.5 px rectangle. Move its bottom anchor points closer to each other, using the arrow keys and making the bottom of the shape narrower. Make those bottom corners rounded, forming the knot of our tie.

Now take the Ellipse Tool (L), make a squashed shape and rotate it about 45 degrees. Select the bottom anchor point, head to the upper control panel and click the Convert selected anchor points to corner button, making the shape pointed. Flip the copy of the shape to the opposite side, making the tie look complete.

make a red tie

Step 9

Let’s move to the next element of the flight attendant’s uniform: the cap. Make an 18 x 18 px square of the same dark-blue color as the jacket. Rotate it 45 degrees and squash it a bit, making a diamond shape. Make the corners rounded with the Live Corners feature.

Make a darker blue stripe with rounded corners and attach it to the left side of the first shape. Use the Reflect Tool (O) to flip the copy of the shape horizontally, forming the folding of the cap.

make a stewardess cap

Step 10

Shape a golden airlines emblem, depicting a winged medal from a 4 x 4 px circle, and a group of rounded rectangles for the feathers. Attach the emblem to the cap, aligning it to the center.

add the emblem to the cap

Step 11

Finally, dress up our flight attendant and finish the icon by adding a gentle shadow and hiding everything with a round clipping mask.

dress up our stewardess and finish up with the icon

4. Create a Police Officer

Step 1

We’ll be using the base of our stewardess avatar, changing her skin tone to a nice chocolate color and the hair to dark brown. Let’s also switch the color of the icon base to bright green.

use the base of previous icon

Step 2

Let’s flip the hair horizontally to make it differ from the previous avatar. And let’s form a short haircut. Make a 45 x 53 px rectangle of a darker brown color and place it beneath the head. Select the upper side anchor points and make the top of the shape fully rounded. 

Now let’s depict separate hair locks in the bottom. Form a few tiny triangles and place them at the bottom of the hairdo, making the shapes overlap. Use the Shape Builder Tool (Shift-M), holding down Alt to cut out the triangles.

Add a simple V-shaped collar for our shirt, forming it from two narrow rectangles.

make a short haircut

Step 3

Now let’s create the hat of our police officer. Use the Polygon Tool to make a 7-sided shape about 45 x 45 px size. Squash the shape and modify its bottom part by moving the anchor points farther from each other and making the corners a bit rounded. Move the bottom points of the shape up a bit, making the bottom side flat.

make a police officer hat

Step 4

Add a narrow horizontal peak to the hat, using the Rectangle Tool (M) and making its bottom corners rounded. 

Let’s make the peak glossy by adding a stylized highlight. Make two narrow stripes, rotate them 45 degrees and place them above the peak. Use the Shape Builder Tool (Shift-M) to delete the unwanted pieces outside the peak.

add a peak to the police officer hat

Step 5

Let’s make the most important element of every police officer: the badge! Make a 10 x 13 px rectangle of a bright-yellow color. Go to Object > Path > Add Anchor Points. Select the bottom side anchor points and move them up, making the shape pointed and looking like a shield.

Use the Live Corners feature to make the sides of the shape smooth. We can also make the top of the shape slightly bend, using the Curvature Tool (Shift-‘).

Finish up with the badge by placing a star above it, using the Star Tool.

make the police officer badge

Step 6

Dress up our friendly police officer, adding a dark-grey tie and some additional details to the uniform. You can go even further and create some additional accessories, for example, bright trendy glasses, formed from two ellipses with a blue stroke.

finish up with the police officer

Congratulations! Our Set of Profession Avatars Is Ready!

Great job! We’ve successfully created four portraits of people of different occupations that can be used either as avatars or as icons or for any other design project. 

If you want to create more professions or to inspect the original file of this tutorial and see how the separate elements were made, then go ahead and get the full set of Flat Professions Avatars with 12 different occupations, each in two skin tones.

I really hope that this tutorial was helpful and you’ve discovered some new tips and tricks that will speed up your work, making it more comfortable.

Have fun and stay tuned for more!

flat professions avatars icons with portraits of people of different occupations
View Tutorial: How to Create Flat Profession Avatars in Adobe Illustrator

How to Create a Flying Angel Photo Manipulation in Photoshop

Create this angelic photo manipulation using Smart Filters and drawing techniques! This tutorial will show you how to create a dramatic cloud background, add glowing wings to an angel, and add some particles. Preview of Final Results Tutorial Resources Dark clouds ahead – rgbstock A slow fall – mjranum-stock Wing PNG 1 – evelivesey Step […]

The post How to Create a Flying Angel Photo Manipulation in Photoshop appeared first on Photoshop Tutorials.

View Tutorial: How to Create a Flying Angel Photo Manipulation in Photoshop

How to Create a GTA Text Effect Action in Adobe Photoshop

What You’ll Be CreatingIn this tutorial you will learn how to create an amazing text effect inspired by the Grand Theft Auto video game. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop …

View Tutorial: How to Create a GTA Text Effect Action in Adobe Photoshop

How to Draw a Fox Step by Step

Final product image
What You’ll Be Creating

In this tutorial I will show you how to draw a realistic fox step by step, without any reference. You’ll learn how to sketch the pose to avoid proportion mistakes, how to add proper anatomy, and how to make it look real with details. You can also use this workflow to learn how to draw other similar animals.

This is a tutorial for beginners with a single, simple pose. If you want to learn more about foxes, their species and their anatomy, try this tutorial instead:

1. How to Prepare the Basic Sketch

Step 1

How often have you noticed that your drawing went wrong only when you were finishing it? To avoid such a situation, it’s good to start with a very general sketch first, and add the details to it later. The general sketch is easy to fix and quick to draw, so you don’t waste so much time on it if something goes wrong.

Start with a rectangle for an elongated fox body.

draw rectangle for fox body

Step 2

Measure the distance to the ground. Foxes are long-legged, so make it one body width long + some space for the paws.

fox body height drawing

Step 3

Sketch a very general rhythm of the legs on both ends of the rectangle.

simple fox legs drawing

Step 4

Add a thick neck. It should be slightly shorter than half of the body.

fox neck length drawing

Step 5

Attach the head to the neck.

simple fox head drawing

Step 6

Draw the long, tapered muzzle in front of the head.

fox muzzle drawing

Step 7

Sketch a bushy tail on the back.

fox bushy tail drawing

2. How to Sketch the Legs of a Fox

Step 1

Take a good look at your basic body plan now and try to see if anything’s off. Fix it, if necessary.

Add a “6” in the shoulder area. It’s a very easy way to create a form of the shoulder for many animals.

fox shoulder drawing

Step 2

Draw a line across the back side of the rectangle. This is a symbolic femur (the thigh bone).

fox thigh length drawing

Step 3

Add a perpendicular line to it. Its length will create the width of the thigh.

fox thigh width drawing

Step 4

Outline the thigh using these two guide lines. Don’t worry if the thigh looks too fat—it should be fluffy!

fox thigh shape drawing

Step 5

Add some details to both the shoulder blade and the hips.

fox shoulder blade hip drawing

Step 6

Time for the lower parts of the limbs. Sketch the length of the paws.

fox paws length drawing

Step 7

Add the wrist and the heel.

fox wrist heel drawing

Step 8

Draw the forms of the wrist and the ankle.

fox wrist ankle shape drawing

Step 9

Outline the paws.

fox paws shape drawing

Step 10

Connect the paws to the wrist and ankle.

fox hands feet drawing

Step 11

The forearm and the calf both need some muscle masses. Add them in the form of an oval along the “bone” lines.

fox limb muscle masses drawing

Step 12

Add more details to each leg: the elbow, the knee, and the bony landmarks of the ankle.

fox body landmarks drawing

Step 13

Gently outline the forms to create the whole form of the limb.

fox legs outline drawing

Step 14

Let’s make the paws complete, too. Add the other visible toe.

fox toes drawing

Step 15

Draw the tips of the toes.

fox toe tips drawing

Step 16

Add short, blunt claws.

fox claws drawing

3. How to Draw the Head of a Fox

Step 1

The head is a very important step, because we pay more attention to the proportions of the face than to the other parts of the body. Even if you sketched the body nicely, a tiny mistake in the face may destroy the whole impact of the drawing. So be very careful here!

Draw a high forehead for the fox, smoothing the step between the head and the muzzle.

fox high forehead drawing

Step 2

Draw a curve across the face—this will help us find the location of the eyes and define the sides of the face.

fox eye line drawing

Step 3

Draw an oval in the front of the head. This will be a symbolic eye socket. By drawing the eye socket first, you get a nice reference point to properly place the actual eye (thus solving the biggest problem in drawing a face!).

fox how to draw eyes properly

Step 4

Draw the round eye in the middle of the eye socket (or somewhere near, if you’ve noticed the eye socket has been placed wrong).

fox eye drawing

Step 5

Draw the nose bridge along the muzzle.

fox nose bridge drawing

Step 6

Draw the nose at the tip of the muzzle.

fox nose drawing

Step 7

Lead a line from the forehead to the chin.

fox muzzle shape drawing

Step 8

Draw an oval here.

fox muzzle mouth drawing

Step 9

Draw the lips along these guide lines.

fox lips drawing

Step 10

Draw a line across the head, halfway up the forehead.

fox how to draw ears

Step 11

Sketch the height of the ear. Foxes have them very big!

fox ear height drawing

Step 12

Draw the outline of the ear with gentle curves.

fox ear shape drawing
how to draw fox ear

Step 13

Draw the base of the ear.

fox ear details drawing

Step 14

Draw the cheek-mane on the side of the head.

fox cheek mane drawing

4. How to Draw the Body of a Fox

Step 1

Draw the lower side of the fluffy neck, creating a step between it and the head.

fox neck drawing

Step 2

Draw the rest of the “mane” on the neck.

fox neck mane drawing

Step 3

Draw the line of the belly.

fox belly drawing

Step 4

Draw the line of the back, curving towards the hips.

fox vack drawing

Step 5

Add some furry landmarks.

fox shoudler cape drawing
fox rib cape drawing
fox breast drawing
fox tail cover drawing

Step 6

If you want to make the drawing more interesting, you can add the second pair of legs.

fox second pair if legs drawing

5. How to Finish the Drawing of a Fox

Step 1

The sketch is finished, and now it’s time to add the final lines. If you have been drawing with a pencil, you can now take a darker tool (like an ink liner) to make the final lines more striking. If your sketch is too dark for this, you can put another sheet of paper over it and draw the final lines on it.

Create the final shape of the eye by adding the eyelids.

draw fox eyelids

Step 2

Add the pupil and the eye corner.

draw fox pupil

Step 3

Outline the nose.

draw fox nose

Step 4

Outline the general shape of the head and the lips.

draw fox face

Step 5

Add the whisker holes.

draw fox whisker holes

Step 6

Add special features over the eye to make it more expressive.

draw fox facial expression

Step 7

Add the details to the ear. It should be very fluffy!

draw detailed fox ear

Step 8

Draw the cheek mane and the outline of the bone under the skin (along the nose bridge and on the cheek bone).

draw fur on fox face

Step 9

Add more details to make the face really fox-like: the marking between the eye and the mouth, the whiskers, dark nose, and dark ear.

draw fox face markings

Step 10

Outline the paws.

draw fox paws

Step 11

Outline the legs, paying attention to their anatomy.

draw fox front legs
draw fox hind legs

Step 12

Cover the whole body with fur. Whatever method you use to draw it, remember to keep the style consistent over the whole body.

draw fox fur

Step 13

Finally, you can add some basic “coloring” and shading.

shade fox simple way

Beautiful!

That’s a beautiful fox! If you want to try other fox-related tutorials, check out this list:

You can also try other tutorials about drawing animals in a simple way:

how to draw fox step by step
View Tutorial: How to Draw a Fox Step by Step

How to Turn an Ordinary Landscape into a Dramatic Moonscape

Create this dramatic moonscape in Photoshop! In this tutorial you’ll learn how to transform ordinary photo into a dramatic landscape by adding different light sources, creating depth and changing color schemes. Let’s get started. Preview of Final Results Tutorial Resources Ground – Pelleron Art Sky 1 – Pelleron Art Sky 2 – Pelleron Art Man […]

The post How to Turn an Ordinary Landscape into a Dramatic Moonscape appeared first on Photoshop Tutorials.

View Tutorial: How to Turn an Ordinary Landscape into a Dramatic Moonscape

Free Frequency Separation Photoshop Actions with “1-Click AutoRetouch”

Retouch skin with these Frequency Separation Photoshop actions by SparkleStock. Frequency Separation is one of the most popular and effective techniques for retouching skin. With the AutoRetouch, you can retouch skin in one-click. It automatically detects skin tones using facial recognition and makes it look beautifully and naturally smooth. If you upgrade to the Pro […]

The post Free Frequency Separation Photoshop Actions with “1-Click AutoRetouch” appeared first on Photoshop Tutorials.

View Tutorial: Free Frequency Separation Photoshop Actions with “1-Click AutoRetouch”