Design

How to Create a Blog Layout in Photoshop

by sanjay on January 23, 2012

how-to-create-a-blog-layout-in-photoshop

Creating a blog layout isn’t that hard, the only thing you need is what kind of layout do you want. It maybe two column, three column and the list goes on. Keep in mind however that most themes have multiple page templates today e.g. blog index, archive page, contact page, front page (for CMS style sites where the blog is just an element). Today we will create a blog layout (the blog index page) in Photoshop, and convert it onto HTML / CSS (on the next series) and finally on a convert it again on a WordPress Theme. I hope you are ready because everything will be from scratch. :)

Our first part is to create the layout in Photoshop, and we are using a two column layout for our blog.

I suggest you subscribe to our RSS because this will be a series of tutorials and you don’t want to be left behind!

[click to continue…]

{ 1 comment }

How to Create a Seach Bar in Photoshop

January 10, 2012 Photoshop

I’ve been thinking to put a search box on my site lately, and while doodling in Photoshop for some design I finally had something. So while I am still waiting to decide on where on my site I should put it – I wanted to show you how I created it in detailed steps. Again, [...]

Read the full article →

35 Creative 2012 Calendar Designs

December 25, 2011 Design

A calendar is a system of organizing days for social, religious, commercial, or administrative purposes. This is done by giving names to periods of time, typically days,weeks, months, and years. A calendar is also a physical device. This is the most common usage of the word. Other similar types of calendars can include computerized systems, [...]

Read the full article →

How to Create your Own Chat Window UI in Photoshop

December 10, 2011 Tutorials

Recently I was talking to a friend on Facebook, during the conversation I noticed the chat window UI and though to my self “what if I design my own chat window”? Well that’s the inspiration for today’s tutorial, we will create our very own chat window in Photoshop. Although the techniques that we will use [...]

Read the full article →

160+ Amazing Web Design Tutorial Collection

October 31, 2011 Tutorials

Designing websites is a creative process and it isn’t easy at all to get started if your don’t have the right ideas, inspiration and tools available. There are several different ways you can approach the design process and depending on what type of design task you’re facing some have pros and some have cons. If [...]

Read the full article →

50 Beautiful and Cool Websites using Character Illustration

June 2, 2011 Web Design

The use of character illustration in web design is a great and easy way to increase the amount of visual appeal your website has. Not only does it brighten things up and make your site a bit more captivating, but it also, if pulled off well, helps your visitors remember your design. Although your website’s [...]

Read the full article →

65+ InDesign Tutorial Roundup for Graphic Designers

June 1, 2011 Design

Adobe InDesign is a software application produced by Adobe Systems. It can be used to create works such as posters, flyers, brochures, magazines, newspapers and books. In conjunction with Adobe Digital Publishing Suite InDesign can publish content suitable for tablet devices. InDesign is the perfect choice for making any document that needs some creative layout, [...]

Read the full article →

40 Vibrant and Juicy examples of Orange Websites

May 31, 2011 Web Design

The color orange occurs between red and yellow in the visible spectrum at a wavelength of about 585–620 nm, and has a hue of 30° in HSV color space. It is numerically halfway between red and yellow in a gamma-compressed RGB colour space, the expression of which is the RGB color wheel. The complementary color [...]

Read the full article →

30 Creative Global Warming Best Poster Design Inspiration

May 28, 2011 Design

If you want to promote a product, a cause, or an idea, one of the best ways to do it, is to put up an advertisement poster or billboard. This is because advertisement posters have the ability to reach a great number of people wherever they are and whatever they do, in an economical and [...]

Read the full article →

← Previous Entries