Photoshop Tutorial: Part 1 – How to Design & Create a Vintage, Bauhaus Poster (Design #1)

Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to design and create a vintage, Bauhaus poster. The Bauhaus movement,
which began in 1919, was the most influential modernist art school of the 20th century.
The hallmarks of Bauhaus design are its simplified, geometric forms and the bold, visual balance
of positive and negative space. This tutorial is in 2 parts. In Part 1, we’ll set our text
and modify the shape of some characters and in Part 2, we’ll complete our poster with
bold, geometric shapes and lines. I provided this paper texture that you can download.
Its link is in my video’s description or project files Make a copy of it by pressing Ctrl or
Cmd + J. Remove its color by pressing Ctrl or Cmd + Shift + U. Change its Blend Mode
to “Color Burn”. Click the Adjustment Layer icon and click “Levels”. Make its Input Midtones:
1.22. If your foreground and background colors aren’t black and white respectively, press
“D” on your keyboard”. Make the background active and open your Horizontal Type Tool.
Pick a font that’s in the Bauhaus genre. I’m using “SquareFont Regular”. I provided links
to all the fonts used in this tutorial. I’ll make its size 440 points, its Aliasing: “None”
and “Left Alignment”. Click on your document and type your first character. Open your Move
Tool and make a copy of the text layer. Double-click the copy to highlight it and type your second
character. Open back your Move Tool and drag it off the first character. As before, make
a copy of it, open your Move Tool and double-click the copy to highlight it. Type your third
character, open your Move Tool and drag it off the second character. Continue these steps
until you’ve typed in your main text. Next, we’ll convert each character into a Smart
Object, so we can add filters and replace the characters if we want to at a later point.
Click the icon at the upper, right of the Layers panel and click “Convert to Smart Object”.
Repeat these steps for each character. Once you’ve converted all the characters into Smart
Objects, scroll to the top and make the paper texture active. Click the lock icon to lock
the layer. This prevents the layer from being modified. Click “View” and make sure “Snap”
is checked. If it isn’t, just click click on it. Next, we’ll reposition each character.
To save time, instead of clicking on each layer to activate it, check “Auto Select”.
This will automatically activate each character as soon as we click on them. Continue to reposition
each character, so they visually line up in an interesting arrangement. Next, we’ll extend
some of the characters vertically and horizontally. Press “z” to open your Zoom Tool and drag
it over an area of your text that you’d like to extend. Press “v” to open your Move Tool
and click on that character to activate it. Ctrl-click or Cmd-click on the thumbnail of
the character to make a selection of the character’s shape. Open your Rectangular Marquee Tool
and press and hold Shift + Alt on Windows or Shift + Option on a Mac as you drag over
a section of the character that you want to extend. This will create a selection of only
that part of the character. Press Ctrl of Cmd + J to cut and copy that part onto its
own layer. Open your Move Tool. If the space between the two letters isn’t long, press
one of the arrow keys on your keyboard to slide the shape in the direction you want
it to go. In this case, I’ll press the Up arrow. If the space is long, I’ll show you
what to do in a minute. To reposition the image on your canvas, press and hold the Space
bar and drag your document. Click the next character you want to extend and make a selection
of its shape. As before, open your Rectangular Marquee Tool and intersect the part of your
character you want to extend. Cut and copy that part to its own layer. Open your Transform
Tool by pressing Ctrl or Cmd + T. In this example, I want to extend the part up onto
the letter “A”. To extend the Transform, go to the middle of the side you want to extend
and when you see a vertical, double-arrow, just drag it. Scroll more if you need to.
Then, press Enter or Return. Continue these steps for each character you want to extend.
To save space in the Layers panel, let’s place all of your characters and theirs extended
parts into a folder. To do this, scroll to the bottom character and make it active. Scroll
to the top part and Shift-click on it to make all the characters & parts active that comprise
your text design. Press Ctrl or Cmd + G. I’ll name the folder, “Text & Lines”. Change the
Blend Mode to “Multiply”. Next, we’ll add a secondary line of text in another color.
Open your Horizontal Type Tool and change the size to 100 points. You can always adjust
the size later if you want. Click the color box and pick a color you like. Since I already
know the color I want, I’ll type it into the hexadecimal field: AC463A. Once you pick your
color, click OK or press Enter or Return. Click on your document and type out your text.
Open your Move Tool and reposition your text. Next, I’ll add vertical, black text. Since
the text will be be black, I’ll place it into the folder that contains black text and lines.
The reason for this is we’re going to ultimately make modifications to all the elements that
are just black. I’ll open the folder and click the top layer within the folder. The vertical
text will be placed above this layer. I’ll click the “Vertical Type Tool” and for its
size, I’ll type in 55 points. I’ll click the color box and pick black. Then, click OK.
Click on your document and type out your text. Another way to move it is to place your cursor
just outside your text and drag it. For your next line of text, choose another font. Click
your Move Tool and open your Horizontal Type Tool. Click on your document and pick another
font in the Bauhaus genre. I’ll use “Movie Letter Regular”. I provided its link, as well.
I’ll make its size: 213 points and type out my text. In Part 2, we’ll add bold, colorful,
geometric shapes and lines to complete our Bauhaus poster. This is Marty from Blue Lightning
TV. Thanks for watching!

37 Replies to “Photoshop Tutorial: Part 1 – How to Design & Create a Vintage, Bauhaus Poster (Design #1)”

  1. Hey Marty, thanks for all of the videos that you make as they help me a lot. I have a request: can you PLEASE make a cave tutorial with a ceiling and an opening on the other side? I am having trouble creating a realistic cave inside due to I don’t know how to create the curved ceiling and connecting it with the curvature of the cave walls. I will link some images of what I’m talking about. Maybe as a part 2 to this video you could add some bonuses like creating stalactites, stalagmites, and cave pillars? I would GREATLY appreciate this as I really need to know how to do this for what I’m working on! Thanks

  2. Hey Marty, have you ever thought of adding a bit more personality to your tutorials? They're superb and I think they'd gain more traction if you were to sound more human. Also, the link to your channel in the description is cut off.

  3. Thank you so much for all your tutorials!! I've spent SO much time watching your videos!! Keep up the fantastic work!!!

  4. I on the other hand think being a good tutor is to be able to explain clearly and to take your time as we are trying to keep up. Great tutorials

  5. Hello, Blue Lightning.
    I can't find where to download the paper texture (like this "project files"…, where are they?)

  6. Thank you so much….you are my favorite teacher. ..Please don't stopping make tutorials. .sorry about my english 🙂

  7. Hi Blue Lightning,
    Unable to download the paper texture. Says temp suspended, generating too much traffic. Must be so popular!

  8. I am not a christian, biut it seems that I should pray on you. You are the best teacher I have ever seen!!!

  9. Пожалуйста подскажите как разываеться рамка из этой картинкий?

  10. If you want the main background a different color, not the tan color, should it be changed at the very beginning before doing anything else? Thanks!

  11. Thank you so much! I've practically finished an entire project thanks to your videos! I wanted to upload my posters in the comments here for you to see, too, but I don't think there's an option like that here… Either way, thank you for your hard work and great content!

  12. As always, a very good and useful tutorial. By the way – I like your slightly dry (If I may say so) but still warm style.

  13. i cant extend the letters i wont cut. =/ i ctrl + click on the letter > i click rectangle marquee > shift + alt and doesnt work
    EDIT: then i realised i was pressing ctrl not alt -.- fml

  14. Awesome video! Thank you so much! It would be great if you also created a video showing how to create frame poster mockups 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *