Blog Layout 2 « Web « Photoshop Tutorials

1. Create a Newspaper Blog Layout Tutorial Using Photoshop    webdesign.org

So first we'll start a new document, this canvas is 1200px wide x 1400px high. Next we fill the background layer with a white color - #ffffff.

2. How to Design a Modern Blog Layout    webdesign.org

Now create a layer called 'header gradient' and create a linear gradient at the top of your canvas ranging from 115085 to transparent. This should give a shadowed effect to the ...

3. Create Professional Blog Layout Design Using Photoshop    webdesign.org

Type out some logo text in the top left of your canvas, I used the font Helvetica size: 40pt. Then I added a drop shadow blending option (35% opacity, distance: 1px, ...

4. Professional Blog Web Layout    webdesign.org

Increase the size of your document by going to Image > Canvas Size. Use the settings from the following image. Then select the Paint Bucket Tool (G) and fill the background ...

5. How to do a fancy layout for a graphic design blog using Photoshop    webdesign.org

To start the creation you need of course to create a new document, go to File> New (Ctrl/Cmd + N) and edit the name (Template in my example), change the canvas ...

6. Create a Modern Blog Layout    webdesign.org

3. Now, let's tracing our website main content area. Pick the rectangular marquee tool and create a square of 960px wide for approximately 725px height. Create a new layer, and fill ...

7. Simplistic Video Blog Layout    webdesign.org

Screencasts and video blogging is coming more and more increasingly popular nowadays so thought id write up a tutorial on how to make a nice simplistic layout. Right lets get started, ...

8. Watercolored Design Studio Blog Layout    webdesign.org

2. Next, we want to go ahead and add in our background. I used a great stock image I found on deviantart here. The images aren't large enough, but just go ...

9. Blog Layout with Grunge Style    webdesign.org

10. Create a Blue Blog Layout in Photoshop    webdesign.org

Create a new document with the size 1000px by 930px and fill the background with the color #bcdbe9. Double-click on the background layer to unlock it, double-click on it again to ...

11. Beach Layout - Travel Blog    webdesign.org

2. Now we are going to make the beach which it will be place at the bottom of our layout. Select the Pen Tool and make a shape like the one ...

12. Creating a tech blog layout in Adobe Photoshop    webdesign.org

10. It's time for us to add a logo to our blog design. I have chose the Futura bold font with 72pt font size and black color (#FFFFFF). Simply type the ...

13. Simple 2 Column Blog Layout    webdesign.org

4. Next we want to add a little 'shine' to the top of our horizontal navigation. Make a 1px high selection spanning your whole document at the top of your navigational ...

14. Photo Blog Layout    webdesign.org

15. Simple blog layout    webdesign.org

Now open up an image you would like to use for a background. You can make your own, or find a great looking render off of the net. Try using some ...

16. Blog Layout Design    webdesign.org

Having a blog is the last trend on the web. Your blog to be popular is even trendier. Therefore with this tutorial you will learn how to make a unique, colorful ...

17. Magazine Styled Blog Layout    photoshop-plus.co.uk

In todays tutorial Ill be walking your through the process of creating a sleek magazine style wordpress blog in photoshop CS5. Feel free to download the free PSD file at the ...

18. How to Design a Modern Blog Layout | PSDFan    psd.fanextra.com

Sign up today for a FanExtra membership, and get access to hundreds of PSDFAN tutorial source files, weekly members-only tutorials, vectors, icons and design-related discounts.

19. Brilliante Blog Layout Coding The PSD File Into CSS and HTML    designcavern.net

In this tutorial, well be revisiting the Brillante blog design, covering the PSD slicing, HTML/CSS coding, custom fonts embedding and some handy cool tips to improve your website performance.

20. Create A Dark Blog Layout In Photoshop    instinctdesigntuts.co.uk

This design tutorial will show you how to create a clean, professional, dark blog layout using Photoshop. This tutorial uses the 960 Grid System, which keeps the layout looking semantic and ...

21. Create Professional Blog Layout Design Using Photoshop    tutoriallounge.com

Type out some logo text in the top left of your canvas, I used the font Helvetica size: 40pt. Then I added a drop shadow blending option (35% opacity, distance: 1px, ...

22. Create Colorful Blog Web Layout Using Photoshop    psdeluxe.com

Hello, in this tutorial Ill show you how to create an amazing colorful web blog layout using Photoshop. In this tutorial we will use only basic tools, like rectangle tool, gradient ...

23. Creating a Stylish Blog Design Layout in Photoshop    line25.com

One of my current projects is a redesign of my personal blog over at ChrisSpooner.com. The aim is to move away from the current fun and cartoony theme and give it ...

24. How to do a fancy layout for a graphic design blog using Photoshop    2expertsdesign.com

I allow several important parts on this webdesign, like a header with logotype and static pages, a carousel to browse the latest posts (or most popular posts) and below there are ...

25. Creating a WoW Themed Blog Layout    devwebpro.com

In anticipation of Blizzards newest expansion to World of Warcraft. I decided to show you little horde and alliance how to create a World of Warcraft: Cataclysm themed Blog. So lets ...

26. Design a Clean & Tidy Blog Layout Mock-Up in Photoshop    circleboxblog.com

Designing your own custom theme for your favorite blogging platform can work wonders. Itll be unique, admired and something you can be proud of. In this tutorial, Ionut Ciursa will show ...

27. Design a grunge blog layout in photoshop    artbox7.com

Select Rectangle Tool (U) and create a shape. Mine has the following dimensions: 876 pixels by 943 pixels, and as a color I have chosen # d1c49f

28. Creating a tech blog layout in Adobe Photoshop    psdvibe.com

In this tutorial, youll learn how to design a Premium blog layout in Adobe Photoshop, from A to Z. If you have any questions about this tutorial dont hesitate to ask ...

29. Create a modern blog layout in Photoshop    psdvibe.com

In this tutorial, youll learn to create a modern, clean and classy blog layout in Adobe Photoshop using some basic techniques. If you have any questions about this tutorial be sure ...

30. Watercolored Design Studio Blog Layout    psdvibe.com

In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. If you have any questions about this tutorial be sure to ...