Showing posts with label poster. Show all posts
Showing posts with label poster. Show all posts

Thursday, August 11, 2016

Create a Sports Themed Poster in Photoshop

sports day poster
The finished sports day poster 

This tutorial will show you how to create an eye catching sports themed poster in just ten simple steps. To create this sports day poster you will use a selection of copyright free images along with some basic text and block shapes of colour. The poster will have a simple but eye catching design which should immediately identify itself as a sports themed poster to the viewer, this is important to reach your target audience. See the section on Attention Grabbing Techniques for more about that.




Step 1

For the poster, we will be using an A3 canvas, to create an A3 canvas go to File-> New and in the options window choose International Paper as the Preset and A3 as the size. Next we will add the base colours of the poster. I will be using an orangey yellow, sky blue and white. You can use different colours of course; I would recommend using your club colours to identify the poster as being connected to the club. You can also read more about colour schemes.



Step 2

Once you have chosen the colours you want use the gradient tool (located within the paint bucket tool) and create a linear gradient from top to bottom on the default background layer. Next use the rectangle shape tool to create a rectangular shape at the top of the poster, use the colour picker on the shapes layer to change its colour. Right click on the layer and select blending options to open the layer styles window. Now select 'stroke' and set its colour to white and it's size to 10px (select a higher value or different colour if you want).






Step 3

Now open your club logo in Photoshop and then use the move tool to drag and drop the logo from its window into the poster window. Alternatively you can go to File > Place and import your club logo as a smart object. Either way you should then  resize and re-position it, using Edit-> Transform-> Scale


Step 4

Next use the text tool to create a text box and type in the club name followed by 'presents the ultimate...'. The font style I used is Agency FB but you can try out different fonts if you wish. Remember you must highlight text in order to edit it using the text settings that appear across the top once the text tool is selected.






Step 5

For the main poster text I have also used Agency FB. The automatic font sizes in Photoshop only go up to 72 but you can type in larger values to achieve even larger text. My text is at font size 200. So once again use the text tool to create a text box then type the text 'Family Sports Day' and set it's size, font style and colour to settings you are happy with. I also added a stroke and an outer glow to the text using the layer style window as shown in the image below. You can also read more about about adding and editing text in Photoshop.





Step 6

Next on our agenda is the images. The poster will contain a series of sports action silhouettes of a selection of sports. You can find numerous silhouettes on the internet but I will also tell you how to create your own. First find an image you like and open it in Photoshop. Ensure the image is unlocked (check the layers window and double click on the layer to unlock it) and use the magnetic lasso selection tool to select the part of the image you want to use. Then go to Select -> Select Inverse which will reverse your selection thus selecting all the unwanted areas. 



Step 7

Now simply press delete or backspace to remove the unwanted areas leaving you with just the part you want. Press Select -> Deselect (or Ctrl and D) to deselect the image. Use the eraser tool to tidy up any loose edges.





Step 8

Lastly go to Image -> Adjustments -> Threshold and edit the settings until you get a white silhouette. If you can only get a black silhouette that is fine, just go to Image -> Adjustments -> Invert to change it from black to white.





Step 9

You can now repeat steps 6, 7 and 8 for all the images you want and place them around the poster using the move tool. A nice touch is to place some image slightly overlapping the text from in front with others slightly behind the text. This will give the image more depth, to do it simply change the order of the images in the layers window. 






Step 10

To finish add any additional text that is required such as the time, date and venue of the sports day. Once again I have used Agency FB as the font style. You can use the character window in Photoshop to change more text settings such as the distance between letters or lines of text. This can be useful to fit in all the information you want to without having to change the font size. 


sports day poster
Completed Sports Day Poster



This same design could also be used for others sports related events, why not try it out yourself!

Tuesday, March 1, 2016

Design a Movie Poster In Photoshop

Movie Poster Tutorial
completed movie poster

1. To create this horror movie poster we will be using a selection of copyright free images, as seen below. First open these files in Photoshop by going to File-> Open and navigating through your files and selecting the relevant images. 







 



2. For the poster, we will be using an A3 canvas, to create an A3 canvas go to File-> New and in the options window choose International Paper as the Preset and A3 as the size.

3. Next open the house image in Photoshop, unlock the layer by double clicking the lock icon on it and selecting ok, and then use the quick selection tool (or other selection tools if using older versions of Photoshop) to select the background, press backspace or delete to remove  it.

4. The use the move tool to drag and drop the house into the A3 canvas and resize and position it as shown below, using Edit-> Transform-> Scale.



5. Next open the sky image in Photoshop and drag it onto the canvas with the move tool. Put the sky on a layer beneath the house and resize and reposition it until you are happy or it resembles the image below. 

6. Next open the road image in Photoshop and crop it down as shown below.

7. Next use the quick selection tool to select and delete all areas of the image apart from the road itself, as seen in the image below.

8. Now resize the image to fit into the canvas as shown below, to do this go to Edit-> Transform-> Scale. Ensure the road is on a layer below the house and above the sky layers.



9. Select the house layer and use the clone stamp tool to clone the existing grass into the empty space between the existing grass areas and the road. To use the clone stamp tool, Alt + Click to define a source point from which to copy then click over the area you want to 'brush' it into. Be aware the source point follows you around so you will have to repeatedly redefine new source point. Don't get too particular about it though as there will be multiple layers overlaid on top of the grass very soon, so just aim to achieve a basic coverage of the empty space.


10. Now open the man image into Photoshop and as with the other image, unlock the layer, remove the background using the quick selection tool, move it into the A3 canvas and move and resize it using Edit-> Transform-> Scale.


11. Now open the fire, paper, wood and eyes images in Photoshop. We will first drag and drop the fire and paper images onto the main canvas and stretch them to fit the full canvas. Next select each layer individually and select Layer-> Layer Styles-> Blending Options. In the pop up window choose the overlay blending option for the fire and drop the opacity below 50%. For the paper choose multiply.

11. The wood image requires editing before it is blended. First it will need to be removed from its background, cropped down, moved onto the canvas and stretched to fit half the canvas. Next go to Layer-> Duplicate Layer to create a copy, go to Edit-> Transform-> Flip Horizontally and then Flip Vertically. Now position the two wood layers so they fill the entire canvas as shown below.



12. To blend the wood into the image go to Layer-> Layer Styles-> Blending Options. In the pop up window choose the overlay blending option.


13. The final image to be blended in is the eyes. As before drag and drop it onto the canvas, resize it to a size you are happy with and blend it using the multiply blending option.




14. Now we will use the paper layer to create a rough, black border around the edge of the poster. Select the paper layer and use the magic wand tool to select the white area around the paper (you may need to use the ‘add to selection’ option to get all the area selected at once. While retaining the selection move from layer to layer hitting delete or backspace to remove the content within the selection until all layers, except the background later, are completed. Then deselect (Ctrl+D shortcut) and select the background layer and use the paint bucket tool to fill it in black.




15. The final part of the image is the text. The font I have chosen is called Calame and is available for free download HERE. The title I have chosen is Abandoned but you can choose any title you like. The image below shows the Layer styles used on the text. A basic drop shadow was added and then an inner shadow was added to increase the scratched looked of the text.


16. Next additional text was added to represent the actors in the movie and quotes from reviews of the movie. I have chosen to use the same font style as the heading (Calame) but again the choice is yours. As a final touch I duplicated the paper layer and placed it above the text as the very top layer, as shown below.


17. And that it, your poster should look like the one below...

Movie Poster Tutorial
The completed Movie Poster

If you enjoyed this check out our new video tutorial on how to create a Sci-fi movie poster.


close
Banner iklan disini