You can also go through some Photoshop text effect tutorials.

Create Glossy 3D Text with Photoshop

This detailed step-by-step tutorial shows you how to create 3D text tutorial using only Photoshop default tools.This tutorial can be very useful to understand how highlights and shadows works.

Create Brilliant Glossy Typography in Photoshop

Photoshop and Illustrator are a powerful combination. They can be combined to create just about any type of illustration. I will demonstrate how to sketch a drawing, refine it in Illustrator, and then bring it into Photoshop to create a truly brilliant glossy typographic illustration.

How to Create a Retro Metal 3D Design

Photoshop and Illustrator are a powerful combination. They can be combined to create just about any type of illustration. I will demonstrate how to sketch a drawing, refine it in Illustrator, and then bring it into Photoshop to create a truly brilliant glossy typographic illustration.

How to Make 3D Neon Light Typography

This tutorial will take you through how to create a unique piece of digital artwork. You learn how to compose the 3D type and then add effects and imagery to achieve the final results.

Create Organic Lettering Using Photo Manipulation

In this tutorial you will learn how to make a photorealistic lettering illustration rather than something purely vector, or something created through non-digital methods.

Video Game Cover Light Effect in Photoshop

In this tutorial designer will show you how to create a super cool dramatic light effect using simple filters and blend modes, but with an awesome outcome.

No wonder many graphic artists want to learn this technique, so in case you are one of them, here are seven resources for how to easily re-create the smoke text effect. Take your pick below or, better yet, try all of them!

You may also be interested in Photoshop typography tutorials.

1. Smoke Type in Photoshop in 10 Steps by Abduzeedo

Believe it or not, this supereasy tutorial can let you finish the entire design process in five to 10 minutes! Abduzeedo shows you how to create a smoke typography effect by just playing with some brushes and adjustment layers.

2. Smoked Text Effect by Photoshop Star

Small and simple, this tutorial on how to create text with the smoke effect deserves five stars for being absolutely user-friendly. It only consists of seven steps and makes use of a brush that is also available for download from the site.

3. Create Smokey Typography in 12 Steps by PSDFan

You’ll be blown away by the final output of this tutorial, so don’t get discouraged with the hefty number of steps. Instead of using smoke font types, PSDFan made use of images that are actually available on the site for you to download. Don’t forget to check out the 85-plus comments from this tutorial’s fans to learn more tips and tricks.

4. Create Smoke Text by PSD Learning

The smoke texture is more fun when played around with, and in this tutorial, you’ll learn how messing with type and a smoke image can create a superawesome abstract wallpaper. This tutorial will also prompt you to think out of the design box!

5. Smoke Text by Picture to People

Taking advantage of the font faces can help you to get better results with no extra effort – that is what you’ll learn from Picture to People’s tutorial. In fact, the site has already illustrated and compared several fonts for you to choose from.

6. 21 Awesome Smoke Brushes by Qbrushes

By now, you must have realized the big part brushes play in creating a smoke effect. You’ve also seen one or two brushes from the earlier tutorials, but wait – you should check out Graham Jeffrey’s fantastic collection of brushes. They are totally free to download under a Creative Commons license.

7. Handmade Fonts

This one is not a tutorial but a place for you to buy handmade smoke fonts. The site specializes in developing unique, untraditional fonts that take inspiration from everything that surrounds them.

Are there any other great smoke tutorial and tips that we have missed? Please share them in the comments!

Vintage elements, fonts, and textures bring back feelings of nostalgia; but what’s more important, they let a creative designer breathe a new shiny life into a website look and feel.

Here are 9 modern day tutorials to recreate an amazing design era.

1. 1960s Psychedelic Style Concert Poster

The ’60′s were the kaleidoscope world that saw swirling patterns of colors and wavy typography. This tutorial shows how the use of the Warp Tool and applying texture can achieve a realistic psychedelic graphic design.

2. Wicked-Worn Vintage Pop-Art Design

This is a basic to intermediate tutorial that calls for real-life elements such as an old and dirty piece of paper. This tutorial shows how to achieve a "wear and tear" style that shouts vintage without having to ride a time machine.

3. Retro Pop Art

Back in the day, half-tone dots and Ben-Day dots were heavily used to economically print comic books. This tutorial recreates the retro comic book style by implementing half-tone effects and big burst background that can get any graphic design into real retro action.

4. Abstract Retro-Pop Wallpaper

This tutorial sets you up to explore and learn some fun skills such as creating the familiar flowery retro abstract shapes, using transform and desaturate, and that familiar 3D vintage game effect. Tetris, anyone?

5. Retro Grunge Poster

Eight steps are all it takes to rock a retro grunge design with this tutorial. Take note that grungy does not equate to dirty. This guide will teach you to use the pen tool and some textures to achieve the real "grunge" effect.

6. 1950s-Style Movie Poster

A very friendly and entertaining lesson on how color, geometric shapes and text can bring back modern photos in "reel time." The point of this tutorial focuses on achieving authenticity and presenting maximum impact.

7. Sweet Old School Album Cover

Your newest digital camera may be sweet but it surely doesn’t have the vintage sauce of old-school lomo cameras such as the Holga and the Diana. This tutorial shows how a pseudo cross processed method achieves that old yet groovy style.

8. B-Movie Poster Art

Flying saucers, giant creatures, and invaders from Mars. Don’t you just love B movies that’ll make you crack up? You can bring this cinematic experience to your graphic design with the help of this tutorial. Learn how combining 3D renders with stylized photography, text and smoke emulates the 1950′s popcorn experience.

9. Make Your Own Pop Art

This five-page tutorial brings to light the birth of the consumer culture of the 1950′s. The era saw product posters and even soup cans make their way to the art galleries. Learn how to glorify mundane things using this style via layering, the Live Trace tool, filters and image selection.

Are there any great retro tutorials you are aware of? Please share them in the comments!

1. Build a Striking Breakout Game in Flash

Using the Flash drawing tools we’ll create a great looking graphic interface that will be powered by several straightforward ActionScript 3 classes. The user will be able to play through a series of levels and you, the developer, can easily add as many levels as you like!

2. Awesome Flash BlackJack Game

In this Premium Tutorial, you’ll be building an amazing BlackJack game, from scratch, using Flash and AS3.

3. Create a Slot Machine Game in Flash Using AS3

Let’s have a crack at building an entertaining Slot Machine game in Flash and AS3 . Spin the wheels and see what you could win!

4. Create a Space Shooter Game in Flash Using AS3

Follow the straight-forward steps of this Premium Tutorial to create an entertaining shoot-’em-up with Flash and AS3 .

5. Hangman Game in Flash Using ActionScript 3.0

Developing a game is must-have skill if you are a Flash Developer, it makes use of many different ActionScript methods and properties, plus you will have plenty of fun in the process! In this tutorial, I will show you how to create an advanced Hangman game using ActionScript 3.0.

6. Design and Develop a Flash Shooting Gallery Game

In this Tutorial, I’ll teach you how to combine several ActionScript 3 classes and skills to create a fantastic shooting gallery game.

7. Create an Epic War Game in Flash

Creating a game is definitely one of the most involved tasks in the world of programming. Even a small platformer can take a lot of time and effort to build.

8. Build an AS3 Tetris Game From the Ground Up

In this Active Premium tutorial we’ll be creating a variant of the classic Tetris game, explaining general game concepts as well as some specific to this genre.

9. Customizing Game Characters with Palette Mapping

In this flash tutorial author will show you how to use AS3 ‘s PaletteMap feature to create a character customization interface for your next game.

1. Create a Flash Login System Using PHP and MySQL

This tutorial will demonstrate how to create simple but professional Flash login system using three different programming languages; AS3, PHP and MYSQL.

2. Get User IP Address Using PHP and ActionScript 3

An Internet Protocol Address (IP Address), is a unique number assigned to every device connected to the Internet. For different reasons, it can be useful to get the user IP address, like blocking a spammer user in a chat application for example. In this tutorial, I will show you how to get and display the user’s IP address using PHP and ActionScript.

3. Using Actionscript 3.0 With PHP : Loading External Variables

Creating dynamic websites which combine the power of Flash or Flex with PHP is easier than ever with ActionScript 3.0.

4. Connect to PHP with Actionscript 3 and Post variables to PHP

This is the simplest way to communicate with PHP and Actionscript 3 and it’s extremely fast and efficient as well.

5. Flash Contact Form in ActionScript 3 and PHP

This flash contact form is simply made in Adobe Flash CS3 ActionScript 3. Email validation is better than previous version in ActionScript 2. It sends the form field variables to PHP and loads the response variables back to Flash using URLVariables, URLLoader, and URLRequest classes. It will be very useful for you to use or adapt it for your Flash projects.

6. Introduction to Flash and PHP

This is the first part of a series of tutorials looking at using PHP and Flash. In this first tutorial we’re going to take things relatively easy.

7. Actionscript 3.0 Tutorial PHP MySQL Bar Graph Dynamic Basics [video]

Learn the very basics of creating dynamic bar graphs using Flash Actionscript 3.0 for CS3 CS4 and CS5. We use PHP and MySQL for dynamics.

8. Creating an Email Form with Actionscript 3.0 and PHP

Developer will explain then describes step by step how to create a basic form of sending email using Actionscript 3.0 and PHP.

9. Hit Counter Flash + PHP for full Flash website pages

With this tutorial you will learn how to create Flash hit counter using Actionscript and PHP.

10. Flash Website Voting Poll Tutorial: Actionscript 3.0 PHP MySQL [video]

Learn how to build more creative polling and voting applications for all of your website projects. We are using Flash Actionscript 3.0, PHP, and MySQL.

11. PHP Session Variables + ActionScript 3

This is a forum post which will help you in using Session Variables with PHP/AS3/MySQL.

12. Object Oriented ActionScript 3, using PHP & SQL

This tutorial explores one of many methods, which could be used to allow an ActionScript 3 swf file to communicate back and forth to an SQL database, storing and retrieving values in a table.

13. Build a Dynamic Gallery with ActionScipt 3.0 and PHP

In this tutorial, we’ll create a gallery which displays all image files in a given directory. A slider is used to browse easily through the images.

14. Create a Comment Form with Flash, PHP, XML and MySQL

In this tutorial, developer will show you how to use Flash, PHP and MySQL together. We’ll build a simple comment form that takes entries and stores them in a database. We’ll use PHP to retrieve the entries and format the comments into XML form.

15. PHP/Flash Score List [video]

This tutorial explains how to make a asy and simple PHP/Flash/MySQL high score list for your website and flash game.

16. Creating a Reusable Flash Uploader with ActionScript 3.0 and PHP

In this tutorial developer will show you how to build a Flash uploader for uploading files from the user’s computer.

17. Flash guestbook with PHP

Learn how to create flash guestbook using PHP and Actionscript.

18. Developing Flash based applications with PHP

Here is a simple tutorial with step-by-step learning on how to connect make Flash based applications to interact with PHP programming- helping you to start and explore backend database driven Flash.

These CSS3 Navigation tutorials are more experimental. You can also create user friendly horizontal and vertical CSS3 navigation. Javascript makes it possible to create more interactive, flexible and more responsible navigation to any web site. Some navigations and menu tutorials discussed here which would help you to experiment all the new properties of CSS3 successfully.

You may also be interested in:

Newest Design Trends with Popular CSS3 Techniques
How To Develop CSS3 Border Radius Tool
Everything You Need to Know about CSS3 Color Techniques
7 Useful CSS3 Code Generators

JQuery Style Menu With CSS3

Here is an experimental CSS3 navigation. The outcome was a simple animated sliding vertical CSS3 navigation. It adds styling for the anchor tags with some fancy web kit border radius and box shadow. It gives shape, depth and completeness to image background.

CSS3 Dropdown Menu

CSS3 drop down menu adds some new features. The creation of multi-level dropdown menu that using border radius, box shadow and text shadow shown here. This dropdown also works on non CSS3 compatible browsers.

Apples Navigation Bar Using Only CSS

This is mainly image free apple CSS3 navigation. This toolbar created using only CSS. You can give rounded corners and drop shadows to this CSS3 navigation element. 

Create a Slick CSS3 Navigation

This is only an experimental example that uses the new features of CSS3. That tries to mimic the CSS3 navigation menu in dragon interactive website using only CSS.

Sweet Tabbed Navigation Using CSS3

If you are interested in creating a sweet tabbed CSS3 navigation this tutorial will definitely comes to your help. It provides you a step by step description to how create tabbed CSS3 navigation. After creating navigation you can use some CSS3 features to make that navigation look beautiful.

Advanced CSS3 Menu

Just using CSS3 you can create great looking buttons. CSS3 made simple of creating these buttons by providing new features. So now creating a nice looking CSS3 navigation is not a difficult task.

Use CSS3 to Create a Dynamic Stack of Index Cards

This mega dropdown menu offers an effective solution to displaying a lot of content at the same time it helps to keep a layout clean. Here is a neat description to know how to build a cross browser CSS drop down menu using CSS3 features.

How to Build a Kick Butt CSS3 Mega Drop Down Menu

The navigation provides a great place to have little fun and insert some personality. To this unique CSS3 navigation menu it use font face, transforms and transition features of CSS3. A usable CSS3 navigation is a staple in good web designing.

Creating a Fun Animated Navigation Menu With Pure CSS

This article shows you how to create a simple animated CSS3 navigation menu. It is future proofed to work with next generation browser. Here menu is organized in an unordered list it provides an easy way to style the menu links and it is semantically correct.

CSS3 Minimalistic Navigation Menu

This article shows you how to create a simple CSS3 animated navigation menu. It is future proofed to work with next generation browser. Here menu is organized in an unordered list it provides an easy way to style the menu links and it is semantically correct.

Accordion Using Only CSS

This tutorial helps you to achieve accordion effect using CSS3. It doesn’t require javascript. You can also animate this by using web kit transition property. This accordion like CSS3 navigation can add up value to your site.

Accordian Effect Using CSS

 How to create a pure CSS based accordion effect without javascript is described in this tutorial. It is concentrated on utilizing targeted pseudo class. It uses CSS transitions to animate the effect.

CSS3 Menu Demo

This page provides you code for the creation of horizontal chunky menu. It uses only CSS properties to create this menu. So there is no need to worry about javascript disabled browsers.

CSS3 Transition Tutorial Menü mit Slide-Effekt im Apple-Style

Here you will get a detailed description of CSS3 transition tutorial menu with slide effect in apple style along with code and images.

How to Create a Drop Down Nav Menu with HTML5 CSS3 and JQuery

This tutorial shows you what you can achieve with HTML5 and CSS3. The result will be the dropdown menu. It also used jQuery to handle the effect and add finishing touches.

Osx Dock

A modal that helps web developer who are using webkit based browsers, CSS3 effects and properties to create fast, simple modals by using transforms, animation and some other design cues.

How To Create a Sweet CSS3 Vertical Navigation

Here is stuff for creating a beautiful vertical CSS3 navigation. Without using an image it displays an icon in the centre. When the user hovers over the circle it expands and shows a short description.

Halftone Navigation Menu With jQuery & CSS3

The methods for making CSS3 and jQuery halfone style navigation menu given here. That allows you to display animated halfone style shapes with the navigation link. It provides a simple editor for creating additional shapes. So now you can create an eye catching navigation menu on your site.

Slide Down Box Menu

Here is an idea to create unique sliding box navigation. To create this menu you can use background image that create a glass like effect with a semi transparent gradient. You can also try it in different textures to make it look amazing.

Awesome Cufonized Fly-out Menu with jQuery and CSS3

It teaches you how to create a full page cufonized menu. This menu has some features like a hover state item that adapts width of the current item and there is a slide out description bar that help to reach current menu item. It used jQuery for the effect and CSS3 property for the style.

Animated CSS3 Navigation

To create this animated CSS3 navigation menu you need an unordered list and two div elements with different attributes in li tag. It uses CSs3 gradients to style the background, text shadow, box shadow and CSS3 animation for animation purpose.

Simple Navigation With CSS3 and JQuery

A simple navigation menu built with CSS3 and UI. It uses fonts from google font API and to give rounded corners you can use DD rounded corner script. The code for the creation of this navigation is very simple.

Create a CSS3 Menu Using moz-border-radius

Here is an explanation with example for how to create a CSS3 navigation that uses the property moz-border radius. It works in different browsers. Both HTML and CSS codes are given you can make use of it.

CSS Greennav

A clean CSS3 navigation menu can be created with professional look. To give professional touch to it you can use some of the CSS3 properties like the gradient, drop shadow and rounded corners. This uses some new technique that allows giving a two different color borders.

CSS3 Fade Menu

CSS3 fade menu uses only one graphics that is right and left arrows to indicate the sub menu. It applies CSS3 styling to give corner radi, drop shadows, gradient fill and fade in transition. CSS3 made simple and easy to create a navigation menu.

Windows7 Start Menu CSS3

Now it is possible to create windows 7 start menu using only CSS3. There are three menus one is container, second is programs menu and third on is link menu these CSS3 navigation created with the help of some CSS3 properties such as box shadows, gradients. Here transparency is achieved by using RGBA.

This can include text elements, form fields, headings, images, and so much more. CSS properties can also be easily manipulated using just a few lines of jQuery. In this overview we’ll be going over some of the best features for DOM manipulation.

Much of the code is built around the newest version of jQuery which at the time of writing is 1.3.2. The library is backwards compatible for most functions so primary CSS manipulation shouldn’t cause any errors. If you have any questions check out the release documentation and page wiki.

Getters and Setters

Before jumping into code we should clear up some simple lingo. There are two main types of functionality we’ll be working with in manipulation functions. Getters are used to get any type of data and return some form of result. This can include dynamic data responses or complex algorithms.

Setters are in place to change or update the current value of a page element. DOM objects are often referenced through CSS from an ID or class name. jQuery uses the internal method .attr() to update the value of any element’s list of attributes. However it can also pull data from any element being used to just check the current value – this is both a setter and getter style method.

Among many of these methods are all 3 types. Combination functions are very useful since they provide response information and also hold the ability for document manipulation. CSS properties are some of the easiest to build upon and provide the most delicate environment for practice.

Dynamic Classes

The most popular method .addClass() is commonly seen in jQuery scripts. It can be useful to manipulate a page element and change its class on the fly. As a simple example consider a user removes a friend or deletes a message from their profile. You may then manipulate that entry in the list to change its class to “deleted” or “old”.

This gives the animated effect of applying the action right after the user clicks. This can be done with a jQuery Ajax() call and simply apply an addClass() method towards the end of the return statement.

$('p').addClass('myclass secondclass');

The function can also be used to affect many page elements at once. For example the code above targets all paragraph elements on the page and adds two different classes to them. The individual entries myclass and secondclass are separated by a space and delineated inside the addClass function.

Checking Classes

removeClass() is just the opposite and provides a self-explanatory effect. You are able to chain methods by removing a class from an element and also adding a new class onto the same object. This type of coding is very convoluted and proves to be a bit more distracting than useful.

Also in the same range is the .hasClass() method. This only requires a target parameter and will return a boolean value if the matched element(s) has a class or not. This can be extremely useful when looking to apply a new class onto elements and you’re unsure if they are already in place.

You may also have an interest in .toggleClass() which will add or remove classes based on the element’s current state. For example this could be used on a drop-down menu with an open and closed state. Check out the toggleClass documentation if you want to find out more uses.

Building Directly with CSS

If adding new classes isn’t really your style you may consider directly manipulating page objects with CSS. The .css() method is used to pull any property value from the selected object. This can be done multiple times by separating each query with a comma.

The shorthand writing passage for the CSS method also allows you to apply function code inside the parentheses. This code can parse complex maths and perform loops for data manipulation. Below is an example piece of code applying a few CSS properties to an element under the ID “myFirstElm”.

$('#myFirstElm').css( {width : '30px', height : '10px', color : '#000'} )

You may notice this is not the most elegant solution for CSS styles. It’s often much easier to write out the code in advance and save this as dormant styles in your global stylesheet. In this way you just need to switch classes to bring about the same effect as applying a multitude of properties as shown above.

Much of the manipulation done with the CSS method can also be applied with other jQuery functions. If you’d like to delve into other tutorials a bit deeper check out our list of jQuery tutorials for an exclusive set.

HTML Elements

Each HTML element has internal contents based on its placement in the tree. The Document Object Model can be viewed as a hierarchy tree which shows the root nodes and all of their children.

With the jQuery .html() method you are able to directly pull all internal HTML from a block element. This is similar to each browser’s native innterHTML property with more dynamic features. With the html() method you are able to target any page element and pull/manipulate its contents from any event. This could be a button press, mouse over event, or anything similar.

Attributes

Each HTML element commonly has a few attributes associated with it. Even HTML and body tags are now seeing attributes with useful values added into pages.

With the powerful .attr() method you can both set and get attribute values. After targeting your jQuery element it’s important to realize which functionality you’re going to be using. By targeting just a single attribute name you can check to see if this is set on the current element and what its value is.

Below is sample code for adding an alt attribute to a simple page image. This code will work to either add a new alt tag or overwrite the current value. This is what gives jQuery so much power and shows what you can truly accomplish with a small library of manipulation functions.

$('#pagePhoto').attr('alt', 'Here is my image alt text');

Along with .attr() there are many other sample methods which can pull data about an element. .height() and .width() will pull the exact measurement of an object’s height and width at the time of calling a function. So if you have an expanding box you can create a for loop to output each length/width combo as it grows.

Conclusion

jQuery is an enormous library and it will require some time to scour all the information at hand. Not every function will prove to be useful to you so as a developer it’s important to pick and choose your favorites. Figure out which type(s) of functionality you prefer the most and practice building this through many different means.

The open-source nature of the project shows how quickly plug-ins can be built and added into code repos. Document manipulation has been around for years but has just recently broken into the spotlight with its ease of implementation. Most modern CMS packages will come out-of-the-box running jQuery or a similar JS library. By studying the basic functions ahead of time it will become much easier to adapt as a jQuery dev in the coming years.

These 45 jQuery tutorials will help you to create accordion, slideshow, plugin, menus and slider gallery.

1. jQuery plugin: Easy Accordion

Utilization of jQuery as one of the applications are very varied, especially functionality and usability of these jQuery. One is how to make an application accordion becomes easier for you to do.

2. Simple Tooltip w/ jQuery & CSS

There are so many applications and plugins that you can use in conjunction with the features found on jQuery, one of which is a feature that you can use tooltips on CSS code.

3. Coda Popup Bubbles

As one of the applications that are not yet widely used, especially on the Mac, make Coda become one of the interesting tools for you to try, for example for application and web development.

4. Annotation Overlay Effect with jQuery

Much we can do with the existence of such jQuery applications, one feature that is quite interesting and you can use as an animated feature on your blog or website is “Annotation overlay Effect”. This feature is very nice and quite interesting for you to try.

5. Exposure Jquery Plugin

To produce images that you can view modifications, both in terms of look, slide, image size, and multiple applications related to image.

6. Build an RSS Reader with jQuery Mobile

Some applications that you can use to gain backlinks is to use widgets including RSS reader. Where in this application we can know the number of readers of a blog that will always get updates from our blog.

7. Randomizer App w/ jQuery

Utilization of various jQuery-based applications that is very helpful to optimize the various features available on a web design. One thing you can do with jQuery application is a feature of “randomizer”.

8. Full Page Image Gallery with jQuery

Web design is equipped with a full image gallery are usually used for websites that contain about design and the like. To make this kind of application features, jQuery also been equipped with some source code that you can modify.

9. jQuery Tabbed Interface/ Tabbed Structure Menu Tutorial

Structures built on the application and some source code will certainly help you in arranging the layout and also design a web site. You only need to do some steps to get the best results.

10. jQuery plugin: Easy List Splitter

Interested to try the other features of jQuery? Applications and various kinds of features you can get by utilizing the features and facilities contained in the jQuery source code.

11. Sliding Boxes and Captions with jQuery

A website will be more interesting if it comes with several features that are easy to navigate, including the existence of multiple slides box facilities, mainly for convenience in choosing menus. jQuery code you can use to do so.

12. bgStretcher – jQuery Plugin

Display an attractive website, often affects visitors to better know the contents of the website. Some simple features that you can apply for the website display becomes more appealing is by using a background as a screen from view the website itself. Query which has many features and facilities can do so.

13. Image Cross Fade Transition

To create an animated image, you can use jQuery and also an application to modify various types of image transition.

14. Slider Gallery

Slider gallery is a feature that uses some kind of image that will be used as an animation in it. jQuery you can use to make the feature. With the existing code, you can create a slider gallery according to your wishes.

15. Custom Animation Banner with jQuery

To attract visitors of a web is usually some interesting features in it deliberately in pairs. For example, by placing banner animation.

16. Wijmo – jQuery UI Widgets

Many things you can do with the existence of jQuery applications, such as the manufacture of some types of widgets. There are so many types and widget view that you can use, such as charts, sliders image, grid, and some graphics applications.

17. Quick Feedback Form w/ PHP and jQuery

Many business applications that use the mailing list form feedback form. Where with this kind of application form, businesses can get a list of potential customers, so it’s easier to follow up on these customers. The making of this application will be easier with features that are available on the jQuery system.

18. Creating a Dynamic Poll with jQuery and PHP

To create a feature polls, you can do through some jQuery and PHP applications. There is little difference for editing code on each feature you want to use.

19. Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

Business applications are widely used on various websites that sell various goods. For the features used are “added to chart”. There are many applications that can be used to make this kind of feature, for example by using jQuery and PHP.

20. Create a unique Gallery by using z-index and jQuery

Various types and features you can get in some more websites that feature gallery application. Some examples gallery that often you come across them is shaped slider.

21. Floating HTML Menu Using jQuery and CSS

To make a wide range of menu display on a website often required an understanding of the functions of a source code, especially if you wish to make application to the features found on jQuery and CSS.

22. Pretty checkboxes with jQuery

The use of check boxes often can we meet on a few websites that aim to online surveys. There are many types and appearance of the features found on a check box. You can make a variety of applications of this kind, for example with a more attractive appearance.

23. Create an amazing music player using mouse gestures and hotkeys in jQuery

Create a music player that is quite interesting and attractive you can do through a programming language. Some of the applications contained in jQuery you can modify to produce a good display and music player equipped with various features.

24. Simple jQuery Spy Effect

I guess you will not find it difficult to develop some code that is contained in the application of jQuery. One proof of the benefits of jQuery code is able to make a variety of features, like Spy Effect.

25. Create an Amazon Books Widget with jQuery and XML

Do you like an online business? One such site is quite well-known online business is Amazon. Do you want to take part in the market Amazon products through your blog? With this application you can use through jQuery, some features and widgets you can use the Amazon with a little modification at existing code.

26. Building a jQuery Image Scroller

Display animation on a web site would be more interesting if it is equipped with a variety of images, particularly three dimensional images. In addition, you also can adopt jQuery applications for further maximize the scroll view that you created.

27. Make a Mega Drop-Down Menu with jQuery

To simplify the process of navigation on some sites and blogs, use the drop down menu will be very helpful, especially for that who want a simpler blog but does not reduce the function of the application. To make this kind of application, you can use jQuery application.

28. Animate Image Filling Up Using jQuery

Actually, to create animated images are not too difficult. To do this you only need to prepare an existing image, for example by editing via Photoshop. After that, to create the impression of animation, some applications you can use, one of which is jQuery.

29. Sexy Drop Down Menu w/ jQuery & CSS

Although the function of the drop down menu looks very simple, but if you are able to create and display a combination of drop down button becomes more attractive, it is not impossible that this will give the impression visitors of your website.

30. Outside the Box Navigation with jQuery

Actually, to make the navigation buttons on a website not too difficult. With the help of a few applications, then you can make some shapes and design a navigation button, so that your website look more attractive when compared with the navigation keys are still standard.

31. Create simple tooltips with CSS and jQuery – Part 2

Display tooltips some applications you can integrate with several existing jQuery code. The purpose of this application is to perfect some form of tooltips that ever existed, such as the use of some applications do not need.

32. jQuery Sequential List

The use of some jQuery code can you combine to make a variety of lists on a particular application. And if you’re having trouble, you can try some changes to this code.

33. Fading Menu – Replacing Content

To make fundamental changes on a website, you can do it through some existing HTML source code. Only needed a little editing of some code from the default values to the value that you want.

34. Animated Menus Using jQuery

Use the navigation menus with animated display widely used in flash website.It is intended that the website look more attractive, but the most important thing is not to such animated features became more severe at the time of the website loading. To make some animated menus, you can use the features of jQuery.

35. Create a Cool Animated Navigation with CSS & jQuery

For some people, use the navigation menu is quite animated will be more attractive when compared with a menu that is static. This is because with the menu or button would be more interesting animated visitors of a website. How to make it? You can create a menu via some web design applications, such as CSS and jQuery.

36. Submit A Form Without Page Refresh using jQuery

One feature that is used to interact with visitors of a website is with the menu “submit form”. Where these features can you find in some survey website, business, and others. Features can submit your form with a few modifications of existing code in jQuery, and also can you change the layout of the form.

37. Making a Custom YouTube Video Player

Using video as facilities of media presentation in person, be one alternative in conveying information to others. Currently, nearly every site is always equipped with the feature “live video”, such as YouTube, Metacafe, and several other online video applications. Various video displays can be made in accordance with your wishes.

38. Blockster transition effect

Various forms of animation can you make with the help of jQuery applications, such as sliders, drop down menus, gallery, and various other animated displays. This application is a combination of flash with some specific programming language web design, such as jQuery.

39. Build a POI map using jQuery & Google Maps v3

Since the Google maps application some time ago, developments in information technology more so easy. With Google maps application, many benefits can you meet, such as the location of a place and others. To be able to use this kind of application, you also can use the jQuery code for that purpose.

40. Thumbnails Navigation Gallery with jQuery

Several types of navigation buttons you can use such created applications with jQuery. One of the results of a code contained in this application is that you can make a navigation menu using some of these images as navigation buttons. Given these features, then a website will appear more attractive.

41. Animated Form Switching with jQuery

As a means to interact with others, especially visitors of a website, often we are asked to register if you want to join the site. The use of application “form” is absolutely necessary. In order to view an online form looks attractive; there are some modifications you can do, especially on the code used to build the form.

42. Animate Panning Slideshow with jQuery

Animated feature currently already widely used in several websites, especially the flash website design. Such application is intended to make it more attractive appearance of the website. Some features and types of animation can be your own create accordance with our wishes.

43. Sponsor Flip Wall With jQuery & CSS

Use wall flip on some websites is very useful as a means of promoting a website by placing a banner on the layout of the website. This application provides a separate display for you, especially those that have a product to be marketed. This application is more likely to use the animation feature based “flash”.

44. Contextual Slideout Tips With jQuery & CSS3

Many things you can do using jQuery application, one of which is the code used to create a slide out that also functions as a navigation button on your website. This application has a view that is quite interesting. Besides, you also can easily create this kind of feature.

45. jQuery Syntax Highlighter

Some of the code associated with CSS, HTML, jQuery, and several other applications that mutual support will help you in learning some of the code needed to build a web design.

1. Nature Inspired Painted Background in Photoshop

User interface background just grabs and pulls the reader right in. In this tutorial, designer will you show his own technique for creating this type of background.

2. High-End Web Design from Scratch

In this tutorial, we’ll put together a high-end Web design using a crisp, thin font, gorgeous background images, and clever use of space and layout. You can easily use the technique to create your own unique designs.

3. Graphic Design Studio Web Layout

A simple and professional design studio layout tutorial.

4. Grunge Web Design in Photoshop

Photoshop is often the right tool for web design, especially if you’re creating a design using numerous images and brush effects. In this tutorial, designer show you how to create a complete grunge home page design. He will design the header, sidebar, body, footer, and style everything to work together in a heavily textured and worn design.

5. Grungy / Textured Layout Tutorial

In this photoshop tutorial you will learn how to design grungy/textured layout.

6. Create a Professional Web 2.0 Layout

In this Photoshop tutorial you are going to learn how to create a web 2.0 layout

7. Create a Grungy, Translucent Web Portfolio Design

This tutorial will show you how to create a translucence effect, while combining it with other popular web trends.

8. Design a Beautiful Website From Scratch

Through this tutorial, designer will point out some tiny details which make a website design look beautiful. Fire up Photoshop and let’s get going!

9. Old paper layout – Great portfolio layout

In this tutorial designer will show you how easy is to create a great layout with a simple old paper texture image.

10. Website Gallery Layout Design

In this tutorial you will learn how to make a layout for a css website gallery using Photoshop.

11. Wooden Grunge Portfolio Web Layout in Photoshop

In this beginner-level web design tutorial, designer will show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop.

12. Cartoon Grunge Web site Layout

Learn how to add a worn look that works well with cartoon-style graphics. Different flavors of grunge styles are popular all over the Web right now. Learn a unique approach to wear and tear that you can incorporate into your next Web site design.

13. Design an Awesome Band Website Template

In this intermediate Photoshop tutorial, deisgner is going to teach you how to make a really wicked, grungy-style band website template.

14. Design a Sleek Textured Blue Portfolio

Learn how to design a sleek and textured portfolio web design from scratch, including guide techniques, sketching/drawing tips and content placement.

15. Create a Clean and Classy Web Design in Photoshop

In this web design tutorial, you will learn how to create an elegant and professional web layout that can be used as a web portfolio site.

16. Beautiful Music Streaming Website Design

In this tutorial you will learn how to create a beautiful and clean music streaming website in Photoshop.

17. Light and Colorful Grunge Portfolio Layout

In this tutorial you will learn how to create a light and colorful grungy portfolio layout in Photoshop.

18. How To Create a Rockin’ Website Layout

In this Photoshop tutorial you are going to create a chocolate-looking website layout.

19. Portfolio website in Photoshop

This tutorial will explain only how to design portfolio layout in Photoshop.

20. Design a Photolog Theme For WordPress

In this tutorial you will learn to create a Photolog design theme for WordPress.

21. Clean Blue Portfolio Design in Photoshop

Have you ever wanted to create clean and nice portfolio design? In this tutorial designer will show you how to design clean blue portfolio layout.

22. Green & Sleek Web Layout in Photoshop

In this web design tutorial, you’ll learn how to create a beautiful, green, and sleek layout in Photoshop. You’ll learn popular design techniques such as creating a 3D ribbon and professional-looking color gradient effects.

23. Portfolio Web Layout

In this tutorial designer will show you how to create a colorful yet elegant portfolio layout.

24. Gnarly Snowboarding Themed Web Design

Photoshop manipulation to create a concept web design for a fictional brand named ‘Snow Candy’.

25. Beautiful Music Streaming Website Design in Photoshop

Please note that in this tutorial designer will explain only how to design this layout in Photoshop but he will not cover the conversion PSD to XHTML.

Below is a compilation of interesting Photoshop tutorials that really make the difference between sub-standard pictures and spectacular images. Enjoy!

1. Add Your Face to a Movie Poster

Wanna see your face on a movie poster next to a superstar? Well, this a unique and surprisingly easy tutorial for how you can paste your face strategically on a movie poster, or any other print multimedia for that matter. This tutorial guides each element from placement to lighting and is one shouldn’t miss!

2. Separating Complex Images from the Background

This is a simple step by step process by which the foreground can be relieved from the background, allowing your object/subject to be in focus regardless of how complex it may be.

3. Evening Eye Make-up Effect in Photoshop

Learn how to create evening eye make-up from scratch. All you need is a girl’s photography, plain and simple, and this tutorial will guide you in creating digital eye make-up to realistic perfection. This tutorial may prove to be essentially useful to photographers interested in the field of Fashion and Commercial Photography.

4. Changing Hair Colour

Give your hair a digital do over by changing your hair colour on photoshop. Experiment your new looks as a blond, brunette, redhead or black locks!

5. Realistic View Tears on Face

Whether you want to work up a print design or simply play around with your photograph, here’s how to cry – or at least effectively look like it. This tutorial is a simple fool-proof guide to creating realistic fake tears on your face.

6. Retro Comic Book Effect

Most of us loved comic books growing up, whether it was the Archies or Batman, you know it made your childhood worthwhile. This cool tutorial teaches you just that! Learn how to have fun with your pictures by adding retro comic book effects to your face.

7. Lighting Effects

Lighting effects can make all the difference to your images. Here’s how to jazz up your photos significantly.

8. Grunge Photo Edges

This easy and quick tutorial teaches you how to make cool edge effects with a grunge theme to add that extra spazz to your images.

9. Professional Hair Processing

If you want to achieve a professional tune up in your model photography by adding photogenic shine and shade to perfect hair processing, here’s how the professionals do it.

10. Adding Body Art

Here’s a simple way to add and experiment with applying body art on your models. Realistic and effective.

11. Expressive Lighting Effects

Expressive lighting effects are a great way to add a magical illustrated look to any kind of image. This tutorial will guide you exactly how to do so.

12. Add Cool Fireworks to Your Photos

If you’re interested in pyrotechnics then this is the tutorial for you. Add stunning, lifelike fireworks to your images.

13. Create Fantasy Art

An easy and innovational way to make your picture look like something out of a universe of fantasy and mystics.

14. Dusk Lighting Effects

This can transform your scenic landscape into magical dusky landscapes. Utilization of vectors and lighting effects go a long way in this innovative tutorial.

15. Cool Explosion Effect

Transform your images by adding stunning explosion effects to static photographs and designs.

16. Good and Evil Photo Effect

Create your image and then split it into two different personalities.

17. Sin City Photo Effect

This great tutorial will guide you in how to electrify your image and bringing some energy to your subject.

18. Compositing with Adjustment Layers

Use several different layers and scenes to create a unique image made exclusively from different subjects, backgrounds and effects.

19. Applying Texture to Uneven Surfaces

Simple applying texture is simple, but this tutorial realistically applies texture to an uneven surface, which is more hands-on. This tutorial should teach you how.

20. Basic Retouch and Colorization

This tutorial will show you how to do a basic retouch, change the colorcast of an image and colorize some of its elements.

21. Professional Photo Retouching Bikini Model

This tutorial will show you how to do a basic retouch, change the colorcast of an image and colorize some of its elements.

22. Quick and Effective Facial Photo Retouching

In this tutorial, designer will lay down the basics of retouching and take you through the entire process, layer by layer.

23. Reducing Wrinkles With The Healing Brush

In this tutorial, we’ll look at the Healing Brush, by far the best photo retouching tool in all of Photoshop, and how we can use it to easily reduce distracting skin wrinkles in an image.

24. Perspective Correction In Photoshop

This tutorial will help you to correct the keystoning.

25. Enhancing The Sky In A Photo

In this Adobe Photoshop tutorial, we’re going to look at how to enhance the sky in a photo, bringing out details in the clouds, improving the contrast and increasing color saturation, and we can do all these things at once using a very simple technique.

26. How To Whiten And Brighten Teeth

In this Adobe Photoshop tutorial, we’re going to learn how to make teeth whiter and brighter using a Hue/Saturation adjustment layer, a brush and a layer mask.

However, the technology itself is quite complicated and not so easy to master. Fortunately, there are many great resources that offer step-by-step Flash tutorials. Thanks to them, we have an opportunity to learn the technology from professionals whenever we have time and desire.

For this post I’ve selected the most useful, rich and popular Flash tutorial resources on the net. The beginners will find the tutorials that cover the basic Flash concepts. As for the advanced users, they will also find much new, useful and inspiring for their future works.

You may also like to visit most popular post on flash tutorials i.e 35+ Flash Game Development Tutorials & FLA Files

1. Flashkit.com

Flash Kit is one of the oldest communities for Flash developers and all those, who are interested in Flash. The tutorial section hosts 18 categories. All the tutorials are very good and worth attention.

2. Entheosweb.com

Entheos is a five-year-old Web Design company that is based in Bangalore, India. Their free Flash tutorials cover the basics of Flash animation and Actionscript. This resource gives you a good opportunity to easily learn cool Flash effects and basic Flash concepts. The “Flash tutorials” section is divided into two parts: “Animation and Effects” and “Actionscript”.

3. W3schools.com

W3schools is a free online school for all those, who would like to study web developing. Here you will find a wide range of web building tutorials: HTML, CSS, XML, Javascript, ASP, PHP, SQL and, of course, Flash.

Flash tutorials presented on this website will teach you how to use Flash in your applications. The contents include:

•    Introduction to Flash
•    Flash How to
•    Flash in HTML
•    Flash Tweening
•    Flash Guide Tween
•    Flash Tint Tween
•    Flash Shape Tween
•    Flash Buttons
•    Flash Animation
•    Flash Sound

4. Flashandmath.com

A fantastic collection of Flash AS3 tutorials. Both beginners and advanced developers will definitely find useful info to learn from.  There are three section of the website:

•    AS3 Tips and How-Tos
•    New Tutorials and Effects
•    Some of the Most Requested Tutorials

5. LearnFlash.com

This is a great resource for those, who prefer video tutorials. This collection of video lessons discovers most of Flash secrets. The Flash tutorial videos presented on this website are recorded by experts. With this video series you will learn the basics of using Flash, creating Flash websites with animation, sound and video. The expert will show you step-by-step how to use the latest software, and many more…

The Flash training includes the following sections:

•    Beginner
•    Intermediate/Advanced
•    Bundles

6. Tutorialized.com

This popular resource contains plenty of useful Flash tutorials. You will learn to work in 3D, drawing techniques, text effects, tips and tricks, ActionScript and many more.

There are the following subsections of the “Flash Tutorials” section:

•    3D
•    Actionscripting
•    Audio
•    Games
•    Interactivity
•    Getting Started
•    Web Design, and many more.

7. Flashexplained.com

The Flash tutorials from Luka Maras, a web designer and owner of FlashExplained.com, which you will find on this website, are some of the most detailed and well-explained on the Web.

8. Flashperfection.com

A great resource with Flash tutorials only. You will always find the freshest ones here.

There are plenty of Flash tutorials on the site from the lessons for beginners to advanced tutorials.

Among other basic tutorials, there are many scarce ones, such as “Math Physics Tutorials”, “Flash Optimization Tutorials”, “Flash Projector Tutorials”, etc.

9. Pixel2life.com

There is another large collection of tutorials. In the “Flash” section you will find many useful training materials. The section contains 24 subsections of Flash related tutorials.

10. Adobe.com

The best Flash tutorials are from Flash creators! The tutorials, presented by Adobe Developer Center, are all written by high professionals. You will definitely find much useful and unique info, training materials as well as related resources.

11. Echoecho.com

The Echoecho.com tutorials answer the questions: What is shockwave Flash? Why is it often smarter than applet or GIF’s? What do you need to be able to create your own flash movies? Where should you start? And many more…  You will also learn to create draw with Flash, create Flash buttons, change the objects between two keyframes, etc.

There are also some tutorials for advanced users: they will teach you to build a “javascript bridge”. Also, you have an opportunity to browse through the collection of Flash movies that are presented on the website.

12. Kirupa

This amazing collection of Flash and ActionScript tutorials from Kirupa, is very rich: you will find everything you need for learning Flash as well as useful Flash Components.

You will find the following tutorial subjects:

•    Animation
•    Drawing and Design
•    Common Tasks
•    ActionScript Basics
•    Special Effects
•    Isometry
•    Game development

13. Flashdesignerzone.com

The Flash tutorials from Selteco, a web design software company.

They offer the following Flash tutorials:

•    Beginners (Intro and Outro Animation, working with frames, getting started with ActionScript)
•    Design
•    JavaScript
•    New
•    ActionScript
•    Sound
•    Advanced

14. GotoAndLearn.com

Plenty of free video tutorials from Lee Brimelow – a Platform Evangelist at Adobe focusing on the Flash, Flex, and AIR development communities. There are really useful tutorials on Flash, Flex, 3D, Papervision 3D, and many more…

15. TheFlashBlog.com

Also, visit Lee Brimelow’s blog that is devoted to Flash: it is just a Klondike of useful Flash resources.

16. Newgrounds.com

These Flash tutorials will teach you all about the Flash environment, with individual lessons about animation and ActionScript programming.

17. Good-tutorials.com

Another great website with plenty of useful tutorials. In the “Flash Tutorials” section you will find the following themes: ActionScript, Animation, Audio, Basics, Drawing, Effects, Game Development, Interactivity, Math and Physics, Navigation, Server-side, Text effects.

18. Sitepoint.com

The extensive collection of Flash Tutorials and Flash How Tos with the Flash related articles on Sitepoint.com, written by professionals, will help you take your Flash and ActionScript skills to the next level.

19. Actionscript.org

A great collection of tutorials from Actionscript.org.  The “Tutorials” section contains the detailed articles about Flash, Flex and ActionScript. Also, you will find other useful resources regarding Flash: articles, press releases, community, etc.

20. Brainbell.com

This website offers free IT training and computer tutorials. From the “Flash” section you will learn how to create a document, a banner, accessible Flash content, layers, layout tools, application, symbols and distances. Also, you will know how to add button animation and navigation, to create a presentation with screens, to draw in Flash, and many more…

21. Baycongroup.com

This resource offers two Flash tutorials written by Denise Etheridge: Flash CS4 Tutorial and Flash 8 Tutorial.
In the “Flash CS4” Tutorial the author will take you step-by-step through the process of creating Flash CS4 Professional movie. Before you start learning, you can view the movie you will create.

Flash CS4 Tutorial

The “Flash 8” tutorial will teach you how to create graphics, work with layers, add motion, sound and text to a Flash 8 Movie.

Flash 8 Tutorial

22. Flashfridge.com

Another useful resource with many great flash tutorials that cover the following themes: Actionscript, Animation, Banners, Buttons, Drawing, Navigation, Sounds and Audio, Special FX, Text effects.

23. Braineak.com

This new, but rather perspective resource contains a lot of different design related tutorials. In the section “3D and Animation” you will find many useful Flash related tutorials.

Papervision 3D Tutorial Resources:

1. Papervision-tutorials.com

This new great blog devoted to Papervision 3D hosts plenty of useful articles, roundups of Papervision 3D Templates as well as Flash CMS Templates and 3D tutorial resources. This website is actually gathered links of the best Papervision 3D tutorials in one place.

2. Papervision2.com

A good resource of Papervision 3D Tutorials: all the posts contain much useful and interesting info.

There are two sections of the website:

•  Updated/New tutorials
•  Original tutorials.

3. Dispatchevent.org

The author of this great tutorial is reviewing and dissecting Papervision 3D 2.0 (Great White) in a multi-part series. There are a 4 part tutorial for those, who are curious about 3D in Flash.

Part  1 will review Wikipedia articles and relate them to Papervision 3D along the way. If you are already familiar with computer graphics as a topic of CS, you may wish to skip this post. Parts 2 & 3 will review the details of many features of Papervision3D. Part 4 is going to be a set of useful notes and tips for anyone who’s not already experienced with Papervision3D. Unfortunately, Part 4 hasn’t been published yet.
Part 1
Part 2
Part 3

Don’t forget to leave your comments and share your thoughts with us!

Here is the list of tools:

PHP Debugging Tools

1. Gubed PHP Debugger

Gubed is a cross platform program to debug PHP scripts.

2. PHP Debug

The basic purpose of PHP_Debug is to provide assistance in debugging PHP code, by “debug” i don’t mean “step by step debug” but program trace, variables display, process time, included files, queries executed, watch variables.

3. DBG

DBG is a a full-featured php debugger, an interactive tool that helps you debugging php scripts.

4. PHP Dyn

PHP Dyn is PHP Extension to help debugging a PHP script.You can get execution trace of scripts not to need change them.HTTP request parameter can be printed.Argument value of the function call and return value can be printed.

5. Xdebug

The Xdebug extension helps you debugging your script by providing a lot of valuable debug information.

5. Webgrind

Webgrind is an Xdebug profiling web frontend in PHP5. It implements a subset of the features of kcachegrind and installs in seconds and works on all platforms.

6. MacGDBp

Debugging a live, running PHP application has never been so easy. It’s a live PHP debugger application for the Mac OS.

7. Advanced PHP Debugger

APD is a full-featured profiler/debugger that is loaded as a zend_extension. It aims to be an analog of C’s gprof or Perl’s Devel::DProf.

How To Debug PHP Code

How to Debug PHP Using Firefox with FirePHP

This article shares an elegant, simple, and more maintainable way of debugging Ajax apps via the web browser (more specifically for the Mozilla Firefox browser). You’ll learn the basics of leveraging Firefox in conjunction with Firebug and FirePHP to implement FirePHP libraries on web apps and logging messages in the Firebug console.

How to Debug in PHP

This article breaks down the fundamentals of debugging in PHP, helps you understand PHP’s error messages and introduces you to some useful tools to help make the process a little less painful.

Debugging PHP using Eclipse and PDT

Use XDebug or Zend Debugger to boost your productivity when fixing bugs in PHP applications.

Debugging PHP with Xdebug

The Xdebug is the extension for PHP that helps debugging PHP scripts by providing a lot of valuable debug information. The debug information includes stack traces and function traces in error messages, memory allocation and protection for infinite recursions.

Debug PHP with DBG Wizard

You can easily debug PHP with PhpED’s PHP Debugger. Setting up your system to debug php scripts can be tricky but PhpED’s Settings Wizard can take care of the majority of the debugging configurations.

You have to make sure you opt for the best php hosting for your website.

Below you’ll find comprehensive round-up of great step-by-step Photoshop tutorials to improve your Photoshop skills and techniques, to learn some useful tricks by creating extremely realistic-looking gadget design (mobile phone, digital camera, game console, audio player, computer and many more).

Apple iMac

Create a Slick Black iMac in Photoshop

Apple iMac Photoshop Tutorial

Apple iPad

How to Design the Apple iPad in Photoshop

Create an Apple Ipad in Photoshop

Apple iPhone

Create an Apple iPhone from Scratch in Photoshop

Apple iPhone Mobile Phone Design in Photoshop

Create an Apple iPhone from Scratch in Photoshop

How to Create a Realistic iPhone in Photoshop

Apple iPod (Shuffle, Classic, Nano, Touch)

Apple iPod Shuffle from Scratch in Photoshop

Create an Apple iPod Shuffle in Photoshop

How to Create a Stylish Apple iPod Nano in Photoshop

Create a Realistic Apple iPod Nano In Photoshop

Apple iPod Nano in Photoshop

Apple iPod Nano in Photoshop

Make an Apple iPod Classic in Photoshop

Create an Amazingly Realistic Apple iPod Classic

Apple iPod Portable Speaker

How to Create Apple iPod Portable Speaker in Photoshop

Apple MacBook

Creating a Vector Style Apple MacBook from Scratch in Photoshop

Apple Magic Mouse

Creating a Modern, Glossy Apple Magic Mouse in Photoshop

Apple Remote

Design a Shiny Photorealistic Apple Remote in Photoshop

Apple Remote in Photoshop

Audio Player

Design a MP3 Player in Photoshop

MP3 Player Photoshop Tutorial

MP3 Player Photoshop Tutorial

Creating a CD PLayer in Photoshop

MP3 Player Photoshop Tutorial

MP3 Player Photoshop Tutorial

How to Create the Zen Mosiac Mp3 Player in Photoshop

Creating a Custom MP3 Player with Photoshop

Design a MP3 Player in Photoshop

Draw an MP3 Player in Photoshop

Draw an MP3 Player in Photoshop

Audio Receiver

Audio Reciever Photoshop Tutorial

Audio Speaker

How to Make a Banging Woofer Embedded in Wood

Create an USB Portable Audio Speaker Design in Photoshop

Blackberry Mobile Phone

Create a Realistic Blackberry Style Mobile Phone From Scratch

Bluetooth Garniture

Create a Bluetooth Garniture Design in Photoshop

Digital Camera

Create a Digital Camera With Wooden Accents Using Photoshop

Designing a Canon Digital Camera in Photoshop

Create a Digital Camera from Scratch in Photoshop

External Hard Disk Drive (HDD)

Create a Slick External Hard Disk Drive (HDD) in Photoshop

Headphones

How to Create a Stylish Pair of Headphones

Create a Realistic Headphone in Photoshop

HTC Touch Mobile Phone

Create a Mobile Phone Styled Like the HTC Touch Diamond

Drawing a HTC Touch Pro Mobile Phone

Laser Printer

Photoshop Laser Printer Design

LCD HDTV

Photoshop Tutorial: Make a Realistic Samsung LCD HDTV from Scratch

LCD Monitor

LG LCD Monitor Photoshop Tutorial

LCD Monitor Design – Photoshop Tutorial

Microsoft Xbox360

Drawing a Mircosoft Xbox360 in Photoshop

Microsoft Zune

Create a Vector-Based Microsoft Zune with Photoshop

Designing a Black Microsoft Zune 2 in Photoshop

MP3 Player Microsoft Zune in Photoshop

Mouse

PC Mouse Photoshop Tutorial

Nintendo DS / DS Lite

Nintendo DS Photoshop Tutorial

Design a Nintendo DS Lite in Photoshop

Nintendo Game Boy

How to Create a Realistic Nintendo Game Boy

Nintendo Wii

Nintendo Wii Photoshop Tutorial

Nintendo Wii Remote Controller Photoshop Tutorial

Nokia Mobile Phone

Nokia 5300 Mobile Phone Photoshop Tutorial

Photoshop Tutorial: Nokia 5800 XpressMusic Design

Sony Ericsson Mobile Phone

Learn to Draw a Realistic Sony Ericsson S500i Mobile Phone in Photoshop

Sony Ericsson W800 Mobile Phone Photoshop Tutorial

Sony PlayStation 3 (PS3)

Create a Sony Playstation 3 (PS3) in Photoshop

Sony PlayStation Portable (PSP)

Create a Sony Playstation Portable (PSP) in Photoshop

USB Stick

USB Stick Photoshop Tutorial

Wacom Cintiq / Bamboo Graphics Tablet

Creating a Wacom Cintiq Graphics Tablet in Photoshop

Learn to Draw a Realistic Wacom Bamboo Graphics Tablet in Photoshop

All these tutorials will be really help for you but do tell us by commenting which one was the best.

Suggest read:
24 Captivating Digital Painting Tutorials
Premium Photoshop Typography Tutorials With Source Files

1. How to Quickly Create a Stylish Retro Text Effect

In this tutorial you will be designing a cool retro text effect, which is growing more and more popular in today’s design.

2. How to Create an Ice Text Effect with Photoshop

In this tutorial, you’ll learn how to create an ice effect completely from scratch using special Photoshop Brushes.

3. Create a 3D Flowery Text Effect

Very nice tutorial to create 3D flowery text effect.

4. How to Create Eroded Metal Text with Photoshop

In this tutorial you will learn how to create an eroded metal text effect. Throughout this tutorial designer will make use of various drawing techniques, channels, and patterns.

5. How To Create A Gold Text Effect In Photoshop

In this tutorial, designer will show you how to create a gold text effect. He will use only Layer Styles, and once our new style is created, you will be able to save the style and apply it wherever you want.

6. Smooth Glass Type

Here’s a quick way to create some nice looking translucent glass type that’ll work great on any background, made completely with layer styles.

7. Create Vibrant Typography in a Rough Cartoon Style

You will not only get an idea of how to create cool typography, but you will also learn how to give it a nice cartoon touch.

8. 3D Text and Integrate it in a Natural Environment

In this tutorial we are going to create 3D text and integrate it in a natural environment. We will not use any 3D programs, so all you need is Adobe Illustrator and Photoshop to create this effect.

9. Wood Inlay Text

In this Photoshop tutorial designer will show you how to create a wood inlay effect using wood textures, layer masks and a few creative selection techniques.

10. Papercraft Text Effect

Very nice tutorial on creating paper craft text effect.

11. Colorful Glowing Text Effect in Photoshop

It’s a wondeful little style that could easily be integrated into any dark graphic design where some upbeat text is needed.

12. Text on Turf

This is the shizzle fo nizzle text tutorial, creating text on turf!

13. How to Make 3D Neon Light Typography

This tutorial will take you through how to create a unique piece of digital artwork. You learn how to compose the 3D type and then add effects and imagery to achieve the final results.

14. Spray Paint Text

This tutorial will teach you how to make this spray paint style text effect which really stands out and would make a great wallpaper.

15. Create a Layered Glowing Text Effect

In this tutorial, we will create this effect using very basic Photoshop tools and layering effects. This tutorial is simple enough for a beginner to understand.

16. Pimp your text with photoshop

In this tutorial you’ll learn how to make a simple layer-style for your pimpin’ text in photoshop.

17. Retro Text

Retro Text and Video Layers Retro text like this looks great but isn’t easy to create in Photoshop alone so here we use a mix of Photoshop and Illustrator, raster and vector to create some unique text.

18. Shining Neon Text Effect

In this very short tutorial you will learn how to create neon text effect in Photoshop.

19. Design Soft Stylized 3D Type

In this tutorial, designer will teach you the basics of creating polished 3D type using Illustrator and Photoshop.

20. Vanity License Plate

In this Photoshop tutorial designer will show you how to create a custom vanity license plate using a few basic Photoshop tools a piece of reference material and some creative layer stylings.

21. Wanted Sign into a Piece of Wood

This tutorial is like three tutorials rolled into one. We’re going to make an awesome wood emboss effect, put bullet holes into the wood, and finally smoke ‘em up to a gnarly Wyatt-Earp-just-walked-past look.

22. A Slick Supernatural Text Effect

In this tutorial we’ll be creating a smoky night effect on text to give it an eerie supernatural sort of feel.

23. Advanced Glow Effects

In this tutorial, we’re going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blending.

24. Add Fantastic Color to 3D Text

Some neat techniques covered here will allow you to bring your art to the next level.