Design and Layout • How-To How to Design a Logo with Adobe Photoshop

Blend shapes, colors, and text into a fun brand identity.

Bright colors, curved lines, and a well-chosen font can let your customers know you’ve got a fun product. Combine these elements to create a playful logo in Adobe Photoshop.

Headshot of Lidia Lukianova

Hi, I’m Lidia Lukianova. I’m an artist and a designer at Adobe. My favorite projects include illustration, identity, lettering, and animation.

Before You Start

Here is my Photoshop document with the starting design so you can practice these exact steps.

Step 1: Guide Your Work

I used a grid to help with the layout and alignment of objects in my design. To use a grid, set your preferences for how you want to display it (Preferences appears in the Edit menu on Windows), and then select to show it from the View menu. Show and hide the grid as needed while you work.

Photoshop > Preferences > Guides, Grid & Slices menu, Gridline every 1 inches & Subdivisions is 4; View > Show > Grid menu

Step 2: Shape Your Brand

The Rounded Rectangle tool creates the perfect shape for the ice cream. To use it, drag it to the size you want using the gridlines as a guide. Next, adjust specific properties such as the border and fill color and the size of each corner radius.

Rounded rectangle tool is 300 x 525 pixels, popsicle is rectangle with 70 pixel rounded corners and filled with black

Step 3: Communicate through Color

A colorful gradient makes me think of a blend of sherbet flavors. With the rounded rectangle selected, click the color fill (in the Properties Panel) and then the gradient icon. Specify the type of gradient you want, such as Linear or Radial, and the angle of rotation. Click the gradient color strip to change and add colors. Double-click the first color stop, specify a color value, and click OK. Use the same steps to change the last color. Add two more color stops by clicking just below the gradient bar, and then change the color.

Popsicle is filled with 4-color linear gradient, rotated -48 degrees, color values are FC197E, FCB131, A3E440, 520EC

Step 4: Draw Some Detail

To draw the chocolate coating, click the + (plus sign) on the Layers panel to add a new layer. Select the Pen tool, set it to Shape in the options bar at the top, and then choose a Fill color. To create the three corners of the chocolate layer, click just outside and to the left of the ice cream, click again below the original point, and again to the right. To draw curves, click and drag with the Pen tool. Finally, click the original point to close the shape.

The Pen tool can take some getting used to, but after a bit of practice you’ll find it’s a great way to add custom shapes and paths. To modify the shape after you’ve drawn it, choose the Direct Selection tool and click and drag any of the points on the shape.

Pen tool is set to Shape, Fill is dark brown, Stroke is none; Curved path of dark brown extends past the popsicle edges

Step 5: Make It Fit

To keep the chocolate from melting off the sides, you can contain it within the shape of the ice cream. Right-click the chocolate layer and choose Create Clipping Mask.

4-color popsicle with brown swirl on top; Layers panel shows chocolate layer clipped to ice cream layer

Step 6: Add Some Character

The right typeface distinguishes your brand. Choose the Type tool and then select Browse Adobe Fonts from the font listing to search through the thousands of available options. I thought the modern, clean Atrament font complemented the design well. To adjust the letter spacing, keep the Type tool selected, place your cursor between two letters, and adjust the Kerning in the Properties panel. Change the Tracking to customize the spacing across a word.

Type tool is upper left, ‘Cream Pops’ next to 4-color logo, cursor is between ‘p’ & ‘s’, kerning & tracking set to -10 & 5

Pro Tip: Iterate with Artboards

I designed the original logo on an artboard because it makes it easier to create different versions of the design. To do this, right-click the artboard in the Layers panel and choose Duplicate Artboard.

Cream Pops logo with a plus icon on top, right, bottom, and left; Layers panel shows layers grouped into an artboard

Step 7: Modify for Versatility

Create variations of your design by changing stroke and fill colors so your logo will look great wherever you place it. I made black and white versions for instances where the colors might clash with different colored backgrounds. Use Shift-click to select your design layers and choose Convert to Smart Object from the flyout menu so the graphic will be fully editable when you add it to a library in the next step.

4 versions of the Cream Pops logo; 1, 4-color and 3 versions of black and white, Layers panel shows Convert to Smart Object

Step 8: Create and Share Anywhere

Add your logo and colors to a library so you can access them from other Adobe Creative Cloud apps when you are ready to design more assets—or share them with others.

Left: Move tool, Window Libraries menu, Cream Pops logo has blue boundary; Right: Libraries panel shows logo colors & designs

Step 9: Get Ready

To use your logo on your website, mobile app, or marketing material, you’ll need to prepare and export the file. First, merge the layers: Shift-click to select all the layers and choose Merge Layers from the flyout menu. Before you merge, however, make sure you duplicate the artboard or save your file as a new Photoshop document so you can go back and edit the individual layers if needed.

Finally, export your design to an appropriate file format. PNG is commonly used for logos because you can save them with transparency so they’ll appear well on different colored backgrounds.

Left: Layers panel shows Cream Pops logo; Right: Layer > Export As menu selected, Export as dialog shows PNG and Transparency

Make Your Mark

Combine shapes and colors to create a logo for your product or brand, and then see how it looks on different backgrounds and layouts. Share your design with @AdobeCreate to help inspire others with their fun brand identities.

Web design layout against a yellow background, the Cream Pops logo is upper left over image of popsicles on colored plates

Note: Project files included with this tutorial are for practice purposes only.

You may also like