Thought I’d show the step by step of how I created an idea for an energy drink label.
Step 1: Background
Make a document 800×600 pixels. Select the color #b7e101 for the foreground, and #74a203 for the background. Select your gradient tool [G for shortcut on keyboard], and hit the drop down menu in the “edit gradient” button. Select the foreground to background gradient. Now, select radial gradient. Starting from the center of your document click and drag to one of the sides. Should look something like this.
Step 2: Text
Select the font Familian at 175 pt. Set the tracking at 100. Type your text.
Rasterize the type layer by either going to Layers > Rasterize > Type [or Cntrl+Click on the thumbnail and click Rasterize]. Duplicate the type layer by selecting it and hitting Cmd+J on Mac [Cntrl+J on PC]. Hide one of the layers.
Step 3: Layer Styles on the Type:
Double click the active rasterized type layer to bring up the Layer Styles window. Click the Gradient Overlay selection. Adjust it so it looks like the image below with the colors in the gradient set to #fffca6 [left] and #cce80d [right]. Good luck!
Step 3: Skew It:
Bring up the Free Transform with the type layer selected by selecting Edit >Free Transform > Skew [Cmd+T]. Hold Alt and grab one of the top handles and pull out, or enter the dimensions into the menu shown at the top [shown below]. Hit enter to commit the changes and what a beautiful sight it is, no?
Step 4: Marquees, Please:
Draw a rectangular marquee [hot key M] 5 px by 188 px. Pull up your Info window by going to Window > Info to make it accurate.
Press “D” on the keyboard to default your foreground/background colors to black and white. Create a new layer above your rasterized skewed type layer. Fill your selection with white, then deselect [Cmd+D] to get rid of the marching ants.
Now, merge the two blurred layers by highlighting them both, and going to Layer > Merge Layers. Two become one!
Step 5: Rotate:
Go to Edit > Transform > Rotate with the BLUR layer selected. Rotate the white blur as seen below. Press enter to commit the transform. Doing great.
Cmd+Click [Cntrl+Click on PC] on the thumbnail icon of your rasterized skewed text layer to make a selection. Hit Cmd + Shift + I [Cntrl+Shift+I on PC] to inverse the selection. Make sure your BLUR layer is selected and hit delete. Cleans things up nicely.
Step 6: Add some depth:
Activate the original text layer below your skewed text layer. Looks crappy, right? We’ll fix it.
Skew this one too! Edit > Transform > Skew. Skew it a bit to the right, press enter to commit the deed.
Same layer, go to Edit > Transform > Scale and scale the text down vertically. Press enter to commit.
Now, with the now scaled and skewed text layer selected, click “Lock Transparent Pixels” in the Layers panel. Set the foreground color to #689106, and hit Alt + Delete to fill it. Now, unlock the transparent pixels.
When you are done, it should look something like this.
Step 7: Final touch:
Let’s add shadows and highlights. With the Dodge tool selected, Range set to Midtones, and Exposure set to 30%, select edges of your squashed and skewed rasterized type layer and dodge the lower areas of your edges. A 45 pixel soft brush should work nicely. Curved areas you will not need to select. You can do whatever feels comfortable, but the end result should look like what you see below.
Use the Burn Tool in a similar manner, darkening areas where you think shadows would be cast.
Your end result should look something like this.
Change the colors with a Hue and Saturation Adjustment Layer for a variety of flavors!
Thank you for reading, hope you picked up some tips. You’re the greatest.