Logo Design

Tutorials

Simple Beer Label Tutorial (Adobe Illustrator)

Step 1 : Create a Beer Glass Creating the Beer Glass Shape

Use the Pen Tool to draw the outline of a beer glass. You can take any picture of a beer glass from the web as a reference. By placing the image on the artboard/page and drawing over it with the pen tool you will get a better more realistic outline.

Create a gradient in the beer glass shape

Go to “Window > Gradient” in the menu bar or choose the gradient tool from the tool bar on the left. Use this to add a linear gradient on the shape. Use light and dark shades horizontally across the glass to give it a mirror like finish. The shape should resemble the picture above. This will be your basic glass.

Fill the glass with beer

Using the pen tool again we will now create a shape for the beer in the glass. The figure above shows the beer shape within the glass. Use the same method as described earlier to add a gradient to the shape. Use similar colors to those depicted. Make the edges of the shape a darker color to give it a curved appearance.

Add a gradient to the top of the beer shape

We will add some more depth and dimension to the liquid. To add more depth to the beer liquid, use the Pen Tool again and create a shape similar to that in the figure above. Use a vertical linear gradient with the dark color on the top and a lighter color below. Now change the opacity of the lighter color below till it merges with the rest of the golden liquid shape underneath. See figure below.

Add a gradient to the bottom of the beer shape

Similarly we add a shape to the bottom of the liquid but this time the gradient is reversed. The darker liquid is below and the light transparent part merges with the golden color above

Add a reflections to the glass - (A)

We will now go ahead and add a reflection to the glass to give it some dimension. Create a shape with the Pen Tool similar to that in the picture. Put a gradient on it in a way that the lower end is a brighter version of the liquid color merging into the liquid and it becomes whiter as we move upward till it merges with the glass in the background. The opacity at both ends may need to be reduced to Zero to merge with the liquid and the glass.

Add a reflections to the glass - (B)

In a similar manner to the first highlight, we add several more to give the glass a reflective surface. See the above figures on the types of shapes that can be added as reflections to various points on the surface of the glass.

Add a shadow

Create a shape which flows along the left edge of the glass as a shadow. To do this take the Beer liquid shape, duplicate it (Copy and Paste in Front) and use the Minus Front option in the Pathfinder palette (Window > Pathfinder) tool to create this shape. Add it to the shadow shape to the left edge of the glass. Use may need to arrange it behind some of the reflections you created earlier. Use Object > Arrange > Send Backward to achieve this.

Create the rim of the glass - (A)

Create an elongated oval shape with a width equal to that of the top of the glass. Add a gradient to it. The gradient should be linear, with black on both the sides and white in the middle. Reduce the transparency of the white to zero. Create another Similar shape but make it just a bit bigger and add a pale yellow color to it. Put this shape below the first one. This will create the thickness of the glass. Now put both shaped on the top of the glass as shown in the image.

Create the rim of the glass - (B)

Add some rectangular highlights to it as depicted above.

Create the base of the glass - (A)

Now we need to create a shape for the base of the glass and add a gradient to it. Push the highlighted portion of the gradient to the right side of the glass. Align the shape at the bottom edge of the Beer glass shape. It should be above the shadow shapes, but below the reflection highlights.

Create the base of the glass - (B)

You can add more reflections and highlights to the bottom of the glass till it looks similar to the figure below.

Create the beer head and bubbles - (A)

Create an oval shape and add a radial gradient to it. The outer color of the gradient should be a very light yellow and the center a deep brown matching the dark surface of the liquid. This makes the surface of the liquid appear to have some foam on the edges.

Create the beer head and bubbles - (B)

To create the bubbles draw a circle and add a radial gradient to in a way that the center is light yellow and a bit darker at the edges. Create a shaded portion with the Pathfinder Palette’s Minus Front option to make it dark brown and put it on the side of the sphere. Then take a white circle scale it down and put it as the hotspot in the bubble. Once the bubble is created group it and reduce its opacity to 60%.

Create the beer head and bubbles - (C)

Duplicate this bubble shape multiple times and fill the glass with it till it has the appearance of bubbles rising up from the base of the liquid.

Now we have a complete Beer Glass filled with Beer!

Step 2 : Creating the Label Create an outer rim - (A)

Create a circle and add a similar gradient as seen in the picture. Take another smaller circle and using the Minus Front option in the Pathfinder tool cut the original circle to create a rim like shape.

Create an outer rim - (B)

Create another circle and add a similar gradient as in the picture. Create a new smaller circle and using the Minus Front option in the Pathfinder Palette cut another rim like shape. Put this shape behind and at the center of the first rim. See picture.

Create an outer rim - (C)

Create a circle matching the cut out circular area inside the disc. Go to the Type tool > Type on the path option and click on the edge of the circle. Type in your desired text here. Now, duplicate the text and use a dark colored bold outline on the duplicated text. Arrange the second text under the first. Place the text at the center, between the outer and inner edges of the disc.

Create an inner graphic design

Create a thin rectangular shape increase its height and put a linear gradient similar to that of the picture. Duplicate it horizontally keeping equal space in between and group it. Create a circle with a gradient as seen above. Put the group in the center of the circle and group the shapes. Finally put this group at the center behind the disc.

Create the barley stalks

Use the Pen tool to create a leaf like shape and duplicate it several times to resemble a stalk of barley similar to that in the picture above. Use a white fill color. Duplicate the shape and put it on either side of the green rim.

Create the bottom banner- (A)

Use the Rounded Rectangle tool and create a shape similar to that in the picture. Add the same gradient used in the outer rim of the disc. Duplicate the shape and scale it down a bit. Put it in the center of the first rectangle and select them both. Now, use the Minus Front option as before to cut a hole in the shape. Align this banner at the bottom center of the disc.

Create the bottom banner - (B)

Go to the Rounded Rectangle tool and create another similar shape to fill the cutout area in the banner design. Fill it with the gradient used in the inner rim of the disc and arrange it behind the banner as depicted below.

Create the bottom banner - (C)

Take a circle; fill it with a circular gradient similar to that in the picture above. Take a smaller circle use a gradient in a way that the center color is white and the border is transparent. Put this on the first circle to create an effect of a reflection. Group them both and place 2 of them on either side of the banner. Type the banner text and place it between these circles.

Add the beer glass to the label

Finally, we add the glass to the label as depicted above. The label is now complete. In the image below we can see the final product.

Click here to read more

Professional Logo Design Testimonials

This has been definitely a very professional experience. All 4 logos looked great and the final one was what I expected! Good communication combined with a great service! 

- Marius, MCreationM

view more