Web Design | Psd-tutorial.com - Free Resources For Adobe Photoshop, Graphic Design, Web Design & Photography References

Jan 1, 2010

Why is Photoshop Good for Web Design?

Photoshop is a great graphics editor. It was originally designed for photo editing, but it can be used for many other tasks. One of such is web design. Now days, nearly all professional web designers are using Photoshop to build websites because of its powerful features and easy to use tools. If you have never designed a website before you can simply use Photoshop to handle everything from design to code for you. However, this is not the best way to design a website, but it is possible, and if you are new to the web design world you can get a website up and running quickly without learning HTML and CSS.

Using Photoshop to design a website is not the same as designing a brochure for example. You need to know the limitations of the current web browsers and the functions available on the web. For example, you might come up with something that’s totally amazing, but later you find out it isn’t buildable. Understanding the limitations will allow you to bend the rules without breaking them! Many London website design professionals tend to prefer to design the layout and graphics in Photoshop and then slice the images afterward. So if you are serious about designing websites you need to use software like Dreamweaver along with Photoshop.

Dec 29, 2009

Posted by Albert Lie | 2 comments

Photoshop Tips For Novice Web Designers

Have you thought about designing your own website? The truth is you don’t need to be a professional web designer to design websites? However, you do need some design background in order to create a decent looking website. If you have done some research yourself you know the first step starts from Photoshop or paper. You need to create the design first before any coding can take place. Fortunately, it’s actually quite simple when you know the basics of web design and how a website is structured. You might want to read some materials on this before designing one.

Creating a website layout in Photoshop will require you to know there are three main components – the header, the body and the footer. You might also have a sidebar. Think of these as containers that will hold your contents on the page. A web page is normally structured in this way, so if you can get your head around this you will find it much easier in designing it. You should create a folder in the layers palette for each one of these containers and put graphics, text, images in them accordingly. Doing so will keep your document organized.

The next thing you need to decide is the wide of your website. At the time of writing this article, the most common screen resolution is 1024px x 768px. Knowing this, your website layout should be no wider than 950px otherwise the scroll bar will appear. You can take a screenshot of the browser window and use that a guide to help you see how the page would look like with it. Simply cut out the content section after the printscreen command and then stick it on the very top layer. You can switch it on and off to see the difference.

Jun 12, 2009

Posted by Albert Lie | 102 comments

VistaIcons.com – Free Vista Style Icons Down...

Today, i’m gonna share to you about VistaIcons. What’s VistaIcons?

VistaIcons.com is a collection of free Vista Style icon sets of over 2500 high quality icons in png and ico format. From VistaIcons.com. you can freely download 256×256 PNG icons for Windows Vista.

This blog is one of my favorite resources to search & download vista style icons. I can say that VistaIcons provide so many high quality icons. The design of icons are excellent, you can use it for self purpose. Unfortunately, they only provide PNG file type, when others usually provide .ICO file type for icons download.

One interesting part here is they also provide free icon making software, but i still prefer using adobe photoshop for this purpose (click here for all list)

There is another information for you who don’t interested in icons. VistaIcons has another useful blog & website for you! Here is the list!

www.scanwith.com – Security & Privacy Tools
www.csselite.com – CSS Gallery | Showcasing the best in CSS web design & development
www.vistaknowledge.com - Windows Vista Desktop Customization

Here is some of their gallery of VistaIcons. Feel free to download their icons for self purpose only

Jun 5, 2009

Posted by Albert Lie | 163 comments

50 Beautiful Hand-Drawn Web Design

Most web designs starts off with a pen and paper before its taken over by Photoshop. However, we’ve noticed a new trend (probably not too new) where designers are bringing back sketches as a form of design. Without a doubt, hand-drawn art is one of the popular styles adopted into web designs. Nothing is better than using these sketchy designs to convey and reflect individual styles.

In this post, psd-tutorial.com would like to show you 50 great examples of how hand drawing and web design can fit beautifully together. Those are rare way of doing web design job. Most web designer prefer using computer graphics as their final result of web design job. This post is originally from hongkiat.com, but short review below is written by psd-tutorial.com

I personally like these artworks:

K4 Laboratory : i like the combination of hand drawing & computer graphics.
Simon Reynolds : because it’s funny! ^^
Philipe Mignotte : very neat hand drawing!
Mikimottes : funny image
Look Designs : great idea!

—————————————————————————————————————————————————————————

Elegant Icons For Your BlogMarch 10, 2010
Creating the set of attractive and stylish Windows 7 (Mac OS) icons was not really the goal of our specialists . New and exotic icons of that kind are certainly in great demand and we appreciate th…
Desktop Wallpaper: 80+ Most Breathtaking Places on…March 10, 2010
There are many sources of inspiration that designers look to when trying to get their creative juices flowing. I think there is none better than the breathtaking landscapes that nature has to offer…
10 Useful Firefox Plugins For Twitter LoversMarch 9, 2010
With these Twitter plugins, you are able to send/receive tweets and work in your browser at the same time.
50 Hot New Tutorials (Part1)March 9, 2010
Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from a…
Principles to Become (and stay) Strong in the Sear…March 8, 2010
Here we will look into a few factors that will help you stay strong in search engine rankings.

Psd Tutorial on Other Blogs

Community News

Add News

Partners

This Site Is Hosted By: