The Ultimate Photoshop Resource

Segmented tubes in Photoshop Tutorial


Create a new layer and make a retangular selection.



Select the linear gradient tool and the copper gradient.

Screen Shot 2014-10-18 at 11.40.33 AM


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


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


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)


And we now have a shiny Chrome pipe..

Screen Shot 2014-10-18 at 11.17.22 AM


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


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


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


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 


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.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource