Learn the history of Bauhaus design and follow these simple steps to make your own poster design in this iconic Modernist style.

2019 marks the centenary of the Bauhaus—the influential art school established in Germany that spawned a Modernist movement across architecture, furniture, graphic design, and typography.

In this simple InDesign tutorial, you’ll learn how to create a striking graphic poster in honor of the Bauhaus’ 100-year legacy. We’ll revisit the unmistakable style and color palette established by Bauhaus designers like Herbert Bayer and Joost Schmidt, and pick up some essential print design skills along the way.

Let’s get started!

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Bauhaus Poster Tutorial

What You’ll Need to Create Your Bauhaus Poster

As well as access to Adobe InDesign, you’ll need a couple of background images to add texture and depth to your poster layout:

Once you’ve downloaded the images you’re ready to get started on your poster design.


1. How to Set Up Your Poster Layout in InDesign

Step 1

Open InDesign and go to FILE > NEW > Document.

Choose A3 for the Page Size, and a Portrait orientation. Keep the Number of Pages to 1, and deselect Facing Pages.

Set the number of Columns to 3, with a 0 in Gutter. Next, set the Margins to 0 in, and add a Bleed of 0.25 in to all edges of the page. Then click Create.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — New Document

Step 2

To create a grid on the page, we can drag guides down from the top ruler (View > Show Rulers) to create four rows.

Drag a first guide down to 4.13 in.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Grid Guides

Drag a second down to twice that width, to 8.26 in, and a final guide to 12.39 in.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Full Grid

Step 3

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Black Canvas.

Click on the Create new layer button at the bottom of the panel, and double-click to rename this second layer Background Color.

Create a third new layer, naming this Letters, and a final, fourth layer called White Canvas.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Named Layers

Then lock all the layers except Black Canvas, which we’ll work on first.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Layers Panel

Step 4

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the main menu.

Set the Type to Process and Mode to CMYK, and the levels below to C=0 M=23 Y=93 K=0. Click Add and OK.

Create two more new CMYK swatches, C=0 M=85 Y=78 K=0 and C=91 M=68 Y=0 K=0, to add a blue and red swatch to your palette.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Swatch Options

2. How to Create a Textured Background for Your Poster

Step 1

Working on the Black Canvas layer, take the Rectangle Frame Tool (F) and drag it across the whole page. File > Place, choose the black canvas background you downloaded earlier and Open it, allowing it to fill the whole frame.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Texture

Step 2

Lock the Black Canvas layer and unlock the layer above, Background Color.

Use the Rectangle Tool (M) to create a shape across the whole page, setting the Fill Color to [Black] from the Swatches panel.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Open Swatches

With the shape selected go to Object > Effects > Transparency. Set the Mode to Multiply and bring the Opacity down to 90%.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Multiply

Click on Gradient Feather at the bottom of the panel’s left-hand menu. Set the Type to Radial, allowing the gradient to become more opaque towards the center of the poster. Then click OK.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Gradient Feather

3. How to Create Bauhaus Lettering on Your Poster

Step 1

Lock the Background Color layer and unlock the Letters layer.

Using the grid you’ve set up as a guide, switch to the Pen Tool (P) and click onto the page three times to create a tall triangle shape in the first square section at the top-left.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Poster Background

Give the triangle shape a yellow Fill.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Pen Tool

Step 2

Use the Ellipse Tool (L) to create a rough circle shape in the second square section along, setting the Fill of this to yellow as well.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Ellipse Tool

Right-Click > Copy and Paste the circle, moving the copy to the right of the first, to complete the “100” word at the top of the poster.

Step 3

Copy and Paste the triangle shape, adjusting the Fill to blue and positioning in the center square of the next row down.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Fill Blue

Copy and Paste the blue triangle, moving the copy to the bottom-right of the first.

Step 4

Use the Pen Tool to create a narrower triangle shape with a 90 degree corner, following the direction of the diagonal line of the lowermost blue triangle, as pictured below.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Adding Shapes

Copy and Paste this smaller triangle, then Right-Click > Transform > Flip Horizontal to create a mirrored shape, with a black “V” shape left between the two.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Flip Horizontal

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Grouped Elements

Copy and Paste the two small triangles together, moving the copy over to the center of the bottom row.

Step 5

Use the Rectangle Tool (M) to create a block shape across about two thirds of the square below the yellow triangle, leaving the far right portion free.

Set the Fill of the shape to red.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Rectangle Tool

Step 6

Move over to the pasteboard, and use the Ellipse Tool (L) to create a circle at any size, setting the Fill of it to red.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Ellipse Tool

Use the Scissors Tool (C) to cut the circle in half at the two horizontal anchor points.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Scissors Tool

Selecting the top half, Right-Click > Transform > Rotate 90 Degrees CW.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Rotate

For the top half, rotate this to 90 Degrees CCW.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Rotate Shape

Step 7

Move both half-circles into a vertical alignment with each other and Right-Click > Group them together.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Group Shape

Move them over to the right of the red block, scaling them (while holding Shift) to the same height, to create a “B” letter.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Scaling

Step 8

To create an “H” letter, use the Rectangle Tool to create a tall shape on the left side of the central square of the third row, giving it a red Fill. Copy and Paste this, moving it over to the right side of the square.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Fill Rectangle Shape

Create the bridge of the “H” with a short, wide shape across the center.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Bridge of Letter

Step 9

Isolate one of the half-circles from the “B” letter, and Copy and Paste it, moving it down to the square at the bottom-right of the poster.

On the half-circle, Right-Click > Transform > Rotate…, and type in 135 degrees?before clicking OK.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Rotate Half Circle

Scale the shape up to fill up about half of the space available.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Scale Rotated Shape

Copy and Paste the shape, rotating this 180 degrees, and position below, to create an “S” shape.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Copy and Paste for "S" Shape

Step 10

Use the Pen Tool to create an elongated half-circle shape in the square at the bottom-left corner of the poster. Set the Fill of this to [Paper].

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Elongated Half Circle

Copy and Paste this shape, flipping it and aligning them to create an eye shape.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Eye Shape

Use the Ellipse Tool to create the pupil in the center, setting the Fill to blue.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Eye Pupil

4. How to Add a Texture Overlay to Your Poster

Step 1

To add a final professional touch to your poster design, you can place a texture overlay, which will add a bit more depth and give the design a vintage look.

Lock the Letters later and unlock the White Canvas layer above.

Create an image frame across the top half of the page using the Rectangle Frame Tool (F) and File > Place the white canvas background into it.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Overlay Canvas

Go to Object > Effects > Transparency and set the Mode to Multiply and Opacity to 70%. Click OK.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Object Effects

Then Copy and Paste the image frame, moving the copy directly below, over the bottom half of the poster.

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Final Touch

Your Poster’s Finished, Great Job!

With your poster layout finished, you can simply File > Export it to either a print-format (choose Adobe PDF [Print]) or web-ready format (select JPEG, PNG or Adobe PDF [Interactive]).

The Simple Way to Create a Bauhaus-Inspired Poster in InDesign — Finished Poster Mockup


Don’t miss these articles and tutorials about Bauhaus and other vintage design styles:

Cover image via Sevenpixels.

同乐城TLC <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>