Try Tuts+ Premium, Get Cash Back!
Create a Flowerpot From Scratch in Photoshop

Create a Flowerpot From Scratch in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS4+
  • Difficulty: Advanced
  • Estimated Completion Time: 2 Hours
Download Source Files

Final Product What You'll Be Creating

In this tutorial, I will show you how to create a flowerpot from scratch using several techniques in Photoshop.


Step 1

Begin by creating a New Document 450 px x 600 px with subtle a gradient background.


Step 2

Create a group called “Pot”. Inside this group, create a New Layer called “Top”. Use the Ellipse Tool to make an oval shape that will become the top of our flowerpot. Fill with any color (I’ve used #5b5b5b).


Step 3

Create a New Layer called "Band” and place it below “Top”. Use a combination of the Ellipse Tool and the Rectangle Tool to make the shape of the pot’s band. Use a different shade of gray to make it easier to identify the pieces.


Step 4

Create a New Layer called “Base” and place it below “Band”. Use the same techniques to create the base of the pot.


Step 5

On a new layer called “Color”, above the “Base” layer”, create a rectangle that covers up the entire shape, and fill with the gradient shown. Add Noise with a setting of .8%. Next, Alt + Click in between the two layers to make it a clipping layer.


Step 6

Copy the “Color” layer and paste it above each shape. Make each of these a clipping layer. When you’re done, you can tweak each “Color” layer to fit the shape better by using Transform (Command/Ctrl + T).


Step 7

Use the Burn Tool on the “Color” layer above the “Base” layer to add depth.


Step 8

On a new layer called “Inner Circle”, make an elliptical shape and fill it with gray. Just like the other shapes, we want to add a new clipping layer (name this layer “Inner Color”) that has a gradient color on it. Only this time, make a darker gradient to resemble the shadows inside the pot.


Step 9

To make the pot smoother, start by selecting the “Inner Circle” layer and use the Blur Tool to blur the top edge slightly. Next, create a New Layer called “Edge” and use a feathered brush to paint in a lighter clay color (I used #E2B398) around the outer edge in the area shown below (indicated in green). Set this layer to Screen and change the Opacity to 78%.


Step 10

To make the dirt, we will need to add another clipping layer. To do this, select the “Inner Color” layer and press Command/Ctrl + Shift + N to bring up the New Layer dialogue box and make sure “Use Previous Layer to Create Clipping Mask” is checked. Name this new layer “Dirt”.


Step 11

To create some dirt, first draw in a shape with a dark brown color. Give this layer some Noise set to 30%. Next, Add Filter > Noise > Median with a radius of 1 px. Now, add some more Noise with a setting of 25%. Lastly, duplicate this layer, still keeping it a clipping layer, and set its Blending Mode to Multiply. Use the Dodge and Burn Tools on the original “Dirt” layer to add highlights and shadows.


Step 12

Go back to the clipping layer called “Inner Color” and use the Burn Tool to add some shadows on the inside of the pot from the dirt.”


Step 13

Next, we are going to create the stem. To prepare for this, create a group called “Flower” and inside this group, create another group called “Stem”. On a new layer, use the Brush Tool (B) to draw in a green stem. Add a Bevel and Emboss to this layer. Use the Burn Tool to add some shadows near the top and bottom of the stem.


Step 14

Make sure your foreground and background colors are set to black and white. On a new layer, create a white box and go to Filter > Render > Fibers and give it the following settings.


Step 15

Warp the fibers so that they appear to follow the shape of the stem and make the layer a clipping layer. Set the Blending Mode to Overlay and the Opacity to 28%.


Step 16

To create the flower, we first need to start by creating a New Group called “Petals.” Inside this group, create a New Layer called “Single Petal” and draw a basic shape of a flower petal with a light purple color.


Step 17

On a new clipping layer to the layer “Single Petal” use a feathered brush set to Dissolve to paint in some noise with a darker purple color. Next, give this layer a Motion Blur and Angle of 90 degrees and a Distance of 51 px. Next, add Noise set to 4.8% and Gaussian Blur set to 1.2 px.


Step 18

Transform (Command/Ctrl + T) this layer so that the texture appears to follow the shape of the petal. When you’re done, merge these layers together; make sure to keep the name “Single Petal”.


Step 19

As of now, the petal looks a little flat. To fix this, make a copy of the petal and Desaturate it (Command/Ctrl + Shift + U). Next, go to Filter > Stylize > Emboss and add the settings shown below. Set this layer’s Blending Mode to Overlay.


Step 20

Go back to the “Single Petal” layer and use a different shade of purple to paint in some more texture (refer to image). Merge the two layers together.


Step 21

Make copies of the “Single Petal” layer to arrange the petals in the shape of a flower (use Alt + Click on your canvas to make copying quicker). Don’t worry about the hole in the center, we’ll fix that later.


Step 22

Merge all the petals together and rename the layer to “Flower”. Use the Transform Tool to skew the layer into perspective. Move the flower in place.


Step 23

Use the Liquify Filter (Filter > Liquify) to distort the edge of the flower to give it a more organic feel. I’ve also painted in the backside of the flower where the petal may be lifted enough to expose it.


Step 24

Use the Dodge and Burn Tools to add some shadows and highlights to this layer. The image below illustrates some of the areas I focused on.


Step 25

To complete the center of the flower, I used the Polygonal Marquee Tool to separate the top and bottom half of the flower on to two separate layers. I then used the Liquify Filter (Filter > Liquify) to pull down the center of the flower. Use the Burn Tool to add depth and then merge the two layers back together when done.


Step 26

To create the stamen that goes in the center of the flower, we want to start by creating a new group called “Stamen.” Inside the group, create a new layer and with a small, light yellow brush, draw in a few lines as shown. Use the Burn Tool to add shadows near its base. When you’re done give it a Bevel and Emboss.


Step 27

On a new layer, repeat that last step to add more stamen to give this more depth. Erase the bottoms of the Stamen to make them appear to go in to the flower.


Step 28

To create the tips of the stamen (known as the Anther), create a new layer called “Anther” and paint in blobs of a light yellow color.


Step 29

Add the following Layer Styles the “Anther” layer.


Step 30

The last thing we will add is a leaf. Start by making a copy of the “Stem” group. Right Click the group and select “Merge Group”. Place this layer below the original “Stem” group. Go to Edit > Transform > Flip Horizontal and then Scale and Warp this layer into position.


Step 31

Next, create a New Group called “Leaf”. On a new layer, create an inverted heart shape in green. Make a copy of this layer and use Levels (Command/Ctrl + L) to lighten this copy.


Step 32

Use the Eraser Tool (E) on the copied layer to erase lines resembling the veins of a leaf (this will allow the darker leaf to show through). Open up the Layer Styles and add a Bevel and Emboss to this layer.


Step 33

Merge both leaf layers together and Rotate and Scale (Command/Ctrl + T) it into position and rename the layer “Merged Leaf”.


Step 34

Use the Liquify Filter (Filter > Liquify) to manipulate the edges of the leaf, just like we did with the flower petals.


Step 35

Use the Dodge and Burn Tools to add some more definition to the leaf.


Step 36

Copy a portion of the leaf and paste it to a new layer below the “Merged Leaf”. Use this piece of the leaf to fill in any parts of the leaf that appear to curl up and expose the underside. If needed, use the Eraser Tool (E) to trim the shape.


Step 37

To add some shine to the leaf, create a new clipping layer to the “Merged Leaf” layer and fill with white. Double click this layer to open the Layer Styles and adjust the Blend If sliders as shown. By moving the Blend If: Underlying Layer slider, you can control how hard and soft you want to blend the white layer over the leaf’s light or dark values.


Step 38

To finish up the leaf, use the Burn Tool to add some additional shadows to the leaf.


Step 39

To complete the image, I added a shadow and reflection. To create the shadow, use the Ellipse Tool to make a black ellipse under the base of the pot, then use a combination of the Motion blur and Gaussian Blur filters to blur it. Adjust the shadow’s Opacity. For the reflection, simply merge a copy of the pot into one layer and flip vertically. Reposition this layer and adjust its opacity for the illusion of a reflection.


Final Image

  • Aehdee

    Looks Good .

  • Alex

    Great!

  • Devin

    This is a really really great looking tut. Nice job and a good read.

  • http://www.psd-dude.com PsdDude

    cute idea!!!

  • http://www.designioustimes.com Doink

    I love the way you pulled out those flower petals! The fibers trick is really clever :D

  • Aadee

    owsm tuts…..

    thnx fo sharing

  • http://somedesignblog.com Some Design Blog

    Great tutorial! Nice work on the textures in this illustration, it really adds a lot to it, and increases the realism of the end result.

  • http://www.designpanoply.com Design Panoply

    Very cool! Simple but very effective and good looking techniques. This shows off how well the dodge and burn tools work to make things more 3D if you know a little bit about shading.

    Let’s see more like this :)

  • http://www.culte-musulman.com/ Musulman

    Very realist render !! Good work guys ;)

  • http://psdgraphics.iulzi.com/ iulzi

    Nice and simple, thanks for sharing.

  • http://twenstudio.com TWEN STUDIO

    Good Job you can add another Flower!

  • exarion

    wow, some really nice techniques!

  • http://www.psdartist.com Chris

    NIce render.

  • http://mokshasolutions.com Moksha

    really very good tutorial, but its hard also :)

    thanks for it. will give it a try

  • Jack

    Dirt doesn’t look very realistic and/or good. Otherwise, nice result.

  • chris

    This is wonderful tutorial. very detailed and I learned quite a bit. many thanks.

  • http://www.drivingtorussia.com davide scalzo

    very impressive! lots of tricks that i did not know before))) thanks for sharing this

  • vipin

    Great sir. Thank u

  • Jaccob

    WOW! This is great. The leaf looks REAL :)

  • http://www.goodlink24.com denisp

    very creative work. especially good for high demand graphics work.

  • Prisell

    Bravo!

  • PRASAATH

    Dude can u pls tell me How can i combine Ellipse Tool and the Rectangle Tool ?

    • http://stephenpetrany.com Stephen G. Petrany
      Author

      Hold Shift to add selections (Opt/Alt will subtract)

      • Ian Len

        what do you mean by adding to the selection? does it involve warping a shape like in illustrator?

      • Ian Len

        nevermind. i got it!

    • Ian Len

      yea same. How do you combine the 2 tools

  • Duuude

    VERY impressive and detailed tutorial, thank you!
    Drawing is really my weak side and tuts like this make it possible – even for me – to illustrate something.

  • Alam Chowdhury

    This tutorial is highly classified, but it is so hard to gather full knowledge about full tutorial.
    Also It’s nice, attractive and eye catching tutorial.

  • http://hype-media.de Nico

    I don’t like how the dirt and the pot look, but in all honesty, the flower is amazing! Very, very cool idea on how to do that! Thanks a ton!

  • BB

    Wonderful demo and so many steps. Nice work.

  • http://www.kreatech.net Ejaz

    Great use of dodge and burn tool

  • http://www.behance.net/LeGrandOurs nathan

    Nice but why not use photoshop CS5 3D tool to make the pot ;)

  • sami khan

    very cool working end so nice..

  • http://www.projectwoman.com Helen Bradley

    Cool work Stephen. I like your use of Filters and the Layer Style used to add texture to the leaf was amazing.

    Thanks for posting.

    Helen

  • jadesyeban

    nice demo..easy to follow steps..brilliant way of using dodge and burn tool..thanks a ton..

  • Dana T

    This is the best work/Tut I’ve seen here yet. Very impressive! You really have a handle on the tools. Are you available for onsite training/classes at our firm?

  • Bilal Ahmed

    This is the best tutorial i am really empress this tutorial
    and you are really guru Thanks!

  • _neo_

    Thank you for great tutorial.
    I’ve done it. Learn a lot of things from this tut.

  • sam

    beautiful, you make it look so easy…