January 1, 2010 | 27 Comments | Posted in: Photoshop,Tutorials

icon

2010 poster design in photoshop

We will celebrate the new 2010 year with a cool ,simple poster design . This design summarize the year 2009 popular trends like bokeh , light and colors .

The Poster

Step 1

Start a new document with a black background .Choose the size you like I used 1000*1400 pixels .Of course if you are planning to print it you might need to adjust the size to a bigger one .

Step 2

Add a new fill layer with solid color ( Layer > New fill layer > solid color) and choose #fdd413 for the color. Change the layer opacity to 20%.

Step 3

Use a large soft brush with the following setting and brush some random colors around the canvas

From Filter menu choose blur> Gaussian blur .I’ve used the max value 250 for the radius .

Step 4

Create a new Gradient fill layer (Layer > Fill layer > Gradient ) .With the following setting

Change the layer blend mode to overlay and the opacity to 21%.

Step 5

We now want to create the brush that we will use for the dots(Fake bokeh) .The brush will have the following settings

Step 6

Reset the colors by pressing D on your keyboard.Create a new empty layer and draw randomly using the brush we created start from the center of the poster  .

Apply the Gaussian blur filter (Filter >Blur> Gaussian blur ) with the value 7 . Change the blend mode to Soft blend .

Step 7

Create another layer and draw again using the same brush .This  time apply the Gaussian blur  using the value 4.2 and change the blend mode to Screen.

Step 8

Another new layer , Add the dots using the brush , Gaussian blur the layer with the value 2 and the layer blend mode to Color dodge .

Step 9

Another layer , with the dots brush , no blur this time and the layer blend mode to color dodge .

Step 10

Select all layers except the yellow color layer and the black background layer ( by Clicking on the layer and press command/ctrl).Press (Commend / Ctrl + t) or (Edit >Free transform) and re-size the image to create a border around the poster.

Step 11

Add the text (2010) . I used a dark gray color and the font is (Impact)  .

We now will add some style to this text .

Step 12

Duplicate the text layer( Ctrl/command + J).Keep everything the same just change the stroke settings.

Step 13

Duplicate the 2nd text layer and  apply the following settings

Step 14

Now we want to add the sentence under the year  text. Choose the rounded rectangle and draw a white rectangle .Make sure you choose the (Shape layers ), so we can edit the shape later with the pen tool .

Change the layer blend mode to overlay.

Then add some shadow with the following settings

Step 15

Choose the direct selecting tool (or press a ). Right click on the top line of the shape and choose add anchor points . Add 3 new points .

Choose convert point tool

Click on each point once to convert the point to corner point. Now press a again and  press on the middle point and start draging it upward

Play with the 3 points using the direct select tool until you are satisfied with the results.

Step 16

Add your text . Change the layer opacity to around 81%.

Step 17

We are almost done . Now we want to drew attention toward the center of the poster where the text is located .

Create a new layer .Choose Edit>Fill >Use 50% Gray .Then Choose filter>render>Lighting effect with the following settings.

Change the layer blend mode to overlay and the opacity to 83%.



Fatma Alemadi

A freelance designer , a photographer ,a wife to a supportive husband and a mother of 2 lovely boys . You can see some of my work @104 design project for 2010 .
@Twitter | Website

Help Us
Share

Email Del.icio.us Technorati Facebook

Share


  1. eBankam says:

    Very nice tutorial, thanks for sharing.

  2. this is what i looking for.thanks for sharing.

  3. Shubhojit says:

    was very exciting, however, had to redo it from scratch as didn’t save it the first time. thanknz a lot. was great to do it

  4. pachoo says:

    wahoo..its amazing tutorials.tanks for sharing

  5. Vineet kumar says:

    Could you tell me some more tutorial with little animation

  6. Thanks everyone .. So glad you enjoyed it as much as I did :)

    Vineet Kumar : I will try to add some tutorials with animation soon :)

  7. Hammad says:

    That is so easy Miss fatma.

  8. Biocas says:

    What brush are you starting with in step 5?

  9. You start with a regular rounded brush and then edit it to create a new brush with settings in the step 5

  10. very nice says:

    very nice

  11. Energy says:

    Fatma sorry to say but that is a very dated design and doesn’t symbolise a start for the new design year. It does look ok though.

  12. Very nice : Thanks :)

    Energy : Thanks any way

  13. Aroha says:

    Great! finished result was as per the tutorial, many thanks!

  14. Altinkum says:

    nice and easy thanks

  15. Jazzy! says:

    Nice but really as Energy said you need to be a little more creative. I also write tutorials for PSD. Try putting urself into whatever you do. Surf the net for new ideas. Einstein once said creativity is taking ideas from others and using them in such a way that others wont know! :P
    Here is an idea. With 2010 a new decade started why not make one for Happy New Decade. Give somethings famous from past decades 60′s 70′s 80′s 90′s 00′s. And make something you want in 2010 as world peace or even a time traveling machine. Many possibilities are there. Good Luck!

  16. Jazzy :
    Thanks .. when it comes to design it’s a subjective issue ..some people “really liked it” they even emailed me some results and some people like you and energy didn’t and that’s ok , but I’ve been writing tutorials for 10 years and sometime it’s not the subject of the tutorial that matters but the objectives that the tutorial covers in this tutorial :
    1- Brush customization .
    2- Layer blending
    3- Basic work with shape and path .
    Don’t you think that for a beginner s/he will want to learn the technique to create there own designs .

    Would love to see your PSD tutorials maybe I learn something or I recharge my creativity ..

    Thanks for the your comments :)

  17. sukaryadi says:

    ………………….wow!

  18. smith says:

    you did amazing work on image, thank you very much for your excellent step by step instruction, I have tried same effects on my project and got appreciated by client..God Bless..have a prosperous career.

  19. Great imagination work ! Thank you for your helpful instruction.

  20. Taeminnie says:

    hello.
    this is amazing, awesome! :)
    i’ve done until step 4
    but, i was completely confused starting from the 5th step.
    i don’t understand how to create a new brush by using the basic rounded brush.
    Could you please tell me how to edit it?
    Thanks a lot.

    • Hi Taeminnie ..

      Thanks for following the tutorial :)
      You can edit the brushes from the brushes window if you can’t see it go to windows> Brushes or press f5 .Then you can edit the brush size and shapes .

      Good luck

  21. Nazpro says:

    it’s fabulous i love it very simple and magical

  22. Albhnanh says:

    easy and nice…
    thanx..()
    I need another tutorials…:$

Leave a Reply