Jack O’Pacity: Adobe Photoshop CC Tips

With Halloween up on us, many of you may be asked to design something for the holiday. Or maybe you’re feeling caught up in the spirit and you want to take a crack at designing something fun for the holiday. We asked the folks at Adobe to provide some Halloween Photoshop tips. Kevin Bomberry, consultant for Adobe, shares a step-by-step guide on how to carve and print a custom-made 3D printed jack-o’-lantern using Photoshop CC below. 

Before we get started “carving” our Jack-O’-Lantern, you can grab the pumpkin model (PumpkinPSD file) and a very sharp carving knife…(just kidding). Follow the 7 steps below to build and print your own pumpkin.

Step 1—Open the Pumpkin file

First open the Photoshop pumpkin file.

Note: If you weren’t presented with an option to change the 3D workspace, or aren’t in the 3D workspace, I would suggest you switch to it now by clicking on the workspace drop-down menu. This menu is located in the the upper right hand corner — select 3D.

photoshoppumpkin01

Tip: If your windows and panels are laid out though you like them, save off workspace so that you can come back to it when you’re done, or whenever you’d like.

 

Step 2—Show the Pumpkin Scene in the 3D panel

In the Layers panel, click on the layer named Pumpkin Scene, and you should see the pumpkin sitting in the 3D panel.

photoshop-pumpkin02

Tip: You can double-click on the Layer Thumbnail to open the 3D panel.

In the 3D panel you’ll see the basic scene elements, like Environment, Scene, Current View (camera), and an Infinite Light, as well as a the Pumpkin mesh that has four (4) Materials attached to it: Skin, Stem, Top, and Bottom.
Staying relevant in the design industry is key to a long, successful career. Don’t miss the HOW Interactive Design Conference in San Francisco, November 17-19. You’ll explore new tools and strategies to take back to the office – taught by the best in the field. 

Step 3—Pick the Skin material layer

Click on the material layer named Skin. You’ll see the material properties in the Properties panel. Shows us all of the colors and textures being used for the currently selected material. The Diffuse Color set the color of the pumpkin. And there is no texture map loaded for the fuse (the folder icon to the right). Click on the Color Picker to change the color of your pumpkin.

photoshop-pumpkin03

Note: Unless printing in full-color sandstone (via Shapeways), your model will print in the color of the material being used by the 3D printer.

Now, look at Opacity, you’ll notice to the right field that the icon is different than the folder icons above; that’s because there is a texture map (image/Photoshop file) loaded. This is how you’ll be “carving” the pumpkin.

 

Step 4—Open the Opacity Texture Map

Click on the Texture Map icon for Opacity, to the right of the opacity value field, and select Edit Texture.

photoshop-pumpkin-04

Note: When the “opacity” document opens, you’ll see three layers in the Layers panel (Boo, Face, and Background), and the Properties panel is now showing 3D Paint. You’ll also notice that the face is black on white; this is because for Opacity texture maps white is solid, and black is completely transparent.

Tip: You can hide the “Boo” layer, save the file, and switch back to the Pumpkin document to see the changes. The mouth is now open and the words Boo are gone.

Step 5—Start Carving Your Pumpkin’s Face

There are two ways you can carve your pumpkin’s face: with the vector tools (in the Opacity texture map file), or painting on the texture map in the Opacity Texture map file or directly on the Pumpkin model directly.

Before we begin, let’s hide the two layers Boo and Face in the opacity map and make a new layer to work on.

photoshop-pumpkin05

Step 5A—Carving with Shapes and Paths

Carving with shapes when 3D printing gives me a nice hard edge, and you can use all of the vector tools in Photoshop, such as the Shape and Path tools. Simply select the Shape tool, set the Fill Color to black and Stroke Color to None, and draw the shapes you want the face to have.

photoshop-pumpkin05

Note: Keep the face elements near the previous elements, and within the guides for best alignment.

Tip: Save the changes (opacity texture) and switch back to the Pumpkin file to see your results in real-time.

Alternately, you can select the Pen tool and draw a custom shaped, making sure that it’s a close path. Tip: Click on the starting point of the path when you’re done drawing the shape to close it.

You can use as many layers as you want as the Texture properties are using a composite of the (black and white opacity texture) image, and not just any one layer.

Tip: Make folders with various faces and Show/Hide them before saving and switching to make various faces with just the one texture map.

 

Step 5B—Carve with a Brush

You can also “carve” the face using a brush, just remember that you need to have a black and white image, and that shades of gray, or a feathered brush can pose problems and have unexpected results.

Simply make hide the Boo and Face layers in the Opacity texture map, make a new layer and paint in black. That’s it.

photoshop-pumpkin05B

Tip: Make sure your Brush tool options are set to Hardness: 100%, Mode: Normal, Opacity: 100%, and Flow: 100%.

Also, you can Save and switch back to the Pumpkin file to see your changes as you make them.

 

Step 6—Getting Ready to Print

When you finish carving pumpkin and have saved and closed your Opacity texture map, switch back to the Pumpkin file. Select Scene from the 3D panel—this will show you the Scene properties in the Properties panel.

photoshop-pumpkin06ASelect the 3D Print Settings attributes (second icon, similar to a printer, at the top of the Properties panel), to show the 3D Print Settings properties.

If you have a local 3D printer then select Print To: Local and select your printer from the Printer: list. You can also select Printer: Export STL and save the file to a CF card to print directly on a 3D Printer.

photoshop-pumpkin06BNote: You can find 3D Printer Profiles at Photoshop.com. In addition to printing locally, you can also use one of Adobe’s partner services to print your pumpkin. Just change Print To: and select Sculpito or Shapeways, select the Material you’d like to use and that’s it.

Tip: You can select “Estimate Price” at the end of the material list to show estimated print price for the object to be printed in the material selected. You can find more information on how to print to 3D Print Service partners here.

You can now adjust a few other properties, such as the Detail Level (higher level provides greater resolution/details), and change the size of the pumpkin to be printed. The last and final thing that you need to have is the Surface Detail enabled (checked) and Opacity enabled (checked). This will “carve” the face out of the pumpkin model when prepping the file to print.

photoshop-pumpkin06C

Note: You don’t need Normals or Bump maps unless you are using them to provide additional surface detail to the pumpkin.

Tip: Find more information on how to print to a 3D printer at Adobe.

Step 7—Print

Next, at the bottom of the Properties panel, with the 3D Print Settings still showing, you’ll see two icons, Start Print (left) and 3D Printer Utilities (right)—click on Start Print—this will prepare the pumpkin for printing.

photoshop-pumpkin07

 

The 3D Print Dialog will appear when it’s ready to print or export. If you’re using a local printer you can print directly from Photoshop by selecting Print. If you’re using a 3D Printing Service partner (Sculptio, Shapeways), you’ll save the file and then upload it to your preferred service provider.

That’s it! Good luck and have fun carving your pumpkins!

 

Responsive-Design-Adobe-Edge-Reflow-PhotoshopTake your Photoshop work to the next level and learn how you can create responsive web sites without hand coding. In Responsive Design with Adobe Edge Reflow and Photoshop course, Adobe’s Brian Wood will teach you about responsive website design, including how to move the content you design into Edge Reflow.

 


Bomberry-HeadshotKevin Bomberry is a consultant for Adobe, assisting in developing the 3D user experience in Photoshop CC. In addition, he is the founder of several companies including Able Pear Software, Doppler Publishing, Editor-in-Chief of Photoshop Dimensions. With more than 20 years in mixed and new media design, interactive system and experience design, Bomberry continues to learn for himself and teach others as much as possible. Find him on Linkedin or on Twitter.

COMMENT