User login

Wallpaper


Fresh Free High-Quality Icon Sets

theme Sat 19/09/09 - 12:49:02
The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is
More RSS
Icon


40 Free and Useful GUI Icon Sets for Web Designers

admin Tue 04/08/09 - 12:49:41
Icons are everywhere in a website and their primary purpose of guiding and giving out information to visitors is a highly important one. Other than words themselves, these little graphics within a ...
More RSS
Joomla


JA Raite - Basic yet elegant Joomla template

theme Sat 18/07/09 - 12:31:01
Welcome to JoomlArt 1st template in July - JA Raite! An emphasis on high-performance and use-efficient designs has led us to JA Raite, a light weight concept with more possibilities to adapt to ...
More RSS
Wordpress


Lifestyle v3.0 - StudioPress Premium WordPress Theme

theme Sat 18/07/09 - 12:50:17
Second release of Lifestyle, to ensure compatibility with WordPress 2.7
More RSS
Logo Effect


40+ Hand-Picked Photoshop Icon Designs

vmai Fri 29/05/09 - 01:16:51

 

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.

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
More RSS
Photo Effect


41 Nicest Photoshop Photo Effects

vmai Fri 29/05/09 - 01:06:35

 Looking at how powerful Photoshop can be in terms of photo editing, it’s probably not important if you suck at taking photographs or being labeled an amateur photographer. As long as you picked up a couple of Photoshop photo editing skills, it will still impress those who sees it.

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

 

So the next time you want to publish some photos online, consider editing them so they look more impressive. Here’s a compilation of 41 Nicest Photoshop Photo Effects you can take into reference. Full content after jump.

 

  1. Mental Wave Explosion Effect

    How to create a crazy explosion, like a mix of Magneto’s ability with Peter Petrelli’s power.

  2. Realistic Water Reflection

    How to easily add a realistic water reflection to any photo.

  3. Displacement Effects

    How to use a variety of filters and techniques to produce an image in an experimental style.

  4. Make Photos More Suggestive

    Learn how to make the model in this tutorial more suggestive with awesome curves

  5. Halftone Dots And Linear Light

    A very cool linear light halftone dot effect in less than 2 minutes.

  6. Retro Comic Book Effect

    Creating a old comic book effect for your photos.

  7. Add Realistic Rainbow To A Photo

    Easily add a rainbow, even a double rainbow, to a photo.

  8. How To Make Digital Photos Look Like Lomo Photography

    Take a digital photo and make it Lomoified

  9. Creating A Rocking Silhouette

    How to create a silhouette of a person taken from a normal photo, adding colorful light to it as if the light source is located behind this object.

  10. Adding Reflections To Sunglasses

    How to add reflections, or at least, different reflections, to sunglasses.

  11. Age Progression

    Go about aging a woman’s face in Photoshop.

  12. Alien Invasion

  13. Dark Art Picture Style

    How to combine some stocks and Photoshop techniques to make an amazing dark art picture style.

  14. Bringing A Stone Statue To Life

    How to take a stone statue and alter it to look life-like.

  15. Changing Hair Color

  16. Photo Edit Color Effects

  17. Add Another Dimension

    Create stunning effects using glows.

  18. Crack And Peel

  19. Cool Halftone Effect

    How to create halftone patterns and creatively cut up an image of a model holding a boombox.

  20. Creating Energy Spheres

  21. Devil’s Eyes

    How to make eyes look more sinister

  22. Dynamic Lightning

    How to spice up a fairly dull and flat photograph.

  23. Eery-Eye Photo Manipulation

  24. Expressive Lighting Effects

    How to go about combining several lighting techniques

  25. Fantasy Art

  26. Fiery Photoshop Space Explosion

    Creating a spectacular space scene featuring two planets colliding.

  27. Color Hair Locks

    Getting the hair colored in just few minutes.

  28. Beautiful Lady Effect

  29. How To Turn Your Photo Into Movie-Like Effect

  30. Mosaic, Fill A Photo With Photos

    Create a bit of an optical illusion, filling one photo with many smaller photos, or at least, many copies of a couple of smaller photos.

  31. Photoshop Effects: Focus With Light

    How to add focus to an image with light, using Photoshop’s Lighting Effects filter and multiple light sources.

  32. Zombie

    Turning Mandy Moore or anyone into zombie.

  33. Super Slick Dusky Lighting Effects

    Put together a sunset image mixing some vector shapes and dusky lighting effects to produce a slick image that would make a nice album cover for a chillout mix!

  34. Transform A Person Into An Alien

    How to create a very cool looking alien using Adobe Photoshop

  35. Seriously Cool Photoshop Explosion Effect

    How to break apart a body, then add some awesome lighting and glow, and nopattern style, to finish the image off.

  36. Reflective Bubble

  37. How To Make Circle Pixels (Pop-Art Style)

  38. Easy Watercolor Painting Effect

    How to easily make a photo look more like a watercolor painting.

  39. Watercolor Effect

  40. Realistic Tattoos

    This tutorial uses a few basic photoshop techniques, masking, color adjustment, liquify and the resize and transformation tools.

  41. Robotic Frog

    How to take a regular frog and opened him up to reveal a mechanical skeleton.


    From: HongKiat.com
More RSS
Text Effect


22 Best Photoshop Text Effect Tutorials

vmai Fri 29/05/09 - 12:59:06

 

 

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
More RSS
Tips and Techniques


40 Cool Abstract And Background

vmai Fri 29/05/09 - 01:15:35

 

Attractive backgrounds to any graphics, banners or ads are relatively important. Getting the correct theme, whether it’s an abstract art, vector, or texture pattern, it somehow makes the entire artwork looks more interesting.

Some might not have noticed the great roles background images have played. For instance, forumites uses cool design background before messages in their forum signatures; some product graphic advertisements uses light subtle background to help create focus point; your website and desktop need nice backdrops too. Sometimes when I get a little limited by the amount of content I can insert onto an ad design, I’ll paint a light background behind it so the entire creative don’t look so empty.

Here’s 40 really nice abstract and background design Photoshop tutorials you might want to take a look at. It’s probably not about getting the exact effect they’ve got, but to pickup the technique and see how you can advance from there.

Looking for more photoshop tutorials? Here’s what we’ve previously compiled:

Full list after jump.

 

More RSS
CSS


Tooltips Scripts: 50+ Scripts With AJAX, Javascripts, CSS & Tutorials

admin Thu 06/11/08 - 09:26:45

tooltip scripts and resources

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.

More RSS
Plugin


Making the alien face

vmai Mon 20/10/08 - 11:56:44

In this tutorial I will show you how to give someone an alient style. This is considered to be one of the devilish sides of photoshop.

Always remember, you can use photoshop either for good or for evil.

That’s what we’ll get at the end:

More RSS
Style


Making a Brochure Ad, Using Filters, Magnetic Lasso Tool

vmai Mon 20/10/08 - 11:53:04

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!

More RSS
Layer


The best 32 Free PSDs you can find on DeviantArt

admin Fri 26/09/08 - 02:30:28

 

More RSS
eBook


Adobe Now Shipping Creative Suite 4 (CS4)

vmai Tue 21/10/08 - 12:15:16

CS4 Boxes ShippingToday 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.

More RSS