Create a Shiny Paint Bucket Icon | Photoshop Tutorial

In this tutorial you will Learn how to create a simple three dimensional icon of a paint bucket complete with paint splotches with this colorful tutorial. Harnessing the power of paths, layer effects and consistent lighting we will obtain an effective, shiny icon.
Final Image Preview

final Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Tutorial Details

  • Program: Adobe Photoshop CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: 30 minutes

Step : 1

First open a new blank document with width 512px  and height 512px . Create an ellipse above the center and to the left and name it “outer rim” (1a). Make two copies and scale them down (1b). Name the first “inside.” Move the other copy down, naming it “bottom” (1c).

1 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 2

Again create a new copy of the smaller ellipse and make it yellow, which will make the paint’s surface (2a). Position it inside the bucket, erasing the unnecessary pixels (2b). Name this layer “paint.” Now make a rectangular selection with the Marquee Tool (M) on the “bottom” layer and fill it to complete the bucket (2c). With the “bottom” layer selected hit Command + T to invoke the Free Transform Tool. Right-click and choose Perspective. Now drag the bottom corners towards the center to apply the correct perspective deformation (2d).

2 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 3

Let’s shade the bucket. Light will come from the right side. Apply a Gradient Overlay (3a) and an Inner Glow (3b) layer effect to the “bottom”. The base color is a medium gray with lighter bands that simulate reflections, as shown below.

3 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 4

Double-click the “outer rim” layer to open the Layer Style window and apply Inner Glow (4a). On a new layer below, paint a shadow for the rim using a big, soft brush. Choose black and paint lightly with one single stroke, following the rim’s curve. Shadow layers are always set in Multiply mode with their opacity turned down (4b). Name this layer “rim shadow.”

4 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 5

Select the “inside” layer. Apply Gradient Overlay (5a) to make it look metallic and apply Inner Shadow (5b). The shadow is projected by the rim onto the inside, from the right side.

5 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 6

We need to add a highlight to the top part of the rim since that spot is directly exposed to the light. To do that duplicate the “inside” layer (6a). With the Direct Selection Tool (A) select and erase the bottom point (6b). We will paint this path with a white stroke. Hit D to select the default black and white colors then X to swap them so white is in the foreground. Now activate the Brush Tool with B then hit F5 to bring up the Brushes palette and set up the brush according to image 6c.

Now in the Paths palette right-click the active path and choose Stroke Path. A dialog will appear: choose Brush and check the option Simulate Pressure (6d). You will see that the path is now a brush stroke that is tapered at the endpoints. Since it’s too faint let’s duplicate it, moving the copy a few pixels up, just enough to thicken the stroke (6e). Merge these two layers into one and name it “rim reflection.” The final touch is to blur the highlight with the Gaussian Blur filter, set to 1 pixel (6f).

6 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 7

Select the “paint” layer and add an Inner Shadow style (7a). Duplicate this layer, name the copy “paint reflection,” and move it down (7b). With this layer still selected, Command-click the “paint” layer, thus loading its pixels as a selection, then go to Layer > Layer Mask > Reveal Selection to mask out the unnecessary pixels.

We need to move the paint’s shadow above the “paint reflection.” Right-click the “paint” layer and choose Create Layer. This turns the Inner Shadow layer style into a separate layer (7c). Command-click the “paint” layer and apply this mask to the shadow (7d). On the “paint” layer add an Inner Glow layer style to simulate thickness at the seams (7e).

Create a new layer and select the same soft brush we used to paint the rim’s shadow. Press down Alt and hold it: the cursor will change from brush to eyedropper. Click on the “paint” layer to sample its tint, release Alt and paint a color bleed across the left hand side of the bucket (7f). Name this layer “bleed,” move it below the “paint” layer and reduce its Opacity to 50% (7g). Nice color variation!

7 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 8

Let’s draw the paint splashes now. Grab the Pen Tool (P) and be creative (8a). Give the paint some shadow (8b). Paint is reflective so we need to draw some highlights with the Pen Tool (8c, 8d). These paths will be of course lighter. Name them “refl 1″ and “refl 2.”

Let’s add the final highlight. With the Lasso Tool (L) select the right half of the “refl 2″ layer (8e), then go to Layer > New > Layer Via Copy or simply hit Command + J. Add a nice Gradient Overlay to this highlight (8f). Now the paint splash reflects the environment (8g).

8 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 9

Create a background (simple gradient) and a shadow (blurred black ellipse) for the icon. Pick the colors you like (9a). The last element to draw is the handle. On a new layer draw a dark gray ellipse on the left side of the bucket (9b). Add three layer styles: Satin (9c), Drop Shadow (9d), and Gradient Overlay (9e).

9 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step 10

Make a tiny copy of this ellipse and give it an Inner Shadow style: it’s the hole for the handle (10a). Now draw the handle with the Pen Tool (10b) and name it “handle.”

Stroke it with a dark gray brush like we did before for the rim reflection, but this time uncheck the Simulate Pressure option. Erase the unnecessary pixels so it looks like the handle is coming out of the hole (10c). Add a Satin style to the handle (10d).

10 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Step : 11

Finally let’s create the shadow from the handle. Add a Drop Shadow style (11a), create a layer from it, see Step 7 for information on this technique (11b). Move the shadow layer down a bit, then scale it vertically so it touches the base of the handle (11c). Erase the unnecessary pixels (11d) and you’re done!

11 Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Final Preview

final Create a Shiny Paint Bucket Icon | Photoshop Tutorial
FOLLOW US
Comments
  1. Glenn Vangyi

    So not really on the same topic as your post, but I found this today and I just can’t resist sharing. Mrs. Agathe

  2. Georgann Demetriou

    thanks !! very helpful post!

  3. NadeemSMB

    keep in touch with us…………….

  4. Apple Ipod

    This blog look’s awesome and the information is dead on! I am sure glad I came across yours because I was just about to give up on mine!

  5. seo

    Hi, nice site. I look forward to your next article. Thank you, Jessica

  6. NadeemSMB

    thanks for your interest with us…….. keep in touch with us I hope you will find more useful articles …………………….

  7. Jeffrey Dustin

    Hey this blog is great. I’m looking forward to reading more.

  8. Latricia Mcpherson

    hey this blog is great. I’m glad I came by this blog. Maybe I can contribute in the near future.

  9. Ivan Coiner

    Main Card (On Pay-Per-View):

  10. Robert

    I’ve been searching all over for this! Thank God I found it on Google.

    Thank you!

  11. NadeemSMB

    Thanks

  12. Neimi

    great work Nadeem i really appreciate ur work

  13. NadeemSMB

    Thanks buddy for appreciating my work carry on connecting with us

  14. Victorinox

    Hi First time skipped here on your site, founde on Bing.

  15. payday loans

    I want to thank the blogger very much not only for this post but also for his all previous efforts. I found http://www.buildtutorial.com to be greatly interesting. I will be coming back to http://www.buildtutorial.com for more information.

  16. Arlette Siciliano

    hey, your post

  17. Laquanda Garding

    I just couldnt leave your website before saying that I truly loved the high quality info you provide to all your visitors. Would be back frequently to check up on new information in you post!

  18. Mike

    So very, very true!

  19. currency exchange rates

    Hello I would love to know where you got this site template from I adore it!

  20. Staebler

    Bonjour I would like to find out where you got this site template from I adore it!

  21. Vandegriff

    Good day from Russia! Will it be possible for me to quote a submit in your blog with the link to you? I’ve tried contacting you about this issue however it seems i cant reach you, please response when have a time, thanks.

  22. Healys Shoes

    Huh that was weird, my comment got eaten. Anyway I wanted to tell you that it’s nice to know that somebody else also touched on this as it was troublesome finding the same info elsewhere. Yours was the first place that shed some light on this subject for me. Thanks.

  23. Suran

    Hi I would love to find out where you got this blog template from I adore it!

  24. admin

    You can contact us by this link http://www.mobidhoom.com/contact/

  25. Styles

    This is an amazing entry. Thank you very much for the outstanding post provided! I was looking for this entry for a long time, but I wasn’t able to find a trustworthy source.

  26. Leota Paillant

    omg a number of the feedback most people make are such stoner remarks, now and again i question whether they honestly read the content pieces and reports before posting or if perhaps they basically skim the titles and publish the first thing that comes to mind. anyway, it’s pleasant to read through clever commentary tutorials now and then compared to the exact same, outdated post vomit which i usually notice on the internet.

  27. Fringuello

    I just couldnt leave your website before saying that I genuinely liked the quality information you offer for your visitors. Would be back often to check up on new stuff in you article!

  28. admin

    Thanks. You should subscribe our feeds to keep in touch.

  29. Anthony

    I imagine it is. Very good stuff, glad I found this.

  30. web2mayhem

    Hi there I like your post

  31. Marcell Buhrke

    Hehe — I had to read it twice, but I finally got it :P

  32. Vehicle Guide & Info

    Remarkable post full of useful tips! My site is fairly new and I am having a baffling time getting my subscribers to leave comments. They are coming to the web site but I have the impression that “nobody wants to be first”.

  33. Juncker from yahoo.com

    I’m impressed!After reading your post I can tell you are chuffed about your writing. If only I had your writing ability. I look forward to more updates and will be returning.Cheers!

  34. Brain Stoffregen

    I’ve been searching for this precise info on this topic for a while.  Bookmarked and recommended!

  35. Island Vacations

    I’m occupying with this theme and I think I am going to advantage from this message. Thank you extremely much

  36. Cody Mosinski

    I have read a few of the articles on your website now, and I really like your style of blogging. I added it to my favorites blog page list and will be checking back soon. Please check out my site as well and let me know what you think.

  37. Blythe Krapf

    well written article, i just bookmarked it to read later. i’d like to check on future articles. how can i configure the RSS again? thanks!

  38. Michale Maltos

    This is a terrific posting, I found your webpage searching bing for a similar subject and came to this. I couldnt get to much alternative information on this blog post, so it was nice to locate this one. I will certainly be returning to look at some other articles that you have another time.

  39. Manda Siemonsma

    Terrific site, where did you come up with the knowledge in this article? I’m glad I found it though, ill be checking back soon to see what other articles you have.

  40. Phyllis Friis

    Lots of top insight you’ve listed here.

  41. Vernia Bjorkman

    This is a very important post, I was looking for this information. Just so you know I found your webpage when I was browsing for blogs like mine, so please check out my site sometime and leave me a comment to let me know what you think.

  42. Ilona Kinder

    This is a good article, I was wondering if I could use this post on my website, I will link it back to your website though. If this is a problem please let me know and I will take it down right away.

  43. Hiedi Hausen

    This is a superb posting, I found your website researching google for a related subject and arrived to this. I couldnt discover to much other information on this write-up, so it was wonderful to find this one. I will probably end up being returning to check out some other articles that you have another time.

  44. Gerardo Rayl

    Excellent piece of writing, this is very similar to a site that I have. Please check it out sometime and feel free to leave me a comenet on it and tell me what you think. Im always looking for feedback.

  45. Watch Movies

    I love it!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.