Photoshop.VN

http://static.hongkiat.com/assets/RSS_32.gif); background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; background-position: initial initial; ">Don't miss any article. Subscribe to RSS feed, or follow us in Twitter

We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it’s limitation too. Here’s few we can quickly think of:

• Copyright. Most free icons restricts usage on non-commercial product/website only.
• Size. Don’t you just hate it when you found your favorite icon but it’s only a 32×32 and you wish they have a bigger version?
• Colors. You found the exact icon you want, but the color is just not right.
• Transparency. Some author did not distribute their free icon in .PNG or original source. That makes it hard to implement their icons on our design.

Creating your own icon not only overcome above mentioned problem, at the same time you gain and brush up your Photoshop skills. Nothing beats the satisfaction of creating things on your own. We’ve crawled the net, searching from sites to sites and here’s a 40+ hand-picked Photoshop tutorials that guide you through icon designing. Have fun.

You might also be interested in these following Photoshop articles we’ve previously published.

• Nicest Photoshop Photo Effects
• Web Interface Design Tutorials
• Best Photoshop Text Effect Tutorials

Full content after jump.

Adobe Photoshop CS3 Icon

How to quickly make a slightly altered looking Adobe CS3 Icon.

Angry Emoticon

Learn about special effects while converting an ordinary orb into a fantasy art piece.

Create A Glossy Home Icon

Learn how to design your very own glossy home icon in Photoshop

Perfect Shine Button Or Icon

How to create a cool looking button or an icon to suit your need.

Create A High-Gloss Graduation Hat Icon Design

How to make a professional, shiny, clean graduation hat icon.

Create A Jaguar Style Folder Icon

How to cover an object in a Jaguar style fur texture.

Create A Mockingly Smiley

Simple way to create a glossy mockingly smiley in Photoshop.

Create A Shiny Lock Icon Design

Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!

Create Icons Tutorial

Create a glossy looking icons.

Creating A Cool Yellow Helmet Icon

Create a helcom icon from photograph.

Creating An XP Style Monitor Icon

Create a simple monitor icon in that style.

Design A Glossy Download Icon

You want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.

ITunes Icon In IPhone

This tutorial will show you how to effectively create the iTunes icon found on all iPhones and iPod Touches.

Draw Magnifying Glass

Learn how to create magnifying glass, which you can use it as button or asicon

Vista Aero Thumbnail Icon

Create the glossy border around most of Vista’s icons.

World Icon Tutorial

Create world icon in Photoshop.

Glossy RSS Icon

In this tutorial we are going to create a colorful RSS icon for your blog.

Glowing Orb With Dial

Experimenting with layers and styles to create a cool glowing orb and dial effect.

Home Icon

In this tutorial, you will learn to create a home icon.

How To Make A Folder Icon

Learn how to create a nice folder for your desktop or a website.

Illustrate A Traffic Cone Icon In Photoshop

Drawing a traffic cone, another handy icon for "under construction"

ITunes Icon

The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon.

Mac Os X Mail Icon Style

Learn how to make the Mac OS X Mail’s icon in a easy way.

Making A Photoshop Shield!

Use the Path Tools in Photoshop to draw a shield-like shape.

Designing A Safety Icon

Design safety icon in Photoshop.

Pyramid Icon Design

How to use your pen tool to create a simple and easy triangular icondesign that can be used as your logo or a bulletin.

Custom RSS Feed Icons

Two ways to make your Feed Icons custom.

Photoshop Video Game Mario Icon

How to Create Photoshop Video Game Mario Icon.

Recreate The Famous Yahoo! Smiley

How to recreate the famous Yahoo! smiley face.

Skype Buddy Icon

Learn to draw skype buddy icon with this tutorial.

Skype Logo

Learn how to create in easy steps logo for Skype.

Stylish Search Icon

Learn how to design a professional stylish search icon.

QuickTime Icon

Design Quicktime Icon in Photoshop.

Clock Icon

Create simple clock icon.

Mac Sphere Icon

Create Mac Sphere icon.

The Making Of An Icon

Insights into the process of making icons.

Creating A Clock Icon

Yet another clock icon tutorial in Photoshop.

TV Icon

In this tutorial, you will learn to create a tv icon.

Vista Error Icon

How to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.

Vista Firewal Icon

Design a Vista Firewall Icon

XP Style Woman Icon

Learn to draw a xp style woman icon.

From: HongKiat.com

Typography means a lot in any medium kind of presentation. Whether it’s a logo, banner or just a title; being able to inject creativity into it not only help in delivering the message across, it also leaves solid impression on the viewer. Good typography design is not easy, or should I say getting the type match and speaks for the product is often a very challenging job.

Here are some of the best Photoshop text effects tutorials on the web, and as usual it’s the creativity that counts. Full content after jump.

1. ‘Bee Movie’ Text Effect

   

2. Metal Text Effect

   Really metallic chrome effect.

   

3. Grass Text Effect

   Cool looking grass-text effect using a photo of grass, the pen tool and a bit of patience.

   

4. Leopard ‘X’ Effect

   

5. Exploding Text Effect

   9 Steps in creating an exploding text.

   

6. Reflective Liquid Effect

   Realistic text made from water drops.

   

7. Slow Shutter Text Effect

   Learn how to create this stunning slow shutter text effect using just Photoshop.

   

8. Flaming Meteor Text Effect

   Take typography one step further by having text falling from the sky in a burning inferno.

   

9. Smooth Glass Effect

   Nice looking translucent glass type that’ll work great on any background, made completely with layer styles.

   

10. Soft Stylized 3D Type

    Basics of creating polished 3D type using Illustrator and Photoshop.

    

11. Fire Burning Text Effect

    How to use a photograph of fire to set text to the match.

    

12. Text Graffiti

    

13. Bling Text Effect

    How to make a realistic bling bling gold and diamond text.

    

14. Supernatural Text Effect

    Creating a smoky night effect on text to give it an eerie supernatural sort of feel.

    

15. 3D Typographic Effects

    How to add the wow factor to 3D text using Photoshop’s art tools.

    

16. Chain Text

    

17. Smooth Chrome Text

    

18. Starcraft Text

    How to create a nice StarCraft style wallpaper.

    

19. Advance Glow Effect

    

20. Old School Type

    

21. Grunge Rubber Stamp

    Simple method to create grunge brushes, and to detail how these brushes can be used to reproduce realism in our rubber-stamped logos.

    

22. Swirl Text

    Useful for creating a unique logo for your website.

    

    From: HongKiat.com

Tooltip, together with a user mouse-pointing (or clicking) action provides more information about a particular section, keyword, paragraph or any web element. Tooltips are fundamentally build-in into HTML. You can achieve basic tooltip just by using TITLE="", ALT="" or even the HTML tag. However displaying tooltips for our readers can be more fun, interesting and interactive by taking advantage of Javascripts, CSS, Ajax with HTML.

Here’s more than 50 Tooltips Scripts you can implement for websites, organized in categories of CSS, Javascripts, Javascript Frameworks, couple of tutorials to build tooltips from scratch as well as plugins for blogs. Full list after jump.

In this tutorial, we will be looking as how to make use of elements from an image, isolate it neatly, and use it in some other place, for this we need to know about the selection methods. In the following tutorial, for this purpose we will learn how to use the Magnetic Lasso Tool. Also in this tutorial we will see how powerful the filters can be in changing the feel of an image, along with the blend modes of layers.
Do note that this is just a method, once you get the understanding, you can use these same techniques and methods and apply them else where. You can either use my values, or try your own, remember experimentation is a great way of learning, so feel free to explore!

Today is the day that you have all been waiting for: Adobe ships Creative Suite 4. CS4 is promised to be full of greatness, awesomeness, adventure and some sweet new features. With this announcement, places like NAPP’s Photoshop CS4 Learning Center, Layers Magazine’s CS4 Learning Center and the many new Kelby Training Online Training CS4 classes become that much more useful. I highly suggest checking out those places to get you started looking like a CS4 pro right when the boxes land on your doorstep.

Check out the full CS4 shipping press release after the jump.

SAN JOSE, Calif. — Oct. 15, 2008 — Adobe Systems Incorporated (Nasdaq:ADBE) today announced the immediate availability of the Adobe® Creative Suite® 4 product family, the highly-anticipated release of industry-leading design and development software for virtually every creative workflow. Delivering radical breakthroughs in workflow efficiency – and packed with hundreds of innovative, time saving features – the new Creative Suite 4 product line advances the creative process across print, Web, interactive, film, video and mobile.