4. Johnsons Baby Shampoo

Started by creating the base shapes in illustrator. I learned an important lesson here. To create a shape with smooth curves the anchor points must be straight and equal in length

  1. Large yellow tear drop
  2. rim of the yellow tear drop that holds the blue gradient and text
  3. The red tear drop ‘no more tears’
  4. The small blue tear drop at the bottom
  5. . The banner next to the red tear drop.

I ⌘C, ⌘V into Photoshop as a path. Then split these shapes into separate layers so they could be used individually and gave them a base colour. Next step is applying layers styles to these shapes to mimic the logo.

The Gradient Overlays really transform these basic shapes. It was a good opportunity to use some nice linear and radial gradients. I’m steadily becoming more comfortable with them. Other usual suspects are at work Drop Shadows, Inner Glows, Strokes etc. It was surprising how the effects transformed these shapes.

The rest is positioning text, choosing suitable fonts. Some good practice with text on paths. I downloaded Treehouse font from dafont.com. Its a close match for the Johnsons type except kerning and tracking don’t seem to work in the Character Palette. The letters could be closer together.

What we end up with is a half decent replica of the Johnson’s label.

Here t is. I’m quite pleased with the result and learned a few things along the way.  Using stroke a path for the white line at the bottom for example. Never used so many gradients before. I’m sure there are easier ways to do this, but my main goal is to be proficient with Layer Styles.

The shapes are a bit off, but that’s OK. That’s what happens when you eyeball things!

The Layers Panel ended up being quite long!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s