Create a social blog design with Photoshop and Illustrator
Blogs allow viewers to gain a closer, more intimate look at its content. It also tends to be a perfect outlet for creative expression and conveying some vital personality
17 Fraying edges of paper
Select the Eraser tool in a slightly grungy brush. Set Windows>Brushes to Shape Dynamics – Pen Pressure and gently erase away at both edges using 65% Opacity. Make sure the fraying looks organic, as though it withered away naturally. Use the Dodge tool at 4% Exposure along the edges to slightly darken it.
18 Sandy texture
Open sand.jpg and Copy/Paste it onto a new layer above ‘paper’. Change its Opacity to 20% Multiply. Trim away at it by using the Rectangular Marquee tool to select and Delete certain portions so it only covers the navigational area. Doing this creates a nice visual separator between the navigation and main body.
Follow our 
to find out about all the latest web development,
news, reviews, previews, interviews, features and a whole more.
to find out about all the latest web development,
news, reviews, previews, interviews, features and a whole more.
Is there an easier way for Step 12 – Copy into Photoshop?
This is one of the most comprehensive tutorial I have ever read online, thanks a bunch!
It would be nice to know where all the brushes etc came from? Well put together tutorial though.
First time reading a tutorial here! Very informative and look forward to more posts.
Interesting tutorial, but the need for a tablet will exclude some readers.
This was helpful for design, but how do you go about getting it published on to a blog site such as blogger?
Thanks
this is a really helpful tutorial . thanks a lot!!
Very Very Nice……
This surely beats the stock layouts that blogging softwares are packed with.
I am a Novice with Photoshop & I wish to learn how to make use of it. I’ll be glad if you can help me with a step by step guide on how to make use of Photoshop mainly for photo effects.
Thanks
this is a great guide man, I love finding really good step by step guides like this, it just makes everything so much easier! Thanks a bunch man
Very good ! Thanks!
Is there a link for the brushes that were used?
Is there a reason why you continually promote the wrong tools for the job of website design (Photoshop and Illustrator) in preference to the tool designed for the task; Fireworks.
uhm…could it be because Fireworks just sucks?
Great tutorial! Very useful. Thanks :)
Very interesting tutorials easy to learn…
Your blog is really helpful for photoshop tutorial & lots of tips!
many many thanks for sharing this nice post!
Thanks so much for the list, i’m going to use this on a few projects of mine
thank you for sharing. it is helpful!