Adobe Photoshop is a complex software and it takes much time to get started with it but with all the tutorials available online it is easy to learn and practice some of the coolest tutorials and get amazing results. Getting an effect out of text excites everyone and these text effect tutorials are available everywhere but only a handful are worth trying out. In this post I have listed 40 photoshop text effect tutorials. Go ahead and Enjoy!

1) Create a “Clock Up” Wallpaper in Photoshop

2) Create A Sophisticated Art Text

3) Vintage 3D Typography in Photoshop with Repoussé

4) Create Super Glossy 3D Typography in Illustrator and Photoshop

5) Create Fluid Hand-Drawn Style Typography – Psd Premium Tutorial

6) Design a Retro Typographic Poster Using 3D Elements in Photoshop

7) Create a Majestic Script in Photoshop

Create Light Painted Typography From Scratch in Photoshop

9) Create Typography That’s Going Down the Drain

10) Create a Chrome 4×4 Vehicle Emblem

11) Draw a Woodcut-Inspired Typographic Illustration in Photoshop

12) Use Google Sketchup and Photoshop to Create 3D Typography

13) Chocolate Bar Text Effect

14) Fantasy Spring Text

15) Learn to Create Party Text Effect

16) Super Gloss Text Effect

17) Create A Stone Effect In Photoshop

18) Colorful Retro Text Effect

19) Create Liquid Filled Glass Text in Photoshop

20) Create a Funny Wooden Type Treatment in Photoshop

21) Create a 3D Text Effect Using Photoshop Layer Styles

22) Create a realistic folded paper text in Photoshop

23) Create an awesome burning text effect

24) Design a Dawn of War Style Concrete Text Effect in Photoshop

25) Text Effect Using Tree Leaf

26) Create an Ice Cream Type Treatment in Photoshop

27) Create a glossy text effect tutorial

28) Create a Festive Ornamental Christmas Text Effect

29) Laser Text Effect

30) Design A Nice Cyber Text Effect

31) How to Create Typography Poster Enigma Using Photoshop

32) Create a Harry Potter Style Text Effect in Photoshop

33) Create a Stunning Text on Wild Fire Effect

34) Inception Poster with Repousse in Photoshop

35) Create A Silver elegant 3D Text Effect

36) Create A Colorful Typography

37) Create Detailed Letters of Gold and Diamond

38) Create A modern 3D Text Effect

39) Cool Text Effect with the Puppet Warp Tool in Photoshop

40) Create A Honey Bubbles Text Effect

This collection is hand-picked from our feed subscription, and from other feeds. This tutorial collection focuses on web design, development and digital art from around the web that were published within the past week. We try to find great tutorials which have been buried in the mass of tutorials available today. Hope you enjoy this collection!

How To Beat Form Spam With Just CSS

The author shows us how to avoid spamming by using only few CSS code. The trick is adding a special field which is hidden by CSS. The spam filter will catch spam bot if this field was filled in. According to the author’s experience, this method will still work with human spammers; See this tutorial here.

CSS3 Multiple Background Images Lesson

This tutorial was written in a easy way to read and understand the Multiple Background Images feature of CSS3. The tutorial was explained very good how to use this technique.

See this here.

Object Oriented JavaScript: Creating an Window Box

This is a short tutorial about Object Oriented Programming in JavaScript, in which we are going to create an object called JSWinbox that simulates a window in our browser. See here.

Using cookies with jQuery

This is an complete tutorial which describes how to handle cookie using jQuery. The author is using free jQuery Cookie plugin that specifically deals with cookie storage, aptly named…. This is a simple plugin with only one function: Cookie(). With this function you will write, get and delete cookies on your computer.

You can see this great tutorial here.

Create an iPod Nano in Illustrator

I don’t usually include the graphic design tutorial in this series, but this is so great which can help you to best use Rectangle Tool and the Ellipse Tool. The tutorial shows how to make an simple iPod Nano step by step.

This is really a nice tut for beginners easy to follow and the outcome is just great and realistic. Check itout.

Design an Email Newsletter in Photoshop

Like creating the website design, this tutorial will help you to design the final layout for email in Photoshop. The author shows us the design process of creating an email newsletter which is very detail.

You can follow this design process here.

Quick and Easy jQuery Font Resizer

If you think we don’t need font resizer for our design since browsers has the zoom in and zoom out functionality, you should think it again. That’s because we don’t want to resize all parts of our designs. The following little script could be helpful to resize some sections of your text instead of everything.

This tutorial focuses more on the javascript, so the HTML and CSS are really basic. Check it here.

Making a Custom YouTube Video Player With YouTube’s APIs

Follow this great jQuery tutorial to customize the control of Youtube player. The author explains how to use chromeless player (a stripped down version of the regular embeddable player), which allow you to build and style your own custom controls. Really nice, right? I love to embed Youtube video to my website, but I really don’t want to use its default style control. Now, I can!!!

Check out this awesomeness here.

Customizable Mac Dock With CSS3 Only

We know out there in the web design and web development community, there are bunch of tutorials teach us how to create The Apple Dock using jQuery, pure Javascript, CSS… Again, in this tutorial, the author will continue to show us how to create a customizable Mac like Dockbar using only CSS3. I’m not kidding!

Check out his tutorial here.

Optimizing javascript/jQuery loading time

This following tutorial will help you to optimize your javascript to load 2 or 3 times faster with some great free tools. It’s really nice when we can reduce the load time of our front-end to gain more credibilities from visitors.

You can check it here.

Start Experimenting With CSS3 Keyframe Animations

An useful article with nice code examples and best practices help us to understand the CSS3 animation . Not too much information from this one, but you can learn and start using this awesome feature of CSS3 in case you haven’t worked with it. Check it here.

In case you missed: Slide Down Box Menu with jQuery and CSS3

“In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.”

It’s a nice tutorial. The demonstration looks impressive. This another way to design the navigation is extremely great for inspiration. We should try it and implement it in several projects. The tutorial can be found here.

This collection is hand-picked from our feed subscription, from Whofreelance, and from other feeds. This tutorials collection focuses on web design, development and digital art from around the web that were published within the past week. Hope you enjoy this collection!

Script for Div Move

Nice jQuery tutorial, very simple to follow and understand the div move. It uses setInerval method. The delay parameter is the time of delay of each step. No callback, here only for div move horizontally and vertically.

PHP Search From Tutorial

This tutorial will teach you how to create a site search using dreamweaver. We will look into creating a database (to store the search data) and a search form, then connecting them using dreamweaver and displaying the results.

CSS3 Transitions – Are We There Yet?

In deep article and tutorial about CSS3 transition. Really!

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

This tutorial is extremely detailed and the final outcome is stunning. Definitely an awesome post and worth bookmarking for later reading.

Stylize Input Element Using CSS3

Stylizing input element is a common task for us as a web developer, we can make it look nicer by putting stylized input image (color gradient, smooth border, box shadow, etc) as an input background. Nice but the images also take some of our bandwidth, thankfully CSS3 adds some support for element styling, so we can replace them with only CSS.

Understanding The Basics Of CSS3

Explaining some most popular features of CSS3, many of which are beginning to make their appearance on several of the websites that I frequently visit. While most of these are only visible in some of the more modern web browsers (Mozilla, Chrome, Safari) it’s important to go ahead and get a grasp of exactly how they work.

CSS3 support for Internet Explorer 6, 7, and 8

IE-CSS3 is a script to provide Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard. It’s very handy and useful tool.

The CSS 3 Flexible Box Model

This article about the Flexible Box Layout was written by Jérémie Patonnier, French open Web enthusiast. CSS 3 introduces a brand new box model in addition of the traditional box model from CSS 1 and 2. The flexible box model determines the way boxes are distributed inside other boxes and the way they share the available space.

Sexy CSS Buttons

Create the sexy button using CSS3. These employ a couple of useful CSS properties that importantly are gradients.

Animated Landscape Using CSS and jQuery

In the end of this tutorial we will learn to Create Animated Landscape using CSS and Jquery.

BONUS: Create a documents icon in Illustrator

This Illustrator tutorial helps us create a documents icon. Very professional tutorial and impressive result.

In case you missed: Contextual Slideout Tips With jQuery & CSS3

By now, you’ve probably heard about Adobe’s new CS5 software pack. Also, you’ve probably seen their product pages, where they present the new features of the suite. Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.

What’s the deal with this collection?

It focuses on web design, development and digital art tutorials around the web. We try to find great tutorials which have been buried in the mass of tutorials available today. If you like one of these tutorials, make sure you subscribe to them (and us)! If you have a good tutorial, and want to promote it here, simply submit it to Whofreelance.com Community News. We will take a review and publish it if we find it as useful.

This collection is hand-picked from our feed subscription, from Whofreelance, and from other feeds. This tutorials collection focuses on web design, development and digital art from around the web that were published within the past week. Hope you enjoy this collection!

Multiple backgrounds with CSS3

CSS3 allows for multiple background images on one element. To do this, you can separate backgrounds by commas. This is a quick tip from css3.info, nice tutorial.

Creating a Realistic Looking Button with CSS3

Creating the same style as the button in Mac OS for the buttons with CSS3. This is an advance CSS3 tutorial works on Sprites technique. Nice looking, right?

Interactive Image Vamp up with jQuery, CSS3 and PHP

This is really a funny tutorial working with jQuery, CSS3 and PHP. We will use jQuery and CSS3 enable the drag and drop function, also with rotation for the images. Finally, PHP will merge all the layers into one and generate the image from it.

How to Make an HTML5 iPhone App

Building a Tetris game application for iPhone using HTML5, CSS, and JavaScript. Although this is a tutorial specifically for iPhones, most of these techniques apply to all phones that have HTML5-capable browsers.

How To Create Stunning Smoke Brushes in Photoshop

This is a wonderful tutorial show you how to create a smoke brush for Photoshop. This is a complete sets from photography: setting up your camera, lighting …. to Photoshop: turning your photo to a brush.

How to Create a Flash-like Color and Pattern Morphing effect with jQuery

Using jQuery UI to create a pattern morphing effect. You will only need the UI Core and the Slider Widget. You will be able to adjust every single bit of the color, transparency, pattern and even the animation itself. This tutorial is helpful for creating a color picking with slider.

Colorful Sliders With jQuery & CSS3

“In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.”

Another newest helpful tutorial from TutorialZine: Sponsor Flip Wall With jQuery & CSS

Create a Realistic Hover Effect With jQuery

In this tutorial, you will learn how to create a realistic hover effect (actually, it should be called realistic shadow or reflection effect for an object). At the first look, I quite surprised with the effect, but after giving a deep look into the code, there are just few lines of jQuery. It’s very impressed.

jQueryPad

WARNING: It’s not a tutorial, sorry.! However, it’s really a helpful Windows Application to test your jQuery. jQueryPad is a fast JavaScript and HTML editor. Just start it, enter the HTML you want to work with, bash in your jQuery code, and hit F5 to see the results. Say goodbye to ALT+TAB.

Dream Night Animation with jQuery

The idea comes from a screensaver, the author tried to implement it on web with help of Jquery and CSS. This is an animation in which colored bubbles appear on random positions, grow in size and then fade out. This effect really looks so cool.

What’s the deal with this collection?

It focuses on web design, development and digital art tutorials around the web. We try to find great tutorials which have been buried in the mass of tutorials available today. If you like one of these tutorials, make sure you subscribe to them (and us)! If you have a good tutorial, and want to promote it here, simply submit it to Whofreelance.com Community News. We will take a review and publish it if we find it as useful.

This collection is hand-picked from our feed subscription, from Whofreelance, and from other feeds. This tutorials collection focuses on web design, development and digital art from around the web that were published within the past week. Hope you enjoy this collection!

Create a realistic leopard fur typography in Photoshop

Using the default “Grass” brush in Photoshop, you can create an awesome fur typography from animal print. This is a nice and easy tutorial to follow.

Create An Editable Stitched Label Type Treatment

This Illustrator tutorial helps us create an editable stitched label type treatment. It’s really a worth-seeing tutorial for anyone who wants to learn Illustrator because it was written step by step and the tutorial is easy to follow.

Creating a Furry Possum in Photoshop

This is one awesomely hairy possum created in Photoshop. In this tutorial, we’re going to create the possum (one of the possum brothers) from the animated cartoon-Ice Age. AWESOME!

Create a Clean and Professional Web Design in Photoshop

This Photoshop tutorial will help us to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design.

Creating Your Own WordPress Permalink Structure For Custom Content

Create your own permalink for WordPress in your own format without creating custom page: ‘http://wpvote.com/domain/www.domain.com/’. This tutorial is really useful for building a new voting website using WordPress.

How to show/hide a hidden input form field using jQuery

Nice tutorial and cool trick with jQuery to show/hide the hidden input field. The purpose of this tutorial is help us create a HTML form which hides the specific input field by default, then displays it when users choose an item from the list.

Pure CSS3 bokeh effect with some jQuery help

Using pure CS3 to create bokeh effect. Furthermore, with some help from jQuery, we can add some randomness in colour, size and position for the effect.

How to Pull Your Google Buzz with jQuery

This tutorial was published by us which contributed by Mike More. It helps you to embed your buzz stream into a website yourself by pulling your Google Buzz using jQuery.

How to Build a Custom WordPress Theme from Scratch

This tutorial is not recommend for newbies but it’s helpful for someone who are familiar with WordPress code.

Coding a CSS3 & HTML5 One-Page Website Template

Not only because I am a big fan of Tutorialzine, but also all of tutorials from Tutorialzine are awesome, and this one is so. In this tutorial, author will teach us to make a HTML5 web template, using some of the new features brought by CSS3 and jQuery.

Share Feedback with Twitter and the Bit.ly API

Nice tutorial explains how to build a simple feedback system using Twitter and Bit.ly API. The tutorial will walk through the creation of a customizable “Tweet this” link that integrates the Bit.ly API and Twitter updates.

What’s the deal with this collection?

It focuses on web design, development and digital art tutorials around the web. We try to find great tutorials which have been buried in the mass of tutorials available today. If you like one of these tutorials, make sure you subscribe to them (and us)! If you have a good tutorial, and want to promote it here, simply submit it to Whofreelance.com Community News. We will take a review and publish it if we find it as useful.