TUTORIALS • FOUNDATIONS
Rendering a Matte Cylinder and Tube in Photoshop
Rendering a basic cylinder in Photoshop is a foundational exercise for mastering the Brush tool and expanding your structural precision with vector paths.
In this tutorial, we will construct a matte (non-reflective) cylinder and a hollow tube. The structural logic used here scales directly to complex medical and anatomical assets, such as blood vessels or surgical tools—the only difference lies in the time spent refining textures, reflected light, and internal cavities.
The Studio Toolbox
Photoshop Tools
Before we begin, ensure you are familiar with these core tools:
Ellipse Tool (
UorShift + U): Set to "Path" in your top options bar.Drag to pull out an ellipse. Opt/Alt + Drag to pull from the center.
Pen Tool (
P): Used to draw straight or curved vector lines.Path Selection Arrows (
AorShift + A): * Black Arrow: Selects and moves whole paths.White Arrow (Direct Selection): Selects and adjusts individual anchor points to refine your drawing.
Free Transform (
Cmd/Ctrl + T): Modern PS Update: Dragging a corner scales proportionally by default. HoldShiftif you actively want to stretch or distort the shape's proportions.Combine Shapes: A setting in the top options bar used to merge multiple overlapping paths into a single fillable shape.
Brush Tool (
B) & Lock Transparent Pixels: The essential combination for clean, dimensional rendering.
The Studio Toolbox
Photoshop Tools
Before we begin, ensure you are familiar with these core tools:
Ellipse Tool (
UorShift + U): Set to "Path" in your top options bar.Drag to pull out an ellipse. Opt/Alt + Drag to pull from the center.
Pen Tool (
P): Used to draw straight or curved vector lines.Path Selection Arrows (
AorShift + A): * Black Arrow: Selects and moves whole paths.White Arrow (Direct Selection): Selects and adjusts individual anchor points to refine your drawing.
Free Transform (
Cmd/Ctrl + T): Modern PS Update: Dragging a corner scales proportionally by default. HoldShiftif you actively want to stretch or distort the shape's proportions.Combine Shapes: A setting in the top options bar used to merge multiple overlapping paths into a single fillable shape.
Brush Tool (
B) & Lock Transparent Pixels: The essential combination for clean, dimensional rendering.
Step 1:
The Blueprint
Sketch a cylinder in perspective, keeping the rules of 1, 2, or 3-point perspective in mind.
Place your sketch in your Photoshop document as the top layer.
Set the sketch layer's Blend Mode to Multiply. This allows you to see your underlying linework while you lay down digital paint.
Step 1:
The Blueprint
Sketch a cylinder in perspective, keeping the rules of 1, 2, or 3-point perspective in mind.
Place your sketch in your Photoshop document as the top layer.
Set the sketch layer's Blend Mode to Multiply. This allows you to see your underlying linework while you lay down digital paint.
Step 2:
Vector Architecture
We will use overlapping paths to create a mathematically clean base for our cylinder.
The Front Cap (Ellipse 1): Use the Ellipse tool (
U) to create a path matching the visible cap. Transform to the correct degree and orientation.The Back Cap (Ellipse 2): Create a second ellipse for the far end. Perspective Note: Unless your cylinder is in 1-point perspective and totally parallel to you, the back ellipse will maintain the same orientation but will have a slightly larger degree (it will look "rounder") and a slightly smaller overall scale as it recedes in space.
The Body (Path 3): Use the Pen Tool (
P) to draw a connecting path between the two ellipses. Connect them at their widest tangent points.
Pro-Tip: Ensure Path 3 overlaps Ellipse 2 generously. They do not need to align perfectly on the inside, as long as the outer silhouette is correct.
Step 2:
Vector Architecture
We will use overlapping paths to create a mathematically clean base for our cylinder.
The Front Cap (Ellipse 1): Use the Ellipse tool (
U) to create a path matching the visible cap. Transform to the correct degree and orientation.The Back Cap (Ellipse 2): Create a second ellipse for the far end. Perspective Note: Unless your cylinder is in 1-point perspective and totally parallel to you, the back ellipse will maintain the same orientation but will have a slightly larger degree (it will look "rounder") and a slightly smaller overall scale as it recedes in space.
The Body (Path 3): Use the Pen Tool (
P) to draw a connecting path between the two ellipses. Connect them at their widest tangent points.
Pro-Tip: Ensure Path 3 overlaps Ellipse 2 generously. They do not need to align perfectly on the inside, as long as the outer silhouette is correct.
Step 3:
Establishing the Fill
Fill the Front Cap: Create a New Layer. Double-click your Foreground Color and choose a light grey. Select Ellipse 1 with the Black Arrow. In your Paths Panel, click the solid circle at the bottom ("Fill path with foreground color").
Fill the Body: Create a second New Layer. Select both Ellipse 2 and Path 3 using the Black Arrow (hold Shift to select both).
Along the top options bar, change the Path Operations setting to "Combine Shapes".
Click the "Fill path" circle in the Paths Panel. Both paths will fill as one unified shape.
In your Layers Panel, drag the "Body" layer below the "Front Cap" layer so the cap sits cleanly on top.
Step 3:
Establishing the Fill
Fill the Front Cap: Create a New Layer. Double-click your Foreground Color and choose a light grey. Select Ellipse 1 with the Black Arrow. In your Paths Panel, click the solid circle at the bottom ("Fill path with foreground color").
Fill the Body: Create a second New Layer. Select both Ellipse 2 and Path 3 using the Black Arrow (hold Shift to select both).
Along the top options bar, change the Path Operations setting to "Combine Shapes".
Click the "Fill path" circle in the Paths Panel. Both paths will fill as one unified shape.
In your Layers Panel, drag the "Body" layer below the "Front Cap" layer so the cap sits cleanly on top.
Step 4:
Sculpting with Light
Now we paint the form shadow to give the cylinder volume.
Select the "Body" layer.
Click the Lock Transparent Pixels icon (the small checkerboard in the Layers panel) so your brushstrokes only affect the existing shape.
Select the Brush Tool (
B), choose a large, soft-round brush, and pick your shadow value.Paint a smooth shadow along the length of the cylinder.
Note: The transition should not extend across the entire shape; it should only transition where the shadow wraps around the edge of the physical form, accurately suggesting your light source.
Step 4:
Sculpting with Light
Now we paint the form shadow to give the cylinder volume.
Select the "Body" layer.
Click the Lock Transparent Pixels icon (the small checkerboard in the Layers panel) so your brushstrokes only affect the existing shape.
Select the Brush Tool (
B), choose a large, soft-round brush, and pick your shadow value.Paint a smooth shadow along the length of the cylinder.
Note: The transition should not extend across the entire shape; it should only transition where the shadow wraps around the edge of the physical form, accurately suggesting your light source.
Step 5:
Creating a Hollow Tube (optional)
Turning a cylinder into a tube requires just one extra step of internal logic.
Select your front cap ellipse, copy it, and paste a duplicate in place.
Scale it down slightly (
Cmd/Ctrl + T) to define the wall thickness of your tube.Create a New Layer and fill this inner ellipse.
Lighting Logic: Lock Transparent Pixels on this new layer. If the opening faces the shadow side of your scene, fill it with a flat, dark value. If it faces the light side, use your soft brush to paint a gradient in the opposite direction of your exterior body shadow to simulate light hitting the inner wall.
Step 5:
Creating a Hollow Tube (optional)
Turning a cylinder into a tube requires just one extra step of internal logic.
Select your front cap ellipse, copy it, and paste a duplicate in place.
Scale it down slightly (
Cmd/Ctrl + T) to define the wall thickness of your tube.Create a New Layer and fill this inner ellipse.
Lighting Logic: Lock Transparent Pixels on this new layer. If the opening faces the shadow side of your scene, fill it with a flat, dark value. If it faces the light side, use your soft brush to paint a gradient in the opposite direction of your exterior body shadow to simulate light hitting the inner wall.
Step 6:
Refinement & Cleanup
Evaluate & Adjust: In your Paths panel, click the empty gray space to deselect your active paths, then hide your sketch layer to view your uninterrupted render. If your lighting feels flat, use Levels (
Cmd/Ctrl + L) to push the contrast and ensure your values are bold and readable.Consolidate: Once you are satisfied with the form, select all of your painted shape layers (excluding the sketch), right-click, and choose Merge Layers. Lock this newly merged layer to protect your final rendering.
Archive Your Architecture (Studio Best Practice): For a simple exercise, you can delete your "Work Path" by dragging it to the trash icon. However, for complex scientific illustrations, never delete your paths. Instead, double-click the Work Path and rename it (e.g., "Base Architecture"). This saves your vector blueprint permanently within the document, allowing you to instantly generate perfect masks or make precise edits in the future.
Step 6:
Refinement & Cleanup
Evaluate & Adjust: In your Paths panel, click the empty gray space to deselect your active paths, then hide your sketch layer to view your uninterrupted render. If your lighting feels flat, use Levels (
Cmd/Ctrl + L) to push the contrast and ensure your values are bold and readable.Consolidate: Once you are satisfied with the form, select all of your painted shape layers (excluding the sketch), right-click, and choose Merge Layers. Lock this newly merged layer to protect your final rendering.
Archive Your Architecture (Studio Best Practice): For a simple exercise, you can delete your "Work Path" by dragging it to the trash icon. However, for complex scientific illustrations, never delete your paths. Instead, double-click the Work Path and rename it (e.g., "Base Architecture"). This saves your vector blueprint permanently within the document, allowing you to instantly generate perfect masks or make precise edits in the future.
Key Takeaways
Vector Paths for Flawless Silhouettes
Use overlapping vector paths and the "Combine Shapes" feature to establish a flawless base silhouette. Leverage "Lock Transparent Pixels" and a large, soft brush to lay in seamless dimensional lighting.
And now you have a simple, mathematically precise matte cylinder! To push this further, try adding reflected ambient light and a cast shadow.
Key Takeaways
Vector Paths for Flawless Silhouettes
Use overlapping vector paths and the "Combine Shapes" feature to establish a flawless base silhouette. Leverage "Lock Transparent Pixels" and a large, soft brush to lay in seamless dimensional lighting.
And now you have a simple, mathematically precise matte cylinder! To push this further, try adding reflected ambient light and a cast shadow.
Did you find this helpful? Do you have any of your own tips you'd like to share? I'd love to hear about it if you decide to try something new. If you use it differently, I'd love to hear that, too!
-Laura
Did you find this helpful? Do you have any of your own tips you'd like to share? I'd love to hear about it if you decide to try something new. If you use it differently, I'd love to hear that, too!