Here is an easy step by step guide in designing a simple yet sophisticated looking standard sized business card using Adobe Photoshop. If you want to make your cards but don’t have Photoshop, you can try using online design applications for your business card printing.

Note: Click on images for large previews.

Final Work:

You can download also final work PSD from here.

Step 1

Depending on your printing company, you may need different dimensions –standard size plus bleed. Since we’re making a standard sized business card, make a new project, preset to custom and set width to 3.75 and height to 2.25 inches. Set resolution to 300dpi so your image will return crisp when printed and color mode to CMYK for it be fit for printing.

Step2

Insert background, here I used color gradient as background. Select gradient tool; choose the color that you like. Here I used green and applied the gradient in horizontal direction. Next select the rectangle tool and choose blue color (or any other color that you like). Make a rectangle shape at the bottom of your canvas and rasterize the selection (you can rasterize the rectangle shape by right clicking on it at the layers panel then select rasterize).

Step3

Make another rectangle shape, this time I chose green. Follow the same procedure as what you did with the blue rectangle.

Step4

Manipulate the merged blue and green rectangular shapes till you get the look you like. Insert your company logo and content. You can do this by drag and dropping your company logo to your canvas. Make sure your company logo is in .PNG format. You may insert content by choosing the text tool in your tool bar then inserting it anywhere in your canvas. You don’t have to worry about the positions since you can reposition each block of text to your liking as long as they are saved in separate layers.

Featured Content Gallery

Featured Posts WordPress Slideshow

mopSlider 2

Galleria Image Slideshow

noobSlide

jCarousel Lite

Galleriffic

Easy Slider 1.7

JQuery Image Slide Show

1. Drawing Vector Looking Cat Illustration Using Photohop

2. Learn To Draw a Fierce Bee In Photoshop

3. Draw Your Snowman In Photoshop

4. Creating a Twitteresque Bird Vector

5. How to Create a Cute And Adorable Twitter Icon in Photoshop

6. Create a Mockingly Smiley

7. Angry Emoticon

8. Flying Santa Claus with Gifts

9. Drawing The Linux Penguin Tutorial

10. Dancing Santa Claus and Christmas Tree

11. Virtual DJ Picture

12. Creating Emoticon

13. Draw a Pirate Character in Photoshop

14. Homer

15. Bleach Mello

16. Drawing Cute Smilies in Photoshop

17. Nemo Concepto

18. Penguin

19. Photoshop Video Game Mario Icon

20. Drawing Fish

21. Drawing a Cartoon Magician

22. Drawing a Cute Cartoon Cat in a Basket

23. Drawing a Halloween Cartoon the Witch

24. Drawing a Cool Cartoon Robot

25. Drawing a Cartoon Bunny

26. Creating a Simple South Park Character

27. Minion Despicable Me Photoshop

28. Create a Textured Female Robot in Photoshop

29. How to Create a Slick Anime Character in Photoshop

30. Create a Cute Twitter Bird Icon in Photoshop

31. The Yahoo Smiley

32. Create a Lollipop Girl in Photoshop

33. How to Create an Original Pin Up Girl in Photoshop

34. Reader Tutorial Cartoon Character Photoshop

35. Draw Fairy Tale Characters in Photoshop

36. Kirby Photoshop Tutorial

37. Drunken Monkey Photoshop Tutorials

38. Primitive Art Man Cartoon

39. Iron Man Movie Wallpaper

40. Create a Character Illustration Wallpaper

41. Drawing a Dolphin in Photoshop

42. Drawing a Cute Giraffe in Photoshop

43. A Mouse as Chinese New Year Zodiac for 2008

44. Painting a Girl

45. Firefish Photoshop Tutorial

46. How to Create a Cute Yellow Alien Icon in Photoshop

47. Making of Jeremiah 2D Painting Tutorial in Adobe Photoshop CS3

48. Character Illustration and Coloring in Photoshop Tutorial

49. The Santa Claus Wallpaper

50. Create Simple Cartoon Character in Photoshop

About The Author : Muhammad Wildan

Muhammad Wildan is a young man from Banjarnegara, Indonesia who loves all about digital arts. He often watch movie and sleep at his spare time. For more information about him, you can Follow him on Twitter or bring him smile on Facebook.

What We’ll Be Creating

Step 1

Create new document (Ctrl + N), i’m using size 1400×1700px.

Step 2

With the Ellipse Tool, create an ellipse circle to make the part of penguin’s body.

Step 3

Now, we will make the part of penguin’s head. Lets select the Ellipse Tool, and then select “Add to shape area”, to tacks on the parts of penguin’s head with body. Add a small circle on the up of the penguin’s body.

Step 4

With the Direct selection tool, we will make the part of penguin’s head and body more proportional. Take the bottom curve of the circle to the edges to make the parts of head and body looked tacks on.

Step 5

Change color entirely body becomes #202020 by double clicking thumbnail color at layer pane.

Step 6

Double click the shape layer and add this layer style.

Inner Shadow :

Inner Glow :

Step 7

Now, we will make the head light. With the Pen Tool, create shape like the following image.

Step 8

Hit Ctrl + Alt + G to convert it to clipping mask.

Step 9

Now, add Gaussian Blur. Go to Filter>Blur>Gaussian Blur. The layer still get shape’s form, so it must be razterized, therefore click OK to razterizing it. Set the radius becomes 10px.

Step 10

Double click the layer, set Fill Opacity to 3 % and add the following Drop Shadow.

Drop Shadow :

You should have image like this.

Step 11

With the Ellipse Tool, create a white ellipse circle.

Step 12

Hit Ctrl + Alt + G to convert it to clipping mask.

Step 13

Create a white circle with the Ellipse Tool, then hit Ctrl + T to transform it, and then rotate to 45 degree.

Step 14

With the direct selection tool, move the bottom anchor point to bottom left until gotten an image like this.

Step 15

With the Path Selection Tool, duplicate the shape by holding down Alt key and then drag to left.

Step 16

Still with the Path Selection Tool, hit Ctrl + T, right click and then go to Flip Horizontal.

Step 17

Now, add the following layer styles by double clicking the layer.

Drop Shadow :

Inner Shadow :

Outer Glow :

Inner Glow :

Bevel and Emboss

Gradient Overlay :

Stroke :

You should have image like this.

Step 18

Change the foreground colour to #a45c06, create a circle with the Ellipse Tool, and then positioned to the center of the white part.

Step 19

With the Path Selection Tool, duplicate the brown eye by holding down Alt key, and then drag to left.

Step 20

Now, add the following layer styles.

Inner Shadow :

Stroke :

Step 21

With the Ellipse Tool, create 2 (two) black circles on the brown eye.

Step 22

Create 2 (two) white circles and then positioned like image below.

Step 23

Now, we will create a white circle to make light reflection eye. Lets create it with Ellipse Tool, and then move the bottom anchor point onto with the Direct Selection Tool.

Step 24

Double clicks the layer, set Fill Opacity to 0 % and then add the following Gradient Overlay.

Gradient Overlay :

Step 25

Duplicate the light reflection by drag and move it to left with the Path Selection Tool.

Step 26

Now, we will make the penguin’s beak. Lets create an ellipse circle with the Ellipse Tool and then change the color to #f9c717. Afterwards, move the bottom anchor point down with the Direct Selection Tool. To make more beautiful, add circle on the up of the beak with the Ellipse Tool and select “Add to shape area” to merge the circle with the beak.

Step 27

To make looked more tacks on, take the bottom curve of the circle to the edges with the Direct Selection Tool.

Step 28

Add the following layer styles by double clicking the beak’s layer.

Inner Shadow :

Inner Glow :

Bevel and Emboss :

Gradient Overlay :

Step 29

Now, we will create the beak bottom. Lets create an ellipse circle (color = #d7ac02) under the “beak on” layer.

Step 30

With the Direct Selection Tool, set the path like image below.

Step 31

Add the following layer styles.

Drop Shadow :

Inner Shadow :

Inner Glow:

Step 32

Now, we will create the penguin’s hand. Create shape below the “body” layer as image below.

Step 33

Add the following layer styles.

Inner Glow :

Inner Shadow :

Step 34

With the Path Selection Tool, duplicate the hand by holding down Alt key, and then move the it to left.

Step 35

After duplicated, hit Ctrl + T, right click and then go to Flip Horizontal.

Step 36

Now, we will make the hand and the body looked tacks on. Add layer mask on the “body” layer. Click the Brush Tool, and then set the brush opacity to 50% and Flow to 10%. Brush area between the part of body and the hand. Don’t forget to change the foreground color to black (hit D).

Step 37

With the Ellipse Tool, create an ellipse circle to make the egg (color = #e4bb83).

Step 38

We now need to subtract the egg to looked like crack egg, select the “Pen Tool” (P) then select “Subtract From Path Area”. Create path like image below.

Step 39

Add the following layer styles.

Inner Shadow :

Inner Glow :

You should have image like this.

Step 40

Create shape with the Pen Tool under the egg layer to make inner egg (color = #e4bc83).

Step 41

Add the following layer styles.

Inner Shadow :

Inner Glow :

Step 42

And the last step is adding gradient to background layer. With Gradient Tool (G), select radial gradient, and then set the color from #666666 to #dedede.

Conclusion

Yeah, now you can create a little penguin character with simple technics

About The Author : Muhammad Wildan

Muhammad Wildan is a young man from Banjarnegara, Indonesia who loves all about digital arts. He often watch movie and sleep at his spare time. For more information about him, you can Follow him on Twitter or bring him smile on Facebook.

I recommend you check out our gallery of 40 best-of Adobe Illustrator tutorials. These include tips for web graphics, banners, vector shapes, icons, website layouts, and some more useful topics.

Vector Polishing Techniques

Creating a Crazy Cool Logo

How To Create a Beautiful Vector Portrait in Illustrator

How to Create a Magic Wand Icon

Gigposter Design

Transform Again in Illustrator

Iconic Poster Design Tutoria(w/ Video)

Logo Design Process and Walkthrough

Create a Tasty Burger Icon

Create a Stylized GPS Icon

Create a Shiny Bucket Icon

Create a Vector RSS Icon with Illustrator

Creating an Illustrative Monogram

Test Your Creativity!

Creating Road Maps in Adobe Illustrator

Drawing a Piano Keyboard

Craft a Delicious Chinese Food Icon

How to create a Television Icon

Create a Transparent Battery Icon

How to Create a Vector Smiley Icon

Design Float Circle Icon

Create a Vintage TV Set Icon in Illustrator

Design A Coffee Mug Icon

Simple Paperclip Icon

Create a Simple Storefront Icon

Create a Chalkboard Type Treatment

How to Bake a Cake in Illustrator

Icon design tutorial: How to make a Calendar icon

3D Isometric Vector Icon Tutorial

Craft a Dramatic Vector Landscape Environment

Illustrator Tutorial: Wood Grain

Designing a New Icon In Illustrator

Simple organic shapes

3D Volcano Infographics

Apple Leopard text effects

Trendy Geometric Lines Design Tutorial

Create a Happy Sun Character

Creating vector characters in Illustrator

Create a 6-egg Box Vector

Create a Yummy Cupcake Vector

Vertical Ticker jQuery Plugin

File Style Plugin for jQuery

Half-Star Rating Plugin

Fancybox

Smooth Animated Menu

Coda-Slider 2.0

Create Your Own Instant Search

Sexy Drop Down Menu w/ jQuery & CSS

Tablesorter

jQuery datePicker plugin

jQuery.Syntax

gameQuery

Fresh Bottom Slide Out Menu

jQuery Image Cropping Plugin

Leopard Desktop with jQuery

Cool Animated Menu with jQuery

Simple Page Peel Effect

Illustrator Web Design Tutorials

Create a Simple Register Form Design

In this Quick Tip tutorial you will learn how to use Illustrator to make a simple web form design. By following a few easy techniques you will have clean and modern register form in no time!

Create a Smooth Navigation Menu in Adobe Illustrator

In the following tutorial you will learn to create a nice navigation menu. This is particularly useful for people who want to make perfectly aligned rollover states for websites and applications.

Use Adobe Illustrator to Create a Clean Website Layout

Create the First Page of a Fairy Tale Story Book, with a Hint of Kitsch

Once upon a time there was a tutorial. A tutorial which told of magical and enchanting ways to create Fairy Tale pages in Adobe Illustrator.

Designing a Layout with Adobe Illustrator

In this tutorial, you’ll learn how to properly design a website using Adobe Illustrator and convert your Illustrator layout into HTML and CSS.

Design a Clean Corporate Website With Illustrator

This tutorial covers the complete process of creating a clean and professional looking corporate web design using Adobe Illustrator.

Creating a Website Wireframe in Illustrator

This tutorial will walk you through creating a Website Wireframe document using Adobe Illustrator (CS3):

Illustrator icon Tutorials

Create a Vector RSS Icon with Illustrator

one of the most popular and recognisable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.

Create an envelpe icon with a satin feel

This tutorial will show you how using the basic tools of illustrator , ie gradient , rectangle , pathfinder and line.

Create an Analog Clock Icon in Illustrator

Learn how to create a Vector Analog Clock Icon from scratch in Illustrator!

How To Create An Espresso Machine Icon Inside Adobe Illustrator

This Illustrator tutorial will guide you through the process of creating an espresso maker icon using simple illustration techniques.

Illustrator Logo Tutorials

Create a 3D Opera Logo

This tutorial will show you how to create a 3D Opera logo. You will start with two simple circles and some basic effects. Next, using multiple fills and strokes along with Pathfinder options, opacity masks and some new effects you will create your own logo. The final result can easily be turned into a nice icon.

How To Create a Colorful Logo Style Ribbon Graphic

create a great looking vector based design complete with subtle gradients and shading.

create the quicktime logo

Creating a crazy cool logo

Illustrator Character Tutorials

Creating vector characters in Illustrator

Character design is such a wide and varied subject that the specifics of each character’s process and gestation are unlikely to be the same for everyone.

Creating convincing characters

How to Create a Cute Bunny Vector Character

Monster Character

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

By firstly using the power of pen and paper a character design is created, which is then scanned into the computer to use as a base for tracing with Adobe Illustrator. The final outcome is a colourful cartoon character in vector format!

Create a Cool Vector Robot Character in Illustrator

use various tools and techniques to create a simple vector robot character. With this robot being made of lots of basic shapes it makes for a great tutorial for beginners to get to grips with the Illustrator application.

Illustrator Text Effect Tutorials

Creating an Environmentally Friendly Green Type Treatment

Blueprint-Style Text in Adobe Illustrator

This blueprint technique has been seen just about everywhere—even on the cover of The Photoshop Help Desk Book by Dave Cross. This is a quick demo using a blend of live effects, filters, and even a little gradient mesh to create a seemingly complex logo treatment.

Create a Marker Text Effect in Illustrator

This tutorial will show you how to create a marker illustration. This tutorial involves intermediate vector shape building skills in Illustrator to create the markers, along with some layering and script usage to create the text effects.

How to Create Colorful Neon Text with Adobe Illustrator

How to Create a Hand Drawn Style Text Effect

How To Create an Abstract Geometric Mosaic Text Effect

Create a Stencil Text Effect

Let’s Make a Playful Yet Robust 3D Letter Design

Tug and Twirl Text in Illustrator

1.Flaming Hot Fire Text In Photoshop

2.3D Text On Fire

3.How to Create a Stunning Fire Effect In Photoshop

learn how to use photoshop to render realistic flames and create a dramatic artwork in few simple and easy steps..

4.Dramatic Text on Fire Effect in Photoshop

5.Text on Fire with Glossy Reflection

This tutorial shows how to make flaming text, but the technique will work with any kind of object. Here’s what the finished product looks like from this tutorial:

6.Animated Fire

This tutorial will show you how to create a fire effect then use the animation tools to create a flaming animation, and save it as an animated GIF..

7.Hell of Tutorial in Photoshop

8.Ridiculously Realistic Scorching Fire Effect!

9.Realistic Fire Effect

make realistic looking fire that you can apply to texts or any other shapes or objects..

10.Create a Stunning Text on Wild Fire Effect

11.Flame effect – Photoshop tutorial

12.Well-Explained Fire Text Effect Tutorial in Photoshop

This tutorial will show you how to make realistic looking fire that you can apply to texts or any other shapes or objects.

Tutorial Details

• Difficulty: Intermediate
• Estimated Completion Time: 1 hour 30 minutes
• Number of Steps: 27

This is What You’ll Be Creating

Step 1

Create a 610 by 660, RGB document. First, copy the speaker illustration created in the previous tutorial and place it in the middle of your artboard. Next, grab the Rectangle Tool(M), create a shape the size of your artboard and Send it to Back (Shift + Control + [ ). Fill it with R=45 G=45 B=45 then open the fly-out menu of the Appearance panel and click on Add New Fill. This will add a second fill for your shape. Select it from the Appearance, make it black, lower its opacity to 20%, change the blending mode to Multiply then go to Effect > Artistic > Film Grain. Enter the data shown below, click OK then add a third fill for this shape. You will need a nice pattern for this new fill. Open the fly-out menu of the Swatches panel and go to Open Swatch Library > Pattern > Basic Graphics > Basic Graphics_Textures. Reselect the third fill, lower its opacity to 25%, change the blending mode to Overlay then use the USGS 20 Scrub pattern. In the end your shape should look like in the following image. Lock it to make sure that you won't accidentally select/move it.

Step 2

Select the speaker shape and make a copy in front (Control + C > Control + F). Select this copy and hit the D button. This will add the default properties (white fill and black stroke) for this new shape. Remove the stroke then go to Object > Path > Offset Path. Enter a 16px Offset then click OK. Delete the original shape then select the resulting shape. First, send it backward (Control + [ ) then go to Effect > Stylize > Outer Glow. Enter the data shown below image #3 then click OK. Duplicate this shape (Control + C > Control + F) then select this copy and bring it to front (Shift + Control + ]). Now, let’s focus on this fresh shape. First, remove the Outer Glow effect then replace the existing fill color with the radial gradient shown below image #4. The yellow number from the gradient image stands for opacity percentage. Next, lower its opacity to 50% and change the blending mode to Overlay then go to Effect > Blur > Gaussian Blur. Enter a 10px radius then click OK.

Step 3

Select one of the shapes created in the previous step and go to Object > Path > Offset Path. Enter a 30px offset then click OK. Select the resulting shape, remove all fills and effects then add a simple, white stroke. Now, grab the Type on a Path Tool, click on this fresh path to bring up a blinking cursor then add the text. Use the Upper EastSide font with a size of 80pt, set the color at R=255 G=255 B=255 then go to Object > Expand.

Step 4

Select the expanded text and go to Object > Compound Path > Make. Fill the resulting shape with black then go to Effect > Stylize > Outer Glow. Enter the data shown below image #2 then click OK.

Step 5

Select the path made in the previous step and go to Object > Path > Offset Path. Enter a 2px offset and click OK. Fill the resulting shape with the radial gradient shown in the second image and remove the Outer Glow effect. The white number from the gradient image stands for location percentage. Add a first stroke for this path. Make it 0.15pt wide, align it to outside and set the color at R=255 G=255 B=255. Now, you need to add a second stroke for this shape. Select the exiting stroke and click on the Duplicate Selected Item button from the bottom of Appearance panel. Obviously, this will add a copy of your stroke. Select this new stroke from the Appearance panel, make it 0.05pt wide and set its color at R=120 G=227 B=235.

Step 6

Select the path made in the previous step and go to Object > Path > Offset Path. Enter a 6px Offset then click OK. Select the resulting path, remove all fills and keep only one stroke. Make it 2.25pt wide, set its color at R=0 G=0 B=0 then open the Stroke panel (Window > Stroke). Click on the Round Cap button then check the Dashed Line box and enter 0pt in the dash box and 4pt in the gap box. Make two copies of this stroke and use the properties shown in the following image. Finally, reselect the entire path and go to Effect > Stylize > Outer Glow. Enter the data shown below then click OK.

Step 7

Select the path made in the fourth step and go to Object > Path > Offset Path. Enter a -1px offset and click OK. Fill the resulting path with R=120 G=227 B=235 and go to Effect > Blur > Gaussian Blur. Enter a 10px radius then click OK.

Step 8

Select the path made in the previous step and go to Object > Path > Offset Path. Enter a -2px offset and click OK. Fill the resulting path with white and go to Effect > Blur > Gaussina Blur. Enter a 3px radius then click OK.

Step 9

Grab the Ellipse Tool(L), create a 3 by 3px shape and fill it with white. Select it and go to Effect > Distort&Transform > Pucker&Bloat. Drag the slider at -50%, click OK then go to Effect > Blur > Gaussian Blur. Enter a 5px radius then click OK.

Step 10

Select the shape made in the previous step and go to Object > Path > Offset Path. Enter a 2px Offset and click OK. Select the resulting shape, go to the Appearance panel and open then existing Gaussian Blur effect. Increase the radius to 10px then click OK. Reselect this shape along with the one created in the previous step and group them (Control + G). Make several copies of this group and spread them as shown in the third image.

Step 11

Pick the Ellipse Tool(L), create a 20 by 20px shape, fill it with white and go to Effect > Distort&Transform > Zig Zag. Enter the data shown below image #2, click OK then go to Effect > Distort&Transform > Roughen. Enter the data shown below image #3, click OK then go to Effect > Distort&Transform > Pucker&Bloat. Enter the data shown below image #4, click OK then go to Object > Expand Appearance.

Step 12

Select the shape made in the previous step and go to Effect > Blur > Gaussian Blur. Enter a 6px radius, click OK then duplicate it. Place these two shapes as shown in the following image.

Step 13

Again, make a path to type on, like the one made in the third step. Next, use the Type on a Path Tool to add some new text as shown in the first image. Select it and go to Object > Expand then select the resulting paths and go to Object > Compound Path > Make. Now, repeat the techniques used for the previous text shape. In the end your new text should look like in the third image.

Step 14

Pick the Ellipse Tool(L) and create a 250 by 5px shape. Fill it with R=120 G=227 B=235 then pick the Convert Anchor Point Tool (Shift + C) and click on the right anchor point (highlighted in the first image). Now, you shape should look like in the second image. Select it and go to the Brushes panel (Window > Brushes). Open the fly-out menu, click on New Brush, check the Art Brush button then click OK. Reselect the Ellipse Tool(L) and create a second shape. Make it 250px wide and 2pt tall then fill it with the same color. Again, use the Convert Anchor Point Tool (Shift + C) and click on the right anchor point (highlighted in the third image). The resulting shape should look like in the fourth image. Select it, open the fly-out menu of the Brushes panel and click on New Brush. Check Art Brush then click OK. In the end you should have two, new art brushes in your Brushes panel.

Step 15

Pick the Brush Tool(B), select the thicker brush from the brushes panel and draw some paths as shown in the first image. Select all these paths and go to Object > Expand Appearance then select the resulting shapes and go to Object > Compound Path > Make. Select the resulting path and go to Effect > Stylize > Drop Shadow. Enter the data shown in the third image then click OK.

Step 16

Select the path made in the previous step and go to Object > Path > Offset Path. Enter a -2px Offset then click OK. Select the resulting path, remove the drop shadow effect (from the Appearance panel), fill it with white then go to Effect > Blur > Gaussian Blur. Enter a 3px radius then click OK.

Step 17

Make some copies of the group created in the tenth step and spread them as shown in the following image.

Step 18

Reselect the Brush Tool(B), select the thinner brush and draw some new paths as shown in the first image. Select all these paths and go to Object > Expand Appearance then select the resulting shapes and go to Object > Compound Path > Make. Select the resulting path and go to Effect > Stylize > Drop Shadow. Enter the data shown in the following image then click OK.

Step 19

Select the path made in the previous step and go to Object > Path > Offset Path. Enter a -0.75px Offset then click OK. Select the resulting path, remove the drop shadow effect (from the Appearance panel) then fill it with white.

Step 20

Finally, let’s add the heart. Go to the Symbols panel (Window > Symbols), open the fly-out menu and go to Open Symbol Library > Web Icons. A window with a set of symbols should open. Select the “Favorite” symbol, drag it on your artboard then go to Object > Expand. Focus on the resulting shape. First, pick the Direct Selection Tool(A) select the anchor points highlighted in the second image and hit the Delete button. Now, the heart should look like in the third image. Next, you need to add a discrete roundness effect for the bottom anchor point. In order to do it you’ll need the Round Any Corner Script. Save it to your hard drive, select the bottom anchor point using the Direct Selection Tool(A) then go to File > Scripts > Other Script. Open the Round Any Corner Script, enter a 7px Radius and click OK. Fill the resulting shape with R=120 G=227 B=235. In the end it should look like in the fourth image.

Step 21

Go to Edit > Preferences > General and enter 0.5px in the Keyboard Increment box. Select the heart shape and make two copies in front (Control + C > Control + V > Control + V). Select the top copy and hit the up arrow six times. Reselect both copies and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=120 G=227 B=235 and lower its opacity to 20%.

Step 22

Make two new copies of the heart shape. Select the top copy and hit the down arrow once. Reselect both copies and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=118 G=184 B=195.

Step 23

Make two new copies of the heart shape. Select the top copy and hit the up arrow once. Reselect both copies and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=118 G=184 B=195.

Step 24

Select the heart shape and go to Object > Path > Offset Path. Enter a -3px Offset and click OK. Select the resulting shape and make a copy in front (Control + C > Control + F ). Select this copy and hit the up arrow twice. Reselect this moved copy along with the original shape and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=0 G=186 B=242, lower its opacity to 50% then go to Effect > Blur > Gaussian Blur. Enter an 8px radius then click OK.

Step 25

Select the heart shape and go to Object > Path > Offset Path. Enter a -3px Offset and click OK. Select the resulting shape and make a copy in front (Control + C > Control + F ). Select this copy and hit the down arrow three times. Reselect this moved copy along with the original shape and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=161 G=218 B=224 then go to Effect > Blur > Gaussian Blur. Enter an 8px radius then click OK.

Step 26

Select the heart shape and go to Object > Path > Offset Path. Enter a -7px Offset and click OK. Select the resulting shape and make a copy in front (Control + C > Control + F ). Select this copy and hit the down arrow fifteen times. Reselect this moved copy along with the original shape and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with white then go to Effect > Blur > Gaussian Blur. Enter an 25px radius then click OK.

Step 27

Finally, reselect the heart shape and go to Effect > Stylize > Inner Glow. Enter the data shown below, click OK then go to Effect > Stylize > Drop Shadow. Enter the data shown below, click OK and you’re done.

Conclusion

Now your work is done. Here is how it should look like.

Tutorial Details

• Difficulty: Intermediate
• Estimated Completion Time: 1 hour 30 minutes
• Number of Steps: 20

This is What You’ll Be Creating

Step 1

Create a 300 by 300, RGB document then pick the Ellipse Tool(L). Click on your artboard, enter 215 in the width and height boxes then click OK. This will create a 215 by 215px shape. Fill it with R=65 G=64 B=66 then open the fly-out menu of the Appearance panel and click on Add New Fill. This will add a second fill for your shape. Select it from the Appearance panel and make it black. Return to the first fill, select it and go to Effect > Stylize > Inner Glow. Enter the data shown below, click OK then move to the second fill. First, lower its opacity to 5% then go to Effect > Artistic > Film Grain. Enter the data shown and click OK. Now, your shape should look like in the image below.

Step 2

Add a third fill for your shape. Select it from the Appearance panel, move it below the existing fills and use the linear gradient shown below. The white numbers from the gradient image stands for Location percentage. With this fill selected go to Effect > Distort&Transform > Transform. Drag the Scale-Horizontal and the Scale-Vertical sliders to 115%, click OK then go to Effect > Stylize > Inner Glow. Enter the data shown in the following image then click OK.

Step 3

Select the fill made in the previous step and click on the Duplicate Selected Item button from the bottom of the Appearance panel. Obviously, this will duplicate the fill made in the previous step. Select this copy, remove the Inner Glow effect then lower its opacity to 25% and change the blending mode to Overlay. Next, you will need a nice pattern for this fill. Open the fly-out menu of the Swatches panel and go to Open Swatch Library > Pattern > Basic Graphics > Basic Graphics_Textures. A new window with a group of cool patterns should open. Make sure that the newest fill is selected and click on the USGS 21 Intraticate Surface pattern. Now, your shape should look like in the image below.

Step 4

Add a new fill for your shape and make sure that it is placed in the top of the Appearance panel, above all other fills. Select it, use the linear gradient shown below then go to Effect > Distort&Transform > Transform. Drag the Scale-Horizontal and the Scale-Vertical sliders to 83% and click OK.

Step 5

Duplicate the fill made in the previous step. Select this new fill. Replace the exiting gradient with the one shown in the following image then open the Transform effect (from the Appearance panel) and drag the slider to 82,5%.

Step 6

Again, duplicate the fill made in the previous step. Select this new fill, replace the linear gradient with the color shown below (R=35 G=35 B=40) then open the Transform effect and drag the sliders to 79%.

Step 7

Once again, duplicate the fill made in the previous step. Select this new fill, replace the color with the linear gradient shown below then open the Transform effect and drag the sliders to 76%.

Step 8

One more time, duplicate the fill made in the previous step. Select this copy, replace the gradient with the color shown below (R=40 G=40 B=40) then open the Transform effect and drag the sliders to 74%.

Step 9

One last time, duplicate the fill made in the previous step. Select this fresh fill, set its color at R=65 G=64 B=66 then open the Transform effect. Drag the sliders to 70%, click OK then go to Effect > Stylize > Inner Glow and enter the data shown below.

Step 10

Make two copies of the fill made in the previous step. Select each of these new fills, remove the Inner Glow effect then use the radial gradient shown below. The yellow aero from the gradient image stands for Opacity percentage.

Step 11

Duplicate one of the fills made in the previous step. Select this new fill, replace the gradient with the USGS 7 Vineyard pattern then duplicate it. Select this new fill, lower its opacity to 15% and replace the pattern with the color shown below (R=35 G=31 B=32).

Step 12

Duplicate the first fill made in the previous step (the one with the pattern). Select this new fill, move it in the top of the Appearance panel, replace the pattern with the color shown in the following image (R=40 G=40 B=40) then open the Transform effect and drag the sliders at 20%.

Step 13

Again, duplicate the fill made in the previous step. Select this fresh fill, replace the color with the linear gradient shown below then open the Transform effect and drag the sliders at 16%.

Step 14

Once again, duplicate the fill made in the previous step. As usual, open the Transform effect and drag the sliders to 15% then replace the existing gradient with the one shown in the following image.

Step 15

Now, it’s time to add some strokes. Add a 0.5pt, white stroke. Lower its opacity to 30% then open the Stroke panel (Window > Stroke) and click on the Align to Outside button.

Step 16

Select your shape, open the fly-out menu of the Appearance panel and click on Add New Stroke. This will add a new stroke for your shapes. Select it and set the color at R=128 G=130 B=133. Align it to outside, lower its opacity to 50% then go to Effect > Distort&Transform > Transform. Enter 100,5 in the Scale-Horizontal and Scale-Vertical boxes then click OK. Select this fresh stroke and click on the Duplicate Selected Item button from the bottom of the Appearance panel. Obviously, this will create a copy of the selected stroke. Select it, raise its opacity to 100%, set the color at R=147 G=149 B=152 then open the Transform effect and drag the sliders to 114%.

Step 17

Duplicate the last stroke made in the previous step. Select this fresh stroke and make it 6pt wide. Set the color at R=65 G=64 B=66 then open the Transform effect and drag the sliders at 104%. Next, open the Stroke panel. Click on the Round Cap and Align to Outside buttons then check the Dashed Line box and enter 0 in the dash box and 113 in the gap box. With this stroke still selected add the Inner Glow (Effect > Stylize > Inner Glow) and the Drop Shadow (Effect > Stylize > Drop Shadow) effects shown below.

Step 18

Duplicate the stroke made in the previous step. Select this new stroke. Remove the Inner Glow and the Drop Shadow effect then go to the Stroke panel. Enter 0,5 in the dash box and 112,5 in the gap box. Now, it should look like in the image below.

Step 19

Reselect the entire path and go to Effect > Stylize > Drop Shadow. Enter the data shown below then click OK.

Step 20

Finally you can replace the steel frame with a wooden one. All you need to do is replace some patterns, colors and effects as shown in the following image.

Conclusion

Now your work is done. Here is how it should look like.