Photoshop retro style poster effect making tutorial

Source: Internet
Author: User
Tags extend
To give you Photoshop software users to detailed analysis to share a retro style poster effect of the production tutorial.
Tutorial Sharing:

There's nothing new about creating retro effects, but there are a lot of things to watch out for when you imitate a poster that was decades old. We will try to make a boxing poster for the 60 's.
Material Packaging: Http://vdisk.weibo.com/s/spOWhk1LGJyn
Description: Poster model has a number of options, to pick the eye of the line, the tutorial used in the font of wood packaging, in the computer pick like on the line.
1th Step
At the beginning of any design, you should first consider how to convey your message.
We chose the poster mode for A3 paper and remember: When you're designing posters or something else to print, be sure to keep a bleed bit, which is about 3 to 5 millimeters in range.

You'd better draw a sketch of the poster on the manuscript before you start work. While computers can help you try every possible solution without constraint, it does not help you find the right solution or help you form a holistic approach.
2nd Step
For this style of poster, we need a piece of old paper material. Find one you like, or just use the material we give you. Import the file into PS and scale it to the appropriate size.

3rd Step
The paper should be from the 60 's, it's not really as old as we see now, so we need to create some new adjustment layer to adjust the effect, I used a threshold adjustment.

As well as color and saturation adjustments. Before you further design, it is necessary to organize your layers. (Editor's note: Group layers, which can be named: background)

4th step
Now you can make the poster based on your original sketch design-this will greatly speed up your design, but don't be tied to your sketches. As long as you suddenly have some good ideas, you can try them on the computer.
I found two close-up photos of a professional boxer. If you have a good figure, take it yourself.
Do not say stature, perennial desk work designers, learning points to protect the health of the small skills are very good: "Shell body is the revolutionary capital!" 7 major health habits that designers should cultivate
In the tutorial, I gave the two handsome men names, Monroe and Kates, for the purpose of addressing layers. In the 60 's, there was certainly no such computer at the time, so their posters were made by hand. To salute the great designers, we need to do some work on the photos of the two men. We used the pen tool to determine the shape of the boxers, as if the pictures of the two people had been cut off.

5th step
Drag them into our PS file and zoom to the appropriate size. Using thresholds to adjust the layers makes the two boxers look almost identical in tone, and they need the same exposure. Reduce the saturation of two boxers and adjust the layer blending mode to multiply.

6th step
Open the ruler options under the View menu. The establishment of horizontal and vertical reference lines each two. I set the horizontal reference line at 224mm and 305mm respectively, and the guide line in the longitudinal direction is located at 146.6mm and 147mm.

Select the Rectangle tool to set its mode to a shape rather than a path. Set the foreground color to #e45050 and draw two rectangles as shown in the figure. We can't use a color that is too saturated because it doesn't print. Set the blending mode of the layer to multiply.

Select the left rectangle and invoke the free transform tool. Hold down CTRL and SHIFT while you click the Small box on the right side of the rectangle and drag downward to make the rectangle appear as shown, and to perform a similar operation on the right side of the rectangle.

7th step
Now we need to use these two rectangles to cover the unwanted parts of both Monroe and Kates. Select Kates and add a layer mask. Hold down the CTRL key and click on the rectangle's thumbnail to select the selection, filling the image with black on the Kates layer's mask. Perform a similar operation on the other half.

You know, in the 60 's, the printing technology wasn't perfect, so we couldn't cover the bottom half of the portrait with precision. We'll start by unlocking the link between the portrait layer and the layer mask, and moving the next two layer masks slightly.

8th Step
Now you can start adding text. Capital letters were very popular at that time, even overused. They can make the screen look neat, and more eye-catching than lowercase letters, better fit the boxing poster theme.
Use the text (worm = worm) as shown in the following image, or you can replace the name with your own. I used the Bentonsans font, the name should be smaller than the size of the last name, as shown in the figure.

Use the same font and use a "compressed" version with a smaller character spacing to make the last name more visible. Resize the font to 2.5 times times its original size.

Match the slant angle of the text to the rectangle, 10.1 degrees is almost enough. Note that the 60 's printing technology will not be as accurate as we use the computer today, so we modify the parameter 20 in the character indent to form a different character spacing effect.

The right half repeats the same process. To make a comparison: The text size of the name I use here is 44.31, the text size of the surname is 101.53, and the text size of the title is 32.37.

9th step
Now let's do a little vs. Use the Ellipse tool to create a colored circle. Hold down CTRL and click to create a selection on the thumbnail of the layer and extend the selection by 20 pixels using the Select > Adjust > Extend command.

Select a layer mask for one of your rectangles and fill it with black in the selection, repeating the same action for the layer mask of the other rectangle.

10th Step
In the 60 's, people had to make a hallmark (spot sign) to show that the game was not broadcast live. So create a black graphic (the color code is #0b0c0c, not completely black) and print the text on it. Modifies the layer blending mode of a black graphic to multiply. Note that the typed word must be equal width.

11th Step
Draw a rectangle at the top of the image and set the layer blending mode to multiply.

Draw a rectangle underneath the image and set the layer blending mode to multiply. Now create a layer mask for all of your newly created rectangular layers.

12th Step
Select the paper layer and select the Magic Wand tool to select all the white parts around the paper.

The four layer masks are then filled with a black solid, respectively.

Note that part of the Monroe is exposed to the outside of the paper, so this part must also be cleared.

13th step
Now start creating the title text. Posters often use exaggerated sentences to attract people's attention, just like the top of the Forbidden Summit.
Let's use the Benton font we just used to do all the title text.
To enhance your font, try to add a stroke layer effect to the text layer. This softens the edges and increases readability, but I'm not saying that you can use this approach for all the text.

14th Step
When designing fonts, don't be afraid to make adjustments to your fonts to suit your needs. I'm still using the Benton font (Bentonsanscond black for the fracas and Caracas,bentonsansextracomp bold for the And in), but I've increased the length of the font in the vertical direction.
Want to find high-quality fonts? Come here and Dig! "Font charts!" 2014 most popular 35 font materials free download
We can't increase the width of the poster, it can make the letters overlap, so in order to effectively use the limited space, I will raise the height of the text to the original 116%. I narrowed down all the articles and prepositions and made a few moves to make them somewhere between important words, and I moved the portrait slightly down. Don't be afraid to fine-tune elements, you need to make the overall harmonious and beautiful.
(Editor's note: In this respect, students can adjust to fit on their own)

15th step
Create a group called ticket information. Set the two guide lines in the vertical direction to qualify the bounds of the area.

Now to add some text. Also add schedule information in this area. You need to organize this piece of information according to importance. I'm going to prioritize my schedule and place.

Create two horizontal guides so that your font can have a reference boundary. When you enter a date, try to adjust each part as a separate layer to the maximum extent possible. The following figure is a design example. Use the line tool to create a 14-pixel-wide vertical bar next to the date.

Now that the area's fonts are a bit too solemn, in order to diversify, using a more natural font, I'm using bello handwriting here.

There are more possible ways to avoid the monotony of this area. With a different number of points of the font and vertical split line layout design, the important part can take advantage of bold and large number of points to make them more significant. You can spend a little more time on the layout of the area, but it should be OK now.

16th step
Now every element is finished, the picture scaling small to observe the overall structure. All layers are fenced and all layer masks are applied to layers through layer > Layer mask > Application commands.

17th Step
With the completion of the design, we will begin to do the old. Select all the black layers and merge them into one layer, named "Black Text," and use the same action for all remaining white layers.

The same is true for all red layers.

Now all the layers should be as shown in the diagram.

18th Step
Apply a 4 pixel radius Gaussian filter to the red text, white text, and black text layers.

Then use an intelligent sharpening effect. This process softens the edges of the text and makes it look like an ink effect. You also need to change the color of the "red text" layer back to #e45050, because sharpening will change the color.

19th Step
Hides the white text layer. Then hold down CTRL and click the thumbnail of the layer to create the selection, select the black text layer and press DELETE, and so does the red shape layer.

20th Step
Select "Red shape" and add a 4 pixel Gaussian blur effect to make it fluffy. Then invoke an intelligent sharpening filter as shown below.

Call the second smart Sharpen filter and use a much larger radius, which gives the impression that the ink is condensed on the edge of the pattern.

21st Step
Select all layers except the background layer group, merge all the layers and set the blending mode of the merged layers to multiply, select the background layer group, and merge the layers.
Now you can do the old picture in the way you like. I used the dust setting in the Mr Retro Machine Wash filter. I also increased the brightness of the picture and reduced the degree of saturation.
(originally this plugin should be lying in the micro-plate material bag, but it is too high, 99, or U.S. dollars.) Attach a retro style action, the effect reluctantly, forgive me)

Final effect
Finally, the final image. I hope you will enjoy this tutorial.

Okay, the above information is small make up to you photoshop this software users of the detailed retro style poster effect of the production of the full content of the tutorial to share, you see the software users here, small series believe that you are now very clear about the production of the tutorial, So now go and make your own.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.