The Ultimate Photoshop Resource

Customer Support

Here is my Version of the ever popular Segmented Pipes photoshop tutorial. A staple for interfaces.Enjoy

Segmented tubes in Photoshop Tutorial

1.

Create a new layer and make a retangular selection.

pipes

2

Select the linear gradient tool and the copper gradient.

Screen Shot 2014-10-18 at 11.40.33 AM

3

Drag from the top to the bottom of the selection, you now have a copper pipe. (Tip: hold down the short key for a perfectly vertical line)

Screen Shot 2014-10-18 at 11.40.51 AM

4

For this excercise we want a chrome pipe, so suck all the color out by going Shift+Ctrl/Cmd+U to desaturate the image. Or select desaturate from the menu.

Screen Shot 2014-10-18 at 11.41.02 AM

5

Now to make it more shiny chrome, open our famous curves box and use a similar curve.

Screen Shot 2014-10-18 at 11.12.40 AM

Typically, I would recommend using adjustment layers, in this case, it’s ok to apply the       curve directly onto the image. (Ctrl/Cmd+M)

6

And we now have a shiny Chrome pipe..

Screen Shot 2014-10-18 at 11.17.22 AM

7

To add the segments: Create a new layer and draw a 2 pixel line in black. (use the line tool in the pixel mode) If the selection is still active, you won’t have to trim the lies later.

Screen Shot 2014-10-18 at 11.18.27 AM

8

Duplicate the layer Ctrl/Cmd+J and press Ctrl/Cmd+I to invert the color (making the copy white), press the right keyboard arrow key 2x to nudge the white line over. Change it to overlay mode in the layer mode menu (optional).

We now have a realistic looking indent in the pipe.

Screen Shot 2014-10-18 at 11.18.39 AM

9

Select the 2 lines and Ctrl/Cmd+E to merge into a single layer

Screen Shot 2014-10-18 at 11.19.35 AM

Screen Shot 2014-10-18 at 11.19.46 AM

10

Alt/Option+Shift and drag the lines to duplicate them along the pipe.

If you are using Photoshop CC 2014 or newer, you will notice the smart guides will tell you when you have exactly the same distance between lines as you duplicate and drag them out.

Screen Shot 2014-10-18 at 11.20.24 AM

Screen Shot 2014-10-18 at 11.20.26 AM

Screen Shot 2014-10-18 at 11.20.42 AM 

Final

Here is a finished one with some color and a reflection added

Screen Shot 2014-10-18 at 11.23.25 AM

Download the final PSD here for you to examine

Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.

Colin Smith

Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

More Posts

Popular Premium

Colin Smith

About Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

Leave a Reply

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