Post pobrano z: Envato Tuts+ Community Challenge: Created by You, June 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 Tropical Bungalow on a Palm Beach in Adobe Illustrator

Ilia Dov created this vibrant Tropical Bungalow from a tutorial by Aliaksei Kruhlenia. She commented:

Thanks for an awesome tutorial! I really enjoyed making that one.

How to Create a Bodega Shop Illustration in Adobe Illustrator

Inspired by this Bodega Illustration from instructor Hector Heredia, Arjen van der Velde recreated the illustration perfectly, commenting:

Thank you for this tutorial!

How to Create a Road Text Effect in Adobe Illustrator

Lwardi Abdo achieved success from this awesome Road Text Effect tutorial by Andrei Marius. He commented:

This was an amazing tutorial! As a beginner I enjoyed learning new tricks. Thanks for sharing Andrei, here is my result applied to the word, „Nascar.”

How to Create a Space Observatory Badge in Adobe Illustrator

User Kinzee_fr created an awesome result inspired by this Space Badge tutorial by Andrei Stefan, commenting:

Here it is. Well, it has some flaws but I tried my best! Thanks for the great tutorial.

Create a 3D Paper Bird With Geometric Shapes in Adobe Illustrator

Shamus Tobin created a lovely Paper Bird inspired by a tutorial from Beto Garza. He commented:

Here’s a humming bird from my yard.

Create Detailed Tulips With Gradient Mesh, Without the Mesh Tool in Illustrator

Camila Fedarkova just loved this Tulip Gradient Mesh tutorial from Diana Toma. She commented:

Thank you for this great tutorial! It’s very easy to follow, even for beginners like myself!

How to Create a Unicorn Illustration in Adobe Illustrator

Anna did a wonderful job with this Unicorn Illustration from Nataliya Dolotko. She commented:

You are such a great teacher! All your tutorials are easy to do and are full of useful advice. Please keep it up! Thank you!

How to Create a Super Kawaii Collage in Adobe Illustrator

Dolphin Trang achieved amazing results with this Super Kawaii Collage from Mary Winkler. She commented:

Thank you so much! This was very useful. Here’s my result.

How to Design a Naw-Rúz Floral Card in Adobe Illustrator

Captivated by this Naw-Rúz Floral Card from Yulia Sokolova, Dilara Isis Yavuz created a fantastic card of her own. She said:

Inspired by your tutorial, I created a Pokemon-themed spring postcard!

How to Create a Stylish Deer With Brushes and Graphic Styles in Adobe Illustrator

Christopher Hoffmann Jacob did an incredible job with this Stylish Deer tutorial from Beto Garza. He commented:

Great tutorial! I will be using the tips for sure, but I need some more practice because I’m a little rusty!

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
effects to icons and more! Check out these wicked results below!

How to Create a Fur Action Text Effect in Adobe Photoshop

Hiba recreated this Fur Text Effect from Anderson Luiz perfectly! They commented:

Thank you very much, this is my result.

Learn How to Paint a Realistic Nose in Adobe Photoshop

User SZoeter achieved an amazing result with this Realistic Nose Painting tutorial from Alice Catrinel Ciobotaru, commenting

Nice tutorial! Here’s my result!

How to Add Texture to a Flat Illustration in Adobe Photoshop

Aisha Khan created her own refreshing Flat Drink Illustration with help from a tutorial by Yulia Sokolova. She commented:

Thank you so much for your tutorial. It really helped me improve my Photoshop skills. I really love your work and I hope to use more of these techniques in making works of my own.

Create a Funny Surreal Underground Scene With Adobe Photoshop

User bao007fei just loved this Surreal Underground Scene from instructor Jenny Le, commenting:

Amazing tutorial! Love you Jenny Le!

Quick Tip: Create a Glass Text Effect in Photoshop Using Layer Styles

Naveed Mirza achieved beautiful success with this Glass Text Effect from Jan Stverak. He commented:

Thanks, I love this!

How to Create an Energetic Paint Splashing Effect in Adobe Photoshop

Franck Beaume did a job well done with this Paint Splashing Effect from instructor Melody Nieves. He commented:

Thanks Melody for this great tutorial. Very inspiring and well explained. I could not miss the opportunity to use one of my favorite techniques, so here’s my version. Best regards.

How to Create a Cute Baby Dragon Photo Manipulation in Adobe Photoshop

Liya Rybakova created her own adorable Baby Dragon Photo Manipulation from a tutorial by Monika Zagrobelna. She commented simply:

Thank you!

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 Draw a T-Rex Dinosaur

Atka Kaa created a ferocious T-Rex Dinosaur Illustration from a thorough tutorial by Monika Zagrobelna, commenting:

Thanks. It was a bit difficult for me, really. His legs are not very good.

How to Create a Vintage Wedding Invitation in Adobe InDesign

Jael did a superb job with this Wedding Invitation tutorial from Grace Fussell and commented:

Thanks Grace, I decided to use a different font!

Cartoon Fundamentals: How to Draw a Cartoon Body

Spencer Price showed off his amazing talent using this Cartoon Fundamentals tutorial from Carlos Gomes Cabral. He said:

Stumbled across these tutorials, and I have to say, I love them. Thanks for sharing your talent with others. You helped me come up with this one. Here’s my attempt.

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.

Post pobrano z: How to Create 'Eid Mubarak’ Money Cards for Kids in Adobe Illustrator

Money cards are a fabulous idea to present the spirit of Eid and to make giving money to others a little bit more special.

Handing out money or gift cards to children is a common Eid tradition. For a fun way to take it up a notch, in this tutorial we will learn to custom make money cards, by using basic Illustrator tools and some handy shortcuts.

You can find many Eid-themed graphics and templates over on GraphicRiver.

1. How to Set Up the File

Step 1

To begin, sketch out your concept.

The sketch below is the concept I had in mind: two card designs, one for girls and the other for boys. There will be a cutout along the arms to slip the money through.

Sketch your concept, scan it, and save as JPG, to upload it onto Adobe Illustrator.

If you are short on time, you can always head over to GraphicRiver to find a selection of illustrated graphics to use.

Step 2

Open Adobe Illustrator CC. Let’s set up a New Document (File > New or Command-N).

For this project, use the following settings:

Select Print. 

Preset Details: Eid_Money_Cards

• Number of Artboards: 1
• Width: 10 cm
• Height: 15 cm
• Units: Centimeters

And click Create.

Step 3

Place one side of the sketch onto the Artboard.

Place (Command-Shift-P) and drag the image bounding box to take its place on the artboard. Open the Layers panel: Window > Layers.

Open the sub-menu of the Layers panel:

1. Name: Sketch
2. Select Lock
3. Dim Images to: 20%
4. OK

Create New Layer, on top of the ’Sketch’, and name it ’Outline’. File > Save (Command-S).

2. How to Create the Borders & Artwork Outlines

Step 1

We begin by laying out our card’s border.

Select the Pen Tool (P), with a Fill of null and black Stroke of 1 pt, and draw half the border.

1. Then, with the object selected, select the Reflect Tool (O), which is located under the Rotate Tool in the Tools panel.
2. Click on the center edge of the object to set one point
   of the axis. Hold down Option–Alt and click to set.

Step 2

Next we need to join the borders to create one compound shape, and create a border outline.

Select both borders with the Direct Selection Tool (V). Open the Pathfinder panel: Window > Pathfinder. Select Unite to create a compound shape.

After creating our compound shape, with the border selected, we need to create the inner and outer border lining.

First, to create the outer border:

From the Main Menu: Object > Path > Offset Path:

• Set Offset at 0.2cm
• Joins: Miter
• Check Preview, to view
  
• OK.
  

Second, create the inner border:

Select the original border, with the Selection Tool (V).

Main Menu: Object > Path > Offset Path. To offset inwards, use the minus sign (-), set the Offset to -0.35 cm, and click OK.

Step 3

Let’s continue by drawing the other symmetrical elements within our design, like the head features and body.

Use the Pen Tool (P), with a black Stroke of 1 pt, and freehand draw half the head, Taqiyah (Islamic Prayer Head Wear), the eye outline, eyebrow, ear and body shape.

Then select the Ellipse Tool (L) and draw in the pupils and cheeks, as well as the neck area.

Step 4

Let’s mirror the illustrated parts.

1. Select the head, Taqiyah Cap, eye, eyebrow, cheeks, ear and body shapes.
2. Select the Reflect Tool (O), from the Tools panel.
3. Set the light blue, Reflect axis point, on the edge, as shown.
4. Hold down Option-Alt, and click to reflect the objects.

Then we need to select each shape and its respective reflection and Unite them, using the Unite option from the Pathfinder panel to create a single compound shape.

Last, select the body shape with the inner border lining and Minus Front, from the Pathfinder panel, so it lines up along the edges.

Step 5

Next we need to add in the text, but by drawing it.

Instead of working with Arabic fonts and getting lost in letters and rigid-looking font styles, I prefer to draw in the text, for a more personal feel.

Select the Blob Brush Tool (Shift-B) from the Tools panel. The Blob Brush is similar to a thick pen. Select a black Stroke, no Fill. Set the blob size you want to draw the text with, and draw in the text.

• A shortcut to manage Blob Brush Tool size: Click the left square bracket key ([) to shrink the brush size and the right square bracket (]) to enlarge.
• Select a smaller blob brush, to add in the Arabic pronunciation marks.
• You can use the Eraser Tool (Shift-E) to erase any mistakes with the blob shapes, if needed.

Step 6

Now that the initial basics are laid out, we need to duplicate the artboard for the girl money-card, since they both share similar borders and features.

Select the boy’s Taqiyah Cap, and Lock it using the Command-2 shortcut, so it’s not duplicated with the Artboard.

From the Main Menu: File > Document Setup.

The Document Setup dialog box will open.

Select Edit Artboards.

Hold down the Shift–Alt keys and drag our Artboard onto the girl card sketch, to duplicate it.

Step 7

The girl is wearing a dress, so we need to adjust her outline and widen the bottom part to form a dress.

Select the Direct Selection Tool (A), select each anchor point separately, hold the Shift key down to constrain movement to a 90° angle, and drag along, as so.

Step 8

Let’s fill in the remaining details, using some basic tools.

First use the Pen Tool (P), with a Fill to null and black Stroke of 1 pt, and trace in the main line work, as so:

Step 9

Lock (Command-2) everything except the ears, head hair, and borders.

What we will do is duplicate our elements to create a color fill layer.

In the Layers panel sub-menu, select Duplicate 'Outlines’.

This will create the layer ’Outline Copy’ over the ’Outlines’ layer.

1. Position the ’Outline Copy’ under the ’Outlines’ layer, for us to create our fills under the line work.
2. Rename 'Outline Copy’ to ’Fill’.
3. Lock the ’Outlines’ layer.
4. File > Save (Command-S), to save your Illustrator file.

Step 10

In the ’Fill’ layer, let’s give a color fill to the unlocked shapes.

You may need to Arrange objects, as you color along. Use the following shortcuts:

• Arrange > Bring to Front (Command-Shift-])
• Arrange > Bring Forward (Command-])
• Arrange > Send Backward (Command-[)
• Arrange > Send to Back (Command-Shift-[)

Unlock All (Command-Option-2) the rest of our elements. Give each one a color Fill of your choice.

Step 11

Next, with the Selection Tool (V), select the lines that have no fills and Delete, since they will not need a fill.

Lock the ’Fill’ layer, and Unlock 'Outlines’ layer.

Unlock All (Command-Option-2) elements within the Outlines’ layer.

Delete all elements whose outlines we don’t need, like the ears, cheeks, hair, patterns, etc. I left a few, as shown below.

Step 12

Open the Stroke panel (Window > Stroke), and alter the stroke width of the remaining black strokes to create variance in the artwork.

Next we need to combine the head outline with the body.

Select both the head and body shape of the boy with the Selection Tool (V), and from the Pathfinder panel, Minus Front to subtract from the shape area.

Repeat the same steps, with the girl’s head and body shapes.

Then select the Scissors Tool (C) to cut the away the top anchor points that meet with the boy’s cap and head as well as the girl’s hair and head.

3. How to Add Detail & Flair to the Illustration

Step 1

Let’s start by coloring in our black strokes.

Unlock the 'Fill’ layer, and color in all the shapes and arrange the artwork elements so they look harmonious together.

Step 2

Let’s create the moon crescent for our background.

Make sure you are on the ’Fill’ layer. Select the Ellipse Tool (L), with a black Stroke, and Fill null. Draw two ellipses, overlapping each other.

Next, select both ellipses, and from the Pathfinder panel, Minus Front to subtract from the shape area, and you’ve got yourself a moon!

Give it a yellowish color Fill and place it somewhere on the background setting.

Create another crescent for the girl’s background.

Step 3

Let’s add stars!

Select the Star Tool under the Rectangle Tool menu, and select a yellowish fill.

• Drag until the star is the desired size.
• You can drag the pointer to rotate the star.
• A cool trick is to press the Up Arrow and Down Arrow to add and
  decrease points of the star!

Draw stars on both card backgrounds.

Step 4

Next, we need to create small starlight points.

Select the Blob Brush Tool (Shift-B), from the Tools panel.

Chose light and dark blue stroke colors, for the boy’s background, and draw in blob points of various sizes.

• Remember the shortcut to manage the size of the Blob Brush: Click the left square bracket key ([) to shrink the brush size and the right square bracket (]) to enlarge.

Repeat the process with the girl’s card background, but use white and dark green strokes.

Step 5

For the final touches, we need to add lighter tones of highlights to some of the elements to give it some pizzazz.

Continue to use the Blob Brush Tool (Shift-B), using a light blue stroke color, and draw in the boy’s thobe (dress) neck tie, and place some highlights on his thobe, a pattern on his hat, and highlights on his face.

Step 6

Again, use the Blob Brush Tool (Shift-B), and draw in light tone highlights on the girl’s hair and a pattern on the dress. You can even throw in some lip color.

Step 7

Finally, from the Layers panel, trash the ’Sketch’ layer. File > Save (Command-S) the file.

Print it out on nice semi-glossy thick paper, cut the borders and cut along the outer lining of the arms, and slide the Eid gift money through, and you are done!

Hand out the holiday treats to all the little ones for the Eid holiday.

You can even make them more personalized by writing their names on each card!

Eid Mubarak! Our Colorful Eid Money-Card Illustrations Are Finished!

Great job! I hope you enjoyed the tutorial, and don’t forget to share your results!

For more fun tutorials like this one, check out my tutorials via my profile (Miss ChatZ) on Envato Tuts+. Have a wonderful Eid!