Create a Shiny Paint Bucket Icon | Photoshop Tutorial

Create a Shiny Paint Bucket Icon | Photoshop Tutorial

- in Photoshop
7
46

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

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).

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).

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.

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.”

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.

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).

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!

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).

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).

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).

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!

Final Preview


46 Comments

  1. 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. keep in touch with us…………….

  4. 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. Hi, nice site. I look forward to your next article. Thank you, Jessica

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

  7. 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. Main Card (On Pay-Per-View):

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

    Thank you!

  11. Pingback: Conner Lee

  12. great work Nadeem i really appreciate ur work

  13. Thanks buddy for appreciating my work carry on connecting with us

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

  15. 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. 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!

  17. So very, very true!

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

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

  20. 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.

  21. 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.

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

  23. 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.

  24. 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.

  25. 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!

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

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

  28. Hi there I like your post

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

  30. 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”.

  31. 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!

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

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

  34. 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.

  35. 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!

  36. 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.

  37. 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.

  38. Lots of top insight you’ve listed here.

  39. 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.

  40. 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.

  41. 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.

  42. 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.

  43. I love it!

Leave a Reply

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


*