New Tutorial: Smooth Content Frame in Photoshop

on Dec 23, 2007

If you’re new to web design and wondered how to make your content a little bit more attractive—how to create a simple, yet elegant, frame to put your content in—then I’ve got a little tutorial for you. This tutorial uses Photoshop to create the image, but I assume no prior experience with it so anyone can attempt this simple illustrated guide. Without further wait, here’s my tutorial on making a smooth, rounded content frame.


  1. Comment by Fred Yates — Jan 2, 2008 @ 2:33 pm

    Very useful for beginning web designers. My friend from school is brand new to web design but I have some decent experience, this is something that would greatly benefit him.

    Also I don’t know if you know this or not but the text field here on this form is wider than your content area. Maybe it’s just my system for some reason, but I thought I’d give you a headsup. For instance, while I’m typing this my cursor and text disappear behind your Categories sidebar.

    Otherwise, I love the site and it’s simplicity, great job.

  2. Comment by Dmitry Fadeev — Jan 2, 2008 @ 2:42 pm

    Thanks for the comment Fred, I’m glad this is useful :) The text input area is indeed a bit wide, and it is my fault that I’ve not spent more time getting this sorted out - shame on me! I shall have to remedy this now

    EDIT: have now fixed the textarea :)

  3. Comment by Martin — Jan 5, 2008 @ 8:24 pm

    Hey guys. Great site!

    You have broken code on this article. when viewed in ie 6 the contact info appears over the second to last screen shot.


  4. Comment by izmir evden eve — Jul 16, 2008 @ 3:41 am

    thank you….

  5. Comment by evden eve — Jul 18, 2008 @ 8:31 am

    thank you…

RSS feed for comments on this post. TrackBack URL

Leave a comment

Contact Information

If you would like a quote or a project proposal, just click here to fill in our short client web form and we'll get right back to you.

Direct Contact Details

Email Email: Skype Tel: +44 (0)20 8816 8876