RSS

Creative Brochure Design Tutorial in Adobe Photoshop

Mon, Oct 26, 2009

Freebies, Misc, Photoshop

Design-Brochure

Today with respect of users need just design an brochure with 2 pages (front + back page) where we shown an creative company brochure which is providing some services as technology and designing based roundups (Free PSD Source File), you may visit there also onling with the name of SmashingBuzz, hope you easily understand all steps of this Adobe Photoshop tutorial which is fully inspired and fulfill an professional design needs, you can use this source file for your personal and commercial use as well, if you really like this tutorial leave your comments about this effort.

1. First of all download an image which you may use in brochure design (you can use your own photo for design).

2.  we are using an Arista font for title of our brochure.

3. Open a new document in Adobe Photoshop with dimensions 1100×600. (CMYK colors)  If you intend this to be a large brochure as you have requirements.

1

4. after create new document we just set rulers on our required area (550px width each) as we drawn in below image.

3

5. On the new layer and using a Gradient Tool (Keyboard key: G) set to Linear Gradient, create a gradient from colors #00aeff to #353433.

4

6. Let us now create an circles. Using the Ellipse Tool (Keyboard key: U), create a circle with color fill #ffffff. Make sure the Shape Layers option is activated. Draw the circle somewhere below the bottom half of the backpage document.

5

7. Now repeat Step 6 three more times and draw the inner circles. For the colors I have used # f47721, # 97ca49 and # 010000. We should now have something like this.

6

8. Merge all the 4 circles together in one layer, Duplicate this layer 3 times, arrange and resize the circles so we would have different placements and varied sizes.

7

9. Beneath all our circles layers, let us now draw our vertical lines. Using the Rectangular Tool (U), draw vertical lines from the top of the document and bottom of the document to where our circles placed. Use the same colors as we did with the repeated circles.

8

10. On right bottom all our circles layers, let us now draw our horizontal lines. Using the Rectangular Tool (Keyboard key: U), draw horizontal lines from the left of the document right of the document to where our circles placed. Use the same colors as we did with the repeated circles.

9

11. now add logo as we writing there text based logo using font name Arista.

10

12. in this step we just put our brochure given informative data on back page with heading where we using “Myriad Pro” font even in description text.

11

13. we’re focusing on an importent part of this creative designed brochure “contact” area which is highlighted area.

12

14. in this last step we just finalize our very professional brochure with an water mark style image where already placed some other brochure images in perspective view which make 100 time more professional environment, we just get this image from Link. just remove unnecessory things from this image and transform (CTRL + T) after select this image on banner area (both pages) and drop after set on background and redure opacity 10%, as we shown in below image.

13

Final Result (Front Page)

front

Final Result (Back Page)

back

Design-Brochure

Download Source File

admin
View all posts by admin
Kashif Mehmoods website
  • Delicious
Share for other World:
  • Digg
  • del.icio.us
  • TwitThis
  • Facebook
  • StumbleUpon
  • Technorati
  • Reddit
  • MySpace
  • Mixx
  • LinkedIn
  • Google Bookmarks
  • Yahoo! Buzz
  • DZone
  • Propeller
  • Design Float
  • Diigo
  • Live
  • Netvibes

Related posts:

  1. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
  2. Web Design Blog Layout with 3D Details Using Photoshop In this tutorial, we will create a blog layout...
  3. Corporate Business Website Design Tutorial (Free PSD file) In this Corporate Business Website Design Tutorial you will...
  4. Rainbow Colorful Glowing Text Effect Using Adobe Photoshop One of our new team member showing his effort...
  5. Create Lady Birds Insect Tutorial Using Adobe Illustrator Lady birds, is there any other insect that symbolize...

Related posts brought to you by Yet Another Related Posts Plugin.

, , , ,

This post was written by:

admin - who has written 125 posts on Tutorial Lounge.


Contact the author

6 Comments For This Post

  1. designfollow Says:

    thanks for this great tutorial.

  2. Mac OS X PC Destek TR Says:

    Good tut.

  3. joyoge bookmark Says:

    nice brochure design, thanks for the tut..

  4. clippingimages Says:

    Awesome tutorial. Thanks for sharing this nice post. Very easy and well defined tutorial to design brochure.

  5. Amelie Says:

    Thank you, great tut…

  6. Rajesh Says:

    Thanks for sharing this beautiful techinc. Very easy tutorial to design brochure.

19 Trackbacks For This Post

  1. Tweets that mention Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial Lounge -- Topsy.com Says:

    [...] This post was mentioned on Twitter by Blueprint DesignBlog, Marc Kuiper. Marc Kuiper said: RT @WebDesignBlog09 Creative Brochure Design Tutorial in Adobe Photoshop http://bit.ly/89jXD [...]

  2. Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial Lounge Says:

    [...] is the original:  Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial Lounge SHARETHIS.addEntry({ title: "Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial [...]

  3. Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial Lounge Says:

    [...] from:  Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial Lounge SHARETHIS.addEntry({ title: "Creative Brochure Design Tutorial in Adobe Photoshop | Tutorial [...]

  4. 30+ Awesome Community Link for Designers and Developers | tripwire magazine Says:

    [...] Creative Brochure Design Tutorial in Adobe Photoshop [...]

  5. 30+ Awesome Community Link for Designers and Developers | Programming Blog Says:

    [...] Creative Brochure Design Tutorial in Adobe Photoshop [...]

  6. CSS Brigit | Creative Brochure Design Tutorial in Adobe Photoshop Says:

    Creative Brochure Design Tutorial in Adobe Photoshop…

    Today with respect of users need just design an brochure with 2 pages (front + back page) where we shown an creative company brochure which is providing some services as technology and designing based roundups (Free PSD Source File)…..

  7. Creative Brochure Design Tutorial in Adobe Photoshop | favSHARE.net Says:

    [...] Read the original article [...]

  8. Creative Brochure Design Tutorial in Adobe Photoshop | Design Newz Says:

    [...] Creative Brochure Design Tutorial in Adobe Photoshop [...]

  9. Creative Brochure Design Tutorial in Adobe Photoshop | Web Design Updates Says:

    [...] Creative Brochure Design Tutorial in Adobe Photoshop [...]

  10. Creating brochures: 12 step-by-step Photoshop tutorials | Best Design Options Says:

    [...] Creating brochures tutorial [...]

  11. More Photoshop Resources « Graphic Design Effects & Resources Says:

    [...] Design Tuts In Photoshop [1] Design A Ready To Print Brochure In Photoshop [2] Creative Brochure Design Tutorial In Photoshop Possibly related posts: (automatically generated)Graphics7 Mockup DesignCSS/XHTML ResourcesMagento [...]

  12. 35 Tutorials To Get Your Awesome Design Print-Ready - Programming Blog Says:

    [...] 14. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  13. 35 Tutorials To Get Your Awesome Design Print-Ready – Design Today Says:

    [...] 14. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  14. 35 Tutorials To Get Your Awesome Design Print-Ready « Let's Know about Web Designing Says:

    [...] 14. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  15. 35 Tutorials To Get Your Awesome Design Print-Ready | Web design news and tutorials Says:

    [...] 14. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  16. Designing an Awesome Brochure: Tips, Tutorials and Inspirations Says:

    [...] 2. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  17. Designing Awesome Brochure:Huge List Of Tips, Tutorials and Inspirations – Design Today Says:

    [...] 2. Creative Brochure Design Tutorial in Adobe Photoshop [...]

  18. Lage gode brosjyrer | Webskredder.no Says:

    [...] Kreativ brosjyre-design i Photoshop [...]

  19. Designing Awesome Brochure:Huge List Of Tips, Tutorials and Inspirations | LionWebMedia.com Says:

    [...] 2. Creative Brochure Design Tutorial in Adobe Photoshop [...]

Leave a Reply