Tutorials
Best Of 2011: 40 Detailed Photoshop Icon Design Tutorials
Icons are an imperative fraction of web design. In a lot of cases you can pay money for icons or download free ones, however every now and then you may require generating custom icons to acquire exactly what you want. Luckily, there are loads of tutorials out there that get through the process of designing an icon.
In today’s post, we have composed an extremely valuable list of Adobe Photoshop icon design tutorials that were created in 2011. These tutorials will teach you the techniques you will require for designing your own icons by means of Photoshop chiefly.
These tutorials will categorically help you accomplish your goals if you have a craze for icon design or are a GUI designer on the hunt for some tips. Enjoy and stay creative!
Draw a Realistic Steam Iron in Photoshop
This Photoshop tutorial will show you how to create a realistic Steam Iron from scratch. You’ll learn how to create realistic shadows & highlights on plastic and metal.
Create a Detailed Camera Icon in Photoshop
In this tutorial we will demonstrate how to create a detailed Fuji X100 camera icon in Photoshop. Let’s get started!
How To Create A Green Button Isolated
In this tutorial we will demonstrate how to create a green button isolated using layer styles, dodge and burn Tool. Let’s get started!
In this tutorial artist will be walking you through the process of creating a industrial style folder icon. Lets get going…
Create a Star Trek Style Communicator in Photoshop
In this tutorial, we will draw a retro Star Trek style communicator, a voice communication device used in the original Star Trek series. We will combine layer styles and lots of manual drawing. So, prepare your Wacom to boldly go where no Photoshop tutorial has gone before.
Learn To Create A Padlock Icon In Adobe Photoshop
Ever wanted to create a realistic padlock icon in adobe photoshop? Well you’ve come to the right place. In this tutorial artist will take you step-by-step in creating the best looking lock icon you’ve ever seen.
Design a Detailed Audio Receiver Icon in Photoshop
In this tutorial we will show you how to create a detailed audio receiver icon using Photoshop’s vector editing capabilities. Let’s get started!
Learn To Create A Glowing Google Plus Icon/Illustration
Google Plus is making its presence all over the internet, so in today’s tutorial I’ll be showing you how to create your very own glowing google plus icon/illustration.
Create a Sweet Donut Icon in Photoshop from Scratch
In this icon design tutorial we will learn how to make a sweet and tasty donut icon from an initial sketch. So let’s begin, and remember: don’t try to bite the screen!
How to Draw a Shopping Bag Icon in Photoshop
In this tutorial you will learn how to drawn a red shopping bag icon. This tutorial will cover the basic techniques of drawing such as creating the shape, shading, and adding shadows.
How To Draw a Vintage Polaroid Camera Icon
In this tutorial, we will create a Polaroid camera icon. We will use lots of layer styles and draw manually with the brush tool to achieve a realistic appearance. Let’s get started!
Create a Leatherback Book Icon in Photoshop
Learn how to create this leatherback book design in Photoshop. This tutorial will show you how to draw a book and apply textures and layer styles.
Draw a Roll of Camera Film in Photoshop
Icon design can be a lot of fun. In this tutorial we will demonstrate how to create a roll of camera film using Photoshop. Let’s get started!
How To Design a Realistic Takeout Coffee Icon
In this tutorial we’re going to show you how to design an Incredibly Detailed Drinks Icon. We’ll walk you through the process of creating the takeout coffee cup from start to finish, exploring a wide variety of techniques in Photoshop that can be applied to almost any type of design and drawing.
Create a Download Folder Icon in Photoshop
Icons are an important part of most interactive and web design. While icons are small, they can often be challenging to create. In today’s tutorial we will demonstrate how to create a download folder icon using different shapes and reflections in Photoshop. Let’s get started!
Stock royalty vector digital clock
In this tutorial we will illustration of digital clock using Pen tool, dodge and burn Tool. Let’s get started!
Create an Open Book Icon In Photoshop
In this tutorial we will demonstrate how to create an open book icon in Photoshop. Let’s get started!
Create a Detailed Vintage TV from Scratch in Photoshop
In today’s tutorial, artist will show you how to create a detailed vintage TV from scratch using Photoshop’s vector editing capabilities. The detailed step by step guide will help you to understand the process of its creation.
In this tutorial we will demonstrate how to create a packing box using layer styles, dodge and burn Tool. Let’s get started!
Create a Futuristic Bicycle Icon in Photoshop
It’s fun and challenging to create items from scratch in Photoshop. In this tutorial we will create a futuristic bicycle icon from scratch using some basic Photoshop tools. Let’s get started!
How to Illustrate a Realistic Guitar Using Photoshop
In this tutorial we’re going to explore how easy it is to illustrate a guitar in Photoshop using tiny shapes, gradients and subtle shadows. Using these techniques and a good reference photo you can create an amazing amount of detail and realism. Lets jump right in.
Learn How To Create A Nintendo WiiU From Scratch In Photoshop
The new Nintendo WiiU was recently revealed at the E3 gaming conference boasting new ways in which we play our games. Now you can create your very own WiiU in photoshop using this detailed tutorial. The tutorial itself is very “Layer Style” heavy so set a side a good two or three hours to complete it.
Or this tutorial we will be dipping into a little bit of icon design for iOS applications. The example icon for the tutorial’s sake will be an iPod Shuffle icon that would be used for a music related app or something of that sort. The tutorial should give some exampled of how to shade elements in an icon as well as bases that typical iOS icons would use.
Create A Nintendo DS In Photoshop
Today we are going to be using basic layer styling and some basic tools in Photoshop to create the open version of our Nintendo DS. In this tutorial you will learn to create the open view of a DS from scratch, using nothing but basic tools and filters. Now, let’s get started. As always this is what we will be creating:
‘Zohf-Ee’ Cup Icon – Illustrator And Photoshop
Yep, another new tutorial author has joined the team here at HV-Designs and his first tutorial is awesome! Josh will be walking you through some simple Adobe Illustrator techniques on creating vector shapes and bringing them to photoshop and then applying some photoshop techniques to bring it all together. Let’s get started!
how to create a seal in Photoshop cs3
In this tutorial we will demonstrate how to create a seal using layer styles, dodge and burn Tool. Let’s get started!
Toggle Switch Photoshop Tutorial
Hey, guys. Today, we’re going to learn how to create a toggle (on/off) switch, and we’re gonna do it using vector shapes and layer styles. That’s right. For now, say goodbye to working in raster and open your eyes to the bright future of resolution independence. Kinda warm and glowy, isn’t it? Good stuff.
Stock photo vector portable meter interface
In this tutorial we will illustration of vector meter interface using Pen tool, dodge and burn Tool. Let’s get started!
Create an Apple Safari Icon in Photoshop
Learn how to create a detailed Apple Safari icon in Photoshop. This tutorial will show you how to create shapes and use different layer styles to create effects.
Create a Mac Style Home Icon in Photoshop
We occasionally need a home icon for our design project. Commonly, a designer draw with Illustrator, but this time let’s create a mac style home icon with Photoshop. The techniques used will be about making shape and playing with layer style. It’s not difficult to make this sweet icon.
In this tutorial we will demonstrate how to create a cool orb using layer styles, dodge and burn Tool. Let’s get started!
Create a Diana Mini LOMO Camera Icon in Photoshop
Learn how to create a LOMO camera icon with this detailed Photoshop tutorial. This tutorial covers many drawing techniques such as creating a leather texture, adding reflection to glass, shading, and more.
In this tutorial we will demonstrate how to create a Alarm using layer styles, dodge and burn Tool. Let’s get started!
How to Illustrate a Stethoscope Icon
This work is a common project created together with Iaroslav Lazunov and Oleksandr Iegupov. We have used Meshes, Art brushes, and Blends to create the final work. The skills you will learn here can easily be transferred to creating various objects. So let’s get started!
In this tutorial artist will show you how to create a Mac style radar icon in Photoshop.
Learn To Create A Camera Lens In Photoshop
In this detailed tutorial artist will be showing you how to create a cool camera lens in photoshop. The camera lens later could be used as an icon or illustration, lets get going…
In this tutorial we will illustration of vector water bottle using Pen tool, dodge and burn Tool. Let’s get started!
In this tutorial we will demonstrate how to create a process icon using layer styles, dodge and burn Tool. Let’s get started!
In this Photoshop tutorial I’ll show you how to create a 3D Push Pin using Photoshop Extended’s 3D drawing and rendering capabilities. Put your 3D glasses on and enjoy the show!
Vector portable media player interface
Creating still life objects in Photoshop is often great practice for learning how to create other objects. In this tutorial we will illustration of portable media player using Pen tool, dodge and burn Tool. Let’s get started!
40 Extremely Useful Adobe Fireworks Tutorials For Designers
Over time, Adobe Fireworks became fashionable and popular among web designers. The space and capability to use Adobe Fireworks in web design is simply huge. In addition, Web designers will find it very fun to experiment with different techniques with Adobe Fireworks. They attempt to learn how to use a variety of features in Adobe Fireworks for adding vitality to boring pictures and renovate them into works of art.
Many designers who are interested in finding out new techniques for using Adobe Fireworks do not make out where to get help from. So for all those designers who are desperate to learn new skills, here is a compilation of tutorials for Adobe Fireworks. In this collection, you can find variety of advanced tutorials and resources. We hope that you will like this collection.
Creating Fading Light Vectors in Fireworks
In this tutorial, you’ll learn how to create some cool effects with fading light linear vectors in Fireworks. It’s really easy to do and takes just a few minutes. Create fading lights using vectors, then convert these vectors into bitmaps, and learn to use effects from Fireworks CS3.
The Abduzeetles Rockband Website in Fireworks
We are going to use nice commands on this tutorial, and what is really cool is trying to test other values on each step, other colors, other shapes, always exploring the whole potencial from every tool.
In this tutorial artist will show you how he created a beutiful web layout using Fireworks.
LED Cinema Display in Fireworks
In this tutorial artist will teach you how to created a beautiful LED Cinema Display in Fireworks.
Page Curl in Fireworks Tutorial
In this tutorial artist will show you how to add a stylish page curl to the corner of your image. To start, lets get an image that we can add the page curl to.
In this tutorial you will learn how to create awesome Light Effects in Fireworks inspired by the James White’s O series.
This tutorial teaches you how to create a blend mode using Fireworks and thus assumes you are familiar with some design software, even if you are new to Adobe Fireworks. However be assured that our detailed instructions can be followed by even a total novice.
The Simple Orbs Tutorial is a very simple technique , yet it could add some dramatic touches to your design. It is just one layer object but you can replicate it over and over, and change the sizes.
In this tutorial artist will show you how to create a camera icon in Fireworks. Artist will focus on the lens pretty much, but as you will see, to create a realistic effect it’s all about playing with gradients.
In this tutorial, artist goes over some of the features that help with fast prototyping, like the fit canvas button and the optimizing panel.
Creating AIR Applications with Adobe Fireworks
In this tutorial, Tom Green shows how to design a simple Flex application and export it from Fireworks.
Photoshop Image to Web using Fireworks CS4
Tom Green shows off how to bring a Photoshop image into Fireworks and export it as an html document.
Create a Vibrant Digital Collage Mixing Buildings and Vector Shapes on Paper
In this tutorial, you’ll learn how to use Fireworks CS3 and Illustrator CS3 together. You’ll create some illustrative vector elements to add to the final composition. You’ll also mix in photos and light effects. Learn how to use a cool paper background and tips to improve your workflow.
Build a Promotional iPhone App Website Wireframe in Fireworks
In this tutorial We’ll cover the design process of creating a wireframe for an iPhone application website in Fireworks.
Creating an amazing Palm Pre icon on Fireworks
This tutorial will show you how to create in Fireworks the icon for the Palm Pre frame.
Awesome Floral Type in Fireworks and Photoshop
In this tutorial we will use Adobe Fireworks and Adobe Photoshop. Actually the whole effect will be done in Firewors, then in Photoshop, we will add some textures and a old paper background effect.
In this tutorial you are going to learn how to create some fun abstract effects using Adobe Fireworks CS4. This tutorial explains how a single Image/Vector can be converted into various Images/Vectors using the properties such as Steps, Spacing, Rotation and Opacity.
In this tutorial you will learn how to create an amazing Highway Sign.
In this tutorial we will learn how to create a beautiful night scene in fireworks.
How to blur background in Adobe Fireworks
In this tutorial you will learn how to blur the background of digital photos with Adobe Fireworks in a non destructive way.
In this tutorial you will learn how to create an outstanding 3D Text in Fireworks.
In this tutorial you will learn how to create Dot Matrix Effect.
This tutorial will show you how to create a barcode for any purpose.
Mobile workflows using Fireworks CS5 and Device Central CS5
In this tutorial Liz Myers will show you how to harness the power of Fireworks combined with Device Central in these common workflows:
Interaction design and rapid prototyping with Fireworks
In the following four short video presentations, David Hogue demonstrates how to use Adobe Fireworks CS4 for information and interaction design and creating interactive prototypes quickly, and how you can use Fireworks as a design tool that fits into your complete design process, from concept to development.
Prototyping for the Apple iPhone using Fireworks
This tutorial shows you how to use a few scripts to make your Fireworks prototype work for the Apple iPhone.
In this tutorial you will learn how to Making of Darth Android.
Designing a Website in Fireworks CS4
At this MAX session, XD’s Paul Dorian showed attendees how to use Fireworks CS4 to rapidly prototype websites, application interfaces, and other interactive designs, then output their designs to Adobe AIR, Flash CS4 Professional, Flex, HTML, or CSS-based layouts. Paul also shared tips on making the most of the new Fireworks user interface and core functionality, such as consistent text handling, via the Adobe text engine.
How to do simple 3D text with Adobe Fireworks
Creating 3D text with Adobe Fireworks is very simple job. Here is a quick tutorial how to do funny 3D-letters in few steps, just using one layer.
This tutorial will show you how to create a barcode for any purpose.
This tutorial shows you how to extract a logo and/or logotype from a raster image, using only Adobe® Fireworks®‘ Live Filters. With this method, you also have the option to re-color the lifted logo in anyway you want: solid, gradient, or textured. All of this, while avoiding the temptations of the quick-and-dirty Wand Tool
How to create a thick text outline
In this tutorial you will learn how to create a Thick Text Outline.
In this tutorial you are going to learn how to partially blur a photo or focus on an image part using Adobe Fireworks CS4/CS5. The image below shows how we have blurred the background that will help you create step-by-step.
In this tutorial artist will show you the basics of taking an old or under-saturated picture and optimizing it.
This is a tip good for poster art. Add a radial gradient in bold text to spice things up. If you’re tired of using borders and bevels, try this.
Learn how to create a grass text effect in adobe fireworks.
How to create Light Painting in Fireworks.
In this tutorial you will learn how to create a media player skin in Fireworks.
Designing a website application
This tutorial shows you the process of creating a website application in Adobe Fireworks CS4—from sketching the original page design to developing wireframes, to creating the final design. All the essential tools and instructions will be covered in this article to help you begin creating websites and designs within Fireworks CS4 right away.
In this tutoria you will learn how to play with paths, combining, subtracting and much more. Also you will end up creating a logo.
This tutorial demonstrates how to give a night vision effect to an image in Fireworks MX 2004.
45+ Handy CSS3 Tools, Tutorials and Resources
CSS or Cascading Style Sheet is a special style sheet language used to create website layouts and styles. It has been extensively used by web developers all around the world and has proved its worth in the field of web development.
Recently CSS3 comes with some magnificent new features that support cross browser usability and help improving the web development. Mastering the skills in CSS3 helps you achieving a constant look for your website and allows you gain more control on its style and layout.
Here is a showcase of 45+ Valuable CSS3 Tool and Resources, as well as CSS3 Tutorials to let you understand the techniques and master the skills. We hope that this collection gives you understanding to have the edge in the world web development.
CSS3 Tools and Resources
You will be provided with a number of sliders and color pickers that you can use to style your own CSS3 button. You can use the code in your own project.
45 jQuery Plugins And Tutorials To Enhance Your Forms
Creating awesome and appealing forms for your website has now become easy, thanks to jQuery plugins. Here we are sharing with you a collection of some extremely useful plugins and tutorials to help you create beautiful and awesome web forms.
Web forms are the crucial element for any website as website visitors use such forms to interact with the webmaster. Therefore, keeping them neat and functional while maintaining their aesthetic appeal is important. Here is the complete list. Enjoy!
Boxy –Facebook-like dialog/overlay ( Demo | Download )
Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening.
A jQuery Inline Form Validation ( Demo | Download )
When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers.
ToChecklist plugin ( Demo | Download )
The toChecklist plugin for jQuery will give you the functionality of a SELECT box without the need to ctrl+click items to select them.
A Fancy Contact Form ( Demo | Download )
Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques.
Select Multiple Form Fields ( Demo | Download )
asmSelect is a jQuery plugin that answers some of these issues. A progressive enhancement is applied to the select multiple that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options.
Creating a Digg Style Sign Up Form ( Demo | Download )
In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.
jQuery Show Password Plugin ( Demo | Download )
This plugin works by adding a text field that takes the value of what is typed into the password field. Then, when the link is clicked the password field is hidden and the text field is shown.
Create an AJAX/jQuery/PHP Contact Form ( Demo | Download )
This tutorial uses XHTML, CSS, jQuery and a little PHP to make a pop-up/modal contact form that validates whatever is entered into the form and then uses AJAX to send the form without refreshing the page.
LightForm ( Demo | Download )
LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.
MeioMask ( Demo | Download )
With meioMask plugin you can create and apply maskstot text input fields.
LiveValidation ( Demo | Download )
LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms.
WordPress plugins for contact forms ( Demo | Download )
There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, Trevor is going to show how to use a custom page template to create a contact form in WordPress without a plugin.
How to Enhance Forms Using jQuery UI ( Demo | Download )
jQuery makes creating UI so much easier without compromising speed and quality. In this tutorial we are going to enhance form using jQuery UI, so let’s get started
Submit A Form Without Page Refresh using jQuery ( Demo | Download )
Submit a contact form that sends an email, without page refresh using jQuery, This tutorial will help you creating a form that can be submitted without page refreshing, using JQuery.
Timepickr ( Demo | Download )
jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.
Password Strength Indicator and Generator ( Demo | Download )
In the example about you will see two password boxes and with them you have a generate password link and an icon showing you the strength of your password.
JQByte StickyForms ( Demo | Download )
StickyForms is a jQuery plugin that automatically saves all form fields into cookies, and then autofills those values on any form that shares element IDs across your site.
File Style jQuery ( Demo | Download )
Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.
Autocomplete ( Demo | Download )
By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.
Emblematiq Niceforms ( Demo | Download )
You basically know a web form when you see one as they always look the same and they’ve kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue!
A BETTER FORM – SPAM-LESS ROBOT-LESS FORMS ( Demo | Download )
A Better Form is a jQuery plugin I designed to help eliminate spam comments, spam emails and other automated form submissions.
Progress Bar ( Demo | Download )
It’s a very simple widget with a small API that exposes a limited number of properties and methods, but it can still be highly effective and is great for providing visual feedback to visitors on the percentage of a process is left before it is complete.
jQuery AlphaNumeric ( Demo | Download )
jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.
Build An Incredible Login Form With jQuery ( Demo | Download )
In this tutorial, we’ll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. In this case, we will be creating a hypothetical login for the new tutsplus area that’s coming soon.
prettyCheckboxes ( Demo | Download )
This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.
Improved Current Field Highlighting in Forms ( Demo | Download )
In this tutorial CSS expert Chris Coyier will tell you how to improve your form usuability and enhance them visually.
jQuery Ajax delete ( Demo | Download )
Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. In the download and demo you’ll see a small red cross to the right of each comment. Clicking the cross will remove the comment div with a slide up animation which will remove the div. click the image below to check out the demo.
jQuery Auto Complete ( Demo | Download )
Auto-complete takes input from the user, and tries to form a list of words that match the users input. The function attaches itself to the input field selected, and also creates the UL drop down from within so all you need is have the styles for it ready.
Date Picker ( Demo | Download )
Date Picker component with a lot of options and easy to fit in your web application.
Plugin for Password Masking ( Demo | Download )
This plugin gives users the option to see the chracters of the password the are entering, for usability purposes.
jQuery Form Plugin ( Demo | Download )
The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.
Input Fields with Images ( Demo | Download )
With this plugin you can add icons or images inside of input fields to add some flair to your forms.
Elastic ( Demo | Download )
Elastic makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it’s competitors is it’s weight.
jQuery Checkbox ( Demo | Download )
This plugin allows you to style your forms checkboxes or radio buttons.
iPhone Style Checkboxes ( Demo | Download )
With this plugin you can enhance standard HTML checkboxes and gives them an iPhone-like styling.
jQuery Autosave ( Demo | Download )
Autosave is designed to save the progress of forms by saving the fields to cookies so you won’t lose anything should anything go wrong. The plug-in saves the form fields at certain intervals (the default is every 10 seconds) and whenever you leave the page.
AutoTab ( Demo | Download )
Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field.
Magicpreview ( Demo | Download )
Magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms.
Using form labels as text field values ( Demo | Download )
When designing you sometimes have limited space to put and display all of the form elements. Recently that happened to me and when I was trying to squeeze in a simple newsletter form to a 120px wide area (plus a limited height). I realized that some of the elements will have to go. The obvious solution was to get rid of the labels and put only the form text fields. How will the users know what are the text fields for? I will use value attributes and write the explanation in there, something like “Input your email here”. Problem solved? Not quite. Why? Because I am a web standards freak 
Checking username availability with ajax using jQuery ( Demo | Download )
The time when username availability is checked after the page is normaly processed is long way behind us. Google has it, Yahoo has it and many many more sites have it, ajax username availability checker. So in this tutorial we will make an ajax username availability checker powered with jQuery.
jQuery Highlight plugin ( Demo | Download )
Highlight increases usability by highlighting elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify. It can also be used to toggle elements on and off, for example, table rows.
A Fancy AJAX Contact Form ( Demo | Download )
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
ASM Select ( Demo | Download )
A progressive enhancement to select multiple form elements. It provides a simpler alternative with lots of advantages.
BABYSTEPS ( Demo | Download )
BabySteps (A ‘What About Bob?’ reference) is a simple and easily configurable tool for turning long forms into broken out steps without going from page to page.
BS FORM ACCELERATOR ( Demo | Download )
BS Form Accelerator will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form.
50 Truly Eye-Catching And Detailed Web Layout Tutorials
An eye-catching web layout can help capture the attention of your potential customers by giving them a feel of confidence and trust. Designers mainly use Adobe Photoshop to create beautiful and stunning designs. Adobe Photoshop is the most widely used graphics software that is being employed all over the world.
Here we are showing 50+ most useful tutorials of Adobe Photoshop that show you the creation of beautiful web layouts by the sole use of Photoshop. We hope that you enjoy this collection.
50 Killer (Photoshop And Others) Tutorials For Graphic Designers
Tutorials are the best source for the designers when they need to design a project that has been really putting them off. With the help of tutorials, one can learn the new skills and can also polish the skills he already possesses. This assortment of some killer Adobe Photoshop and Illustrator Tutorials will definitely come in handy for the majority of the designers all over the world. In this collection, you will find everything you need right whether it be creating a mummy text effect or designing a vintage style zombie movie poster. So get ready to be inspired. Here is the full list.
How To Draw a Vintage Polaroid Camera Icon
In this tutorial we will learn how to create a Polaroid camera icon. We will use lots of layer styles and draw manually with the brush tool to achieve a realistic appearance. Let’s get started!
Create a Vector Chopper with Illustrator CS5 and VectorScribe
In this tutorial you will learn how to create a vector chopper with illustrator CS5 and vectorscribe.
How to Illustrate a Tasty Watermelon
In this tutorial you will learn how to create a simple and great looking Watermelon illustration. Using Blends, Mesh, Brush, and Symbol Sprayer tool.
Draw a Shiny Make-Up Mirror with Adobe Illustrator
In this tutorial we will learn how to create a pretty make-up mirror using mostly grayscale and hard shapes to achieve a shiny metallic effect, also we’ll be using gaussian blur effects and the mesh tool for a better result.
Use Photoshop to Create a Still-Life Lamp Nightstand and Picture Frame
In this tutorial, we will learn how to create the inside of a home from scratch using only Photoshop. In the end, we will create a lamp, nightstand, a picture frame and several other elements using layer styles and filters along the way. Let’s get started!
Create an Open Book Icon In Photoshop
In this tutorial we will learn how to create an open book icon in Photoshop.Let’s get started!
Create a Vibrant Abstract Vector Design Illustrator
In this tutorial how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.
Create a Wacom Product Advertisement in Photoshop
In this tutorial, you willl learn how to create a Wacom tablet product advertisement.You will see how to take a product image and create a theme for an advertisement and then how to execute it with a variety of subtle touches.
How to Make a Golden Compass in Illustrator
In this tutorial, you will learn how to create an antique golden compass. We will use simple Illustrator drawing tools such as the Ellipse Tool, Pen Tool and Line Tool.
Create a Burning, Vector Match Using Gradient Meshes
In this tutorial how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.
Create a Quick Spring, Holiday Scene in Illustrator
In this tutorial you will learn how to create a quick spring holiday scene in illustrator.
Give a 3D, Vector Robot a Realistic Feel in Photoshop
In this tutorial you will learn how to combine different methods from Illustrator and Photoshop to enhance your 3D vector art. Through the process you will learn how to use the appearance panel, 3D extrude and 3D revolve.
Create a Royal Crown Using Adobe Illustrator CS5
In this tutorial you will learn how to create a crown using four stages of design: 3-D modeling, creating of elements of the crown, colors, and creating glare on the surface. Let’s get started!
Design Wedding Rings Using Adobe Illustrator
In this tutorial you will learn how to create wedding rings using 3D modeling in Illustrator.
How To Create a Jeweled Butterfly In Inkscape
In this tutorial you will learn how to create a sparkling jeweled butterfly.
Draw a Magician’s Hat in Illustrator
In this tutorial you will learn how to create a magician’s hat in Adobe Illustrator.
How to Draw a Classic Electric Guitar in Photoshop
In this tutorial you will learn how to create a classic electric guitar in photoshop.
Draw a Vector Traffic Cone with Adobe Illustrator
In this tutorial we will be creating a traffic cone. The creation process is quite simple: We just need to combine a few shapes, use the Pathfinder Panel and Illustrator’s shape tools smartly, and then apply nice gradients.
Create a Vintage Steam Locomotive Poster in Photoshop
In this tutroial you will learn how to create a vintage steam locomotive poster in photoshop.
Creating Vector Eyes with CorelDraw
In this tutorial you will learn how to make a vector based eye using coreldraw.
How to Design a Realistic Gamepad
In this tutorial, you will learn how to create an illustration of a gamepad using the Pen Tool, Gradients and Filters.
How to Draw a Realistic iPhone 4 with Photoshop
In this tutorial how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.
Create a Post-Apocalyptic Matte Painting
In this tutorial we will demonstrate how to create a post-apocalyptic matte painting of an old cathedral. Let’s get started!
Create a Sleek and Clean MP3 Player Interface
In this tutorial, we will design a sleek and clean MP3 player interface. The process involves a lot of manual drawing and lots of layer styles. Let’s get started!
Create a Download Folder Icon in Photoshop
In this tutorial we will demonstrate how to create a download folder icon using different shapes and reflections in Photoshop. Let’s get started!
Create a Fictional Arctic Snow Frog in Photoshop
In this tutorial we will combine several stock images and effects to create a fictional arctic snow frog in Photoshop.
How to Make a Detailed Printer Icon Using Illustrator
In this tutorial we will construct a desktop printer icon that is rich in detail. We will use the industry-standard vector illustration tool Adobe Illustrator.
Create a Centaur Photo Manipulation in Photoshop
In this tutorial we will create one of these mythological creatures by blending several images together and adding some dramatic lighting and depth to the scene.
Create a Realistic Blueprint Image From a 3D Object
In this tutorial we’ll create a a quick mock-up of a 3D car blueprint. Then we’ll place it on an image of a drafting table. This time we’ll use a particular Photoshop 3D Render Mode to create this awesome effect. Let’s get it started!
Create a Fallen, Rain-Soaked, Angel Composition in Photoshop
In this tutorial we will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques. Let’s get started!
Make a Divinely Dark Zen Composition in Photoshop
In this tutorial we will photo manipulate different photos textures and organic elements to produce a mysterious Zen-inspired composition.
Color Your Artwork Using Actions in Photoshop
In this tutorial we will demonstrate how to use actions to help color your artwork. Let’s get started!
Create a Minion Character From the Despicable Me Movie
In this tutorial we will use Photoshop and Illustrator to create a cute minion character. Let’s get started!
How to Create a Delicious Green Apple Illustration
In this tutorial you will learn how to draw a shiny green apple. We’ll have a look at various painting techniques throughout this tutorial. It will be fun and you’ll learn something new – let’s started!
Create a Scenic Castle Hallway in Photoshop
In this tutorial we will combine stock photography and some basic digital painting techniques to create a scenic castle hallway in Photoshop. Let’s get started!
Create a Vibrant and Eye-Catching Drink Composition using Photoshop
In this Photoshop tutorial you will learn how to create a Sobe fruit drink advertisement using some simple water stock images and a lot of easy to use techniques that will yield high quality results.
Create a Cardboard Box Icon in Photoshop
In this tutorial we will show you how to make a cardboard box that can be used for a number of purposes, such as for icons or for other design purposes.
Undress a Giraffe in Photoshop
In this tutorial we will demonstrate how to undress a giraffe by removing its spots. We will then show how to turn its spots into an outfit that will be draped over an ironing board. Pretty cool! Let’s get started!
Turn an Ordinary Photo Into an Avatar Style Portrait in Photoshop
In this tutorial we will demonstrate how to use basic digital painting techniques to turn an ordinary photo into an Avatar style portrait. Let’s get started!
Create a Golden Heart-Shaped Box
In this tutorial we will demonstrate how to create an elegant heart-shaped box in Photoshop. Let’s get started!
Create a Powerful Mental Wave Explosion Effect
In this tutorial we will demonstrate how to create a powerful mental wave effect using Photoshop. Let’s get started!
Design a 3D Digital Clock Icon with Illustrator
In this tutorial will explain how to create a glossy and stylized digital clock from scratch in Adobe Illustrator composed of basic shapes and nifty gradients.
Create an Awesome Number-Based Illustration
In this tutorial how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.
Create a Shampoo Advertisement in Photoshop
In this tutorial we will use the pen tool, some basic shape transformations, and color blending to create a fresh-looking shampoo bottle within the context of an advertisement. Let’s get started!
Draw a Spilled Paint Bucket in Illustrator
In this tutorial We will take advantage of many excellent features in Illustrator, such as the 3D Extrude & Bevel command, Blend command, drawing shapes with the Pen Tool and Pencil Tool, using Pathfinder commands to combine and create shapes, and more. The resulting product is a scalable vector drawing.
Make a 3D Recycling Bin Icon with Photoshop
In this tutorial we will show you how to make an appealing drawing of a recycling bin with crumpled and creased white paper inside and around it all from scratch.
Create a Cartoon-Like Fish Illustration in Photoshop
In this tutorial we will demonstrate how to create a cartoon-like fish illustration in Photoshop. Let’s get started!
Draw a 3D Mailbox With Photoshop
In this tutorial we will create a 3D mailbox using several of Photoshop’s tools and techniques. Let’s get started!
Draw a Sound Dock System With Photoshop
In this tutorial we will demonstrate how to draw a Sound Dock System with Photoshop. Let’s get started!
How to Make a Sleek Aluminium Hard Drive in Photoshop
In this Adobe Photoshop tutorial, we will create from scratch an external hard drive that has a smooth, metallic finish.
30 (Really) Amazing Tutorials And Techniques To Become A Master Of Photoshop
Adobe Photoshop is a comprehensive design tool that designers need to explore continually. The best way to explore new ways of using tools of Adobe Photoshop is definitely with the help of Photoshop tutorials that are extensively available on the internet. This post also features a collection of really New Photoshop Tutorials that you have not seen before. We hope that this collection proves to be very useful for you. These tutorials will help you in fulfilling your Image editing & photo enhancement related needs.
Create a Red Giant Star in Photoshop
In this tutorial you will leran how to create a red giant star in photoshop.
How to Create an Audi A1 Digital Car Painting in Photoshop
In this tutorial how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.
How to Create a Medieval Movie Poster in Photoshop
In this tutorial we will show you how to create a 3D grunge metal movie poster title in Adobe Photoshop CS5 by using the Repousse tool. Every movie poster needs a spectacular title whether it is in a grunge, metal, typographic style.
Create an Explosive Flaming Poker Card in Photoshop
In this tutorial we will show you how to create your own custom poker card from scratch by using the wide variety of shapes that come with Photoshop.
Create a Mysterious Fashion Photo Manipulation in Photoshop
In this tutorial you’ll learn how to use different custom brushes to create stormy weather, save your masks to save your time, work with different adjustment layers, and make adjustments only on small parts of the image to achieve the exact result you want. Let’s get started!
In this tutorial You’ll learn how to create the shape with the Pen tool and use different techniques for coloring and shading.
Design a Vintage Baseball Card in Photoshop
In this tutorial you will learn how to create a Design a Vintage Baseball Card in Photoshop.
Valentine’s Day Photoshop Ideas
In this tutorial you will learn how to create a valentine’s day photoshop ideas. Shiny heart on the dark background.
Design a Conceptual Album Cover in Photoshop
In this tutorial we will take a look at the step-by-step process of creating a conceptual album cover in Photoshop. Let’s get started!
Draw a Roll of Camera Film in Photoshop
In this tutorial we will demonstrate how to create a roll of camera film using Photoshop. Let’s get started!
Create a Paint Brush in Photoshop
In this tutorial you will learn how to create a paint brush in photoshop.
How to Apply Textures to Uneven Surfaces
In this tutorial you will learn how to create a apply textures to uneven surfaces.
The Cosmos: Create a Spiral Galaxy
In this tutorial we will show you how to create a spiral galaxy.
Painting “The Nightmare” in Photoshop
In this tutorial you will learn how to create a painting the nightmare in photoshop.
Create a Download Folder Icon in Photoshop
In this tutorial we will demonstrate how to create a download folder icon using different shapes and reflections in Photoshop. Let’s get started!
Create realistic glossy glass tomatoes with liquid in them, make reflections and shadows.
How to Make a Textured 3D Spray Can
In this tutorial we will demonstrate how to combine Illustrator and Photoshop to create a 3D, textured spray can. This tutorial requires some basic understanding of Illustrator and Photoshop as well as the pen tool. Let’s get started!
Create a Fictional Arctic Snow Frog in Photoshop
In this tutorial, we will combine several stock images and effects to create a fictional arctic snow frog in Photoshop.
Create an Ancient Egyptian Tomb in Photoshop
In this tutorial we will create an ancient Egyptian scene using stock images, textures, and some basic knowledge of perspective. Let’s get started!
Create a Flowerpot From Scratch in Photoshop
In this tutorial we will show you how to create a flowerpot from scratch using several techniques in Photoshop.
Create a “Minion” Character From the Despicable Me Movie
In this tutorial you will leran how to create a cute minion character.Let’s get started!
Create an Alien Invasion Photo Manipulation in Photoshop
In this tutorial you will leran how to create a destroying city manipulation by using some basic techniques like color correction, masking and brushes.
“Piece of the Artic” Pie Chart Photo Manipulation
In this tutorial we will show you how to create a piece of the artic pie chart photo manipulation.
Create a Vibrant and Eye-Catching Drink Composition using Photoshop
In this tutorial, you’ll learn how to create a vibrant and eye-catching drinl composition using photoshop.
Create a Scenic Castle Hallway in Photoshop
In this tutorial, we will combine stock photography and some basic digital painting techniques to create a scenic castle hallway in Photoshop. Let’s get started!
Egg Planet Fantastic Globe Photo Manipulation
In this tutorial you will learn how to create a egg planet fantastic globe photo manipulation.
Milk Monster And Chocolate Splash
In this tutorial we will show you how to create a milk monster and chocolate splash.
Create a Powerful Mental Wave Explosion Effect
In this tutorial we will demonstrate how to create a powerful mental wave effect using Photoshop. Let’s get started!
How to Create a Beautiful Printer Icon in Photoshop
In this tutorial you will learn how to create this beautiful printer icon with reflections and shadows all within Photoshop.
Create a Stylish Coffee Cup With Smart Objects
In this tutorial we will demonstrate how to create a realistic coffee cup with a customizable label using smart objects in Photoshop. Let’s get started!
45 Totally Awesome Tutorials And Techniques To Become A Master Of Photography
This post showcases a list of useful and unique photography related tutorials that will help you learning the skills of a trained photographer. The field of photography has extensively grown over the past few years to such a huge industry with millions of photographers emerging every day around the globe and mastering their skills in different areas of photography.
The tutorials listed below let you learn how to capture a digital photograph in a better way and then direct you all the way throughout photo-editing process by means of using photo-editing software such as Photoshop.
Professional Photograph Restoration Workflow
In this tutorial, we’ll take an in-depth look at restoring an old torn photograph.
Here’s a tutorial showing you how artist go about aging a woman’s face in Photoshop.
Here in this tutorial we will teach how to change a person’s hair color using Photoshop’s brush tool and the soft light blend.
Colorizing Black-And-White Photos
Using Photoshop to create a classic hand-painted effect.
Street photography is one of those techniques that sounds simple, ‘just go out and take some photos of people wondering about’, but some time it is very difficult, in this guide you will find some tips and basics for great street photography.
Self Portrait Photography Guide
In this guide you will learn some useful tips for snapping self-photos.
Waterfall Photography Tips and Techniques
Waterfalls provide their own unique set of problems which requires a unique set of solutions. This article is about those unique problems and the solutions that allow photographers to produce images that communicate the power and beauty that is inherent in the waterfalls that stand before their lenses.
In this guide you will learn some useful tips about comets photography.
Imagine one day you announce to all your friends that you have a twin, by showing them a very realistic photo. There must be many fun then! In this tutorial artis will show you how to do that in this photoshop tutorial.
Infrared Photography Technique
Infrared photography is one of those techniques that requires a bit of practice. Its not that hard to produce an infrared photograph but adjusting the image in post processing is a business that yeilds different results each and every time, learn all about it through this guide.
Dual View Photo Editing in Photoshop
In this Photoshop tutorial, we’ll look at how to give ourselves two different views of the same image by opening it in two separate document windows, each set to a different zoom level, making it much easier to judge the effect our edits are having on the overall image.
Is your lens lacking contrast? Find out how to simulate the contrast qualities of high quality lens with this Photoshop retouching tutorial. This effect increases visible detail and edge contrast without increasing the overall image contrast.
Use Photoshop to Turn Day Into Dusk
In this tutorial we will demonstrate a quick technique to make your photos look as if they were taken at night. Let’s get started!
There are times when a regular photo just doesn’t cut it and you need your photo to pack a punch. Here is one technique that you may find useful.
In this guide you will learn tips and techniques for taking professional level weddings photography.
Add a Realistic Rainbow to a Photo in Photoshop
In this Photoshop photo effects tutorial, we’ll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we’ll see, Photoshop ships with a ready-made rainbow gradient for us to use. We’ll learn where to find it and how to load it in.
Remove a Person from a Photo with Photoshop CS5
One of the new features we will be looking at this tutorial is called Content Aware. This feature allows you to quickly fill in a selection with surrounding content making it look like a part of the original image.
How to Use Lines in Photography Compositions
In this guide we will discuss the usefulness of lines for better shots.
How to Capture Really Sharp Photos
One of the most frustrating experiences for a photographer is to get home from a photo trip with some great images only to find that some of the images are not sharp. To help solve this problem, this article covers seven things that a photographer can do to create really sharp images.
Ok, So You Wanna Look Muscular? But don’t afford the money nor the time to train in a gym? Who cares, it’s only a quick impression picture that matters, right? Well, You can be right! Check out this tutorial to see how you can improve yourself!
Create Your Own Bokeh for Beautiful Photo Effect
What’s a bokeh you say? It’s that oh-so-wonderful fuzziness in the background of photographs with a shallow depth of field and accompanying starry highlights. You can create you own bokeh effects with a little craftiness.
Photographing Complex Architecture
Photographer Philipp Klinger gives his advice on capturing elaborate structures.
Tilt-Shift Photography Photoshop Tutorial
This tutorial has been produced using Photoshop CS2 on a PC and shows you how to give a city shot a neat miniaturization effect.
Try this simple step-by-step process for making beautiful monochrome images.
Color Correction Basics in Photoshop
Have you wanted to learn more about color correction? The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images. Learn a few simple techniques while creating.
How to Photograph Wakeboarders & Waterskiing
In this tutorial we will find some useful tips on how to achieve great wakeboarding pictures.
Camera Toss Photography Technique
In this step by step guide we will learn some technique of camera toss photography.
There are so many methods to change your photo’s color, but here artist will show you some best ways to do that.
Give a Photo a Complete Glamour Makeover With Stunning Light and 3D Effects
In this tutorial, you will learn how to retouch a model’s face and subtly manipulate her hair. In addition, we will enhance the canvas by adding attractive lighting and 3D effects.
Color Correction in Photoshop with the Curves Adjustment Tool
This tutorial will teach you how to use this tool to color correct photos efficiently.
Reducing Wrinkles With the Healing Brush in Photoshop
In this tutorial, we will 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.
Portrait Lighting Tutorial: Character Study
In this tutorial you will learn how to make a portrait more honorable and admirable.
Photographing insects in flight is one of the greatest challenges for all wildlife photographers. This article describes how to capture crisp, sharp images of the Emperor Dragonfly.
A Guide To Nightclub Photography
In this tutorial you will learn how to make a beauty makeover with cool retouching effects:
Shutter Priority is an auto exposure system in which the camera achieves correct exposure by selecting the aperture after the user has selected the shutter speed.
How to Create Sunshine Effect in Studio with Artificial Sunlight
In this tutorial video we’ll give you tips on how to cheat Mother Nature and show you How to Create Your Own Sunshine in the Studio.
How To Photograph Moving Vehicles
A step-by-step guide to capturing that perfect motion shot.
Tips for better technical and creative results shooting video with your DSLR.
Professional Lighting in Model Photography
This case study shows how lighting was manipulated to create the perfect environment for a fashion photoshoot.
Portable Lighting for the Studio and on Location
In this lesson, we decided to keep things very simple and just illustrate some uses of this one simple shoe mount flash lighting kit, the XS OctoDome nxt Basic Kit with Grids, for both indoor and outdoor portraits.
Photography Tutorial: Get the Right Light
When shooting portraits, good lighting is all-important. To make sure you have it, you can buy expensive lighting rigs and multiple flash units. Or you can spend a few bucks and carry just the right mix of sun and clouds in your pack.
How to take close-up pictures of small things.
DIY – High Speed Photography at Home
You can use this technique to take picture of exploding things like tomatoes, water balloons, watermelons, or even your Canon camera as you smash it against a wall for not understanding the menus.
Tips and techniques for using shallow depth of field to add impact to your macro shots.
In this tutorial you will learn how to expand your photo’s tonal range when HDR techniques aren’t ideal.
50 Fresh And Useful Adobe Illustrator Tutorials
Adobe Illustrator is a great tool for the graphic designers if used properly. With the help of Adobe Illustrator, you can attain accomplishment that human beings will have a high regard for.
In today’s post, we are showcasing useful step by step tutorials that will guide you through the process of how to use this powerful tool. These tutorials have been created by professional graphic designers so I am sure that you will be benefited from this collection.
Vector Retro Television
In this tutorial, I’ll show you how to make a stylish retro television in Adobe Illustrator. You will learn how to draw basic shapes, modify them and apply gradient and gradient mesh for more realism. Hope you enjoy this illustrator tutorial.
Creating Scalable Textures Within Illustrator
In this tutorial artist will show you a way to achieve texture in your vector art without the need of raster assistance.
Create a Green Viscous Text Effect
In the following tutorial expand an existing font, use illustrator’s 3D tools to add dimension, and then add a green viscous text effect. If you want to add a fun, vector text effect to your portfolio, then get started now.
How to Create an Inspirational Poster Design
In this tutorial we will create a poster in the style of PSA.
Make a Headphones Icon Using Adobe Illustrator
In this tutorial you will learn how to create a realistic image of headphones using simple and understandable techniques. It turns out that to get a good result there is no need to do it in a complex way. This tutorial is easy for any beginner to complete.
Create Winter Festival Brushes in Illustrator CS
In this tutorial I’m going to show you how to create a holly, ivy and a berry brush to create a Winter Festival wreath. The brushes aren’t limited to this and can be used in pieces of vector art and decorations.
How To Create a Beautiful Vector Portrait in Illustrator
Follow this step by step tutorial for the making of my first vector art portrait of Tron Legacy’s Quorra. Learn how the portrait is carefully traced and vectorized in Adobe Illustrator to create an interesting vexel style design.
How To Create a Mexican Lucha Libre Mask Pin Badge
Follow this step by step Illustrator tutorial to create a Mexican Lucha Libre inspired badge design.
Create a Cute Vector Reindeer Character in Illustrator
Follow this step by step process to design a cute little vector reindeer character.
Creating pins in Illustrator
Pins are popular these days, In this tutorial, you will learn how to create pins in Illustrator.
Create Grainy Textures
Creating grainy textures are great for retro illustrations, typography, and logos. Alternatively, you can incorporate these effects into compelling new styles. You can always scan in similar textures and Live Trace them in Illustrator, but you can pretty easily create this type of effect all inside Illustrator!
Creating Seamless Textures
One of the great things about using the techniques in this tutorial is you can easily create a seamless texture without having to mask out a texture or make sure it will fit your artwork properly. Moreover, we are going to be using to Appearance panel so we can easily make a graphic style, making it easy to apply the effects to other text and vector objects.
Create A Mouthwatering Chocolate Covered Strawberry
In this Illustrator tutorial you will learn how to create a mouthwatering chocolate-covered strawberry.
Design an Underwater Clown Fish Tutorial in Illustrator
In this tutorial I will show you how to create a beautiful clown fish illustration inside Adobe Illustrator CS4. This is an intermediate tutorial and it requires some pen drawing skills. Let’s begin.
Create a Classic, Sailing Ship in Illustrator CS5
In this tutorial artist will show how to create a sailing ship illustration with a story book style, using the Gradient Mesh to make the cloth of the boat’s sails.
Make a Delicious Sandwich with Easy 3D Illustration Techniques
In this tutorial, you will learn how to create a 3D sandwich using easy to understand steps and techniques. We will use the 3D Extrude & Revolve Tool with some simple shapes to make a tasty looking BLT sandwich.
How to Create a Three-dimensional Airplane with Adobe Illustrator
In this tutorial you will learn how to create a detailed three-dimensional image of an Airplane based on two two-dimensional plans. The knowledge acquired will help you to simulate a three-dimensional image of many different complex objects.
Getting Carried Away with Balloon Lettering
If there are balloons near by, you’ve probably had or will be having some fun. I love balloons! So in this tutorial I will cover the process of creating some illustrative shiny balloon lettering. You will also learn how to create rounded, semi-transparent, bubble letters that will make up the basis of the balloon lettering. Let’s have some fun!
Create a Tiger Striped Cat with Illustrator
I’d like to have a cat here in Krakow but there’s too much responsibility attached to such a pet. Until I decide to put up with that, vector cats will have to do. Here’s how to create one in Illustrator.
How to Make Super-Sharp, Vector Swords
In this tutorial I’ll show you how to draw a sword in Illustrator, using the Rectangle Tool, gradients, and other Illustrator tools. Actually the tutorial isn’t very hard, let’s see the final result that is our goal first!
Cafe Style Coffee Art in Adobe Illustrator
In this Illustrator tutorial I will explain step by step how I created the “Delicious Coffee” illustration which was published in “1000 Restaurant, bar & café graphics” by Rockport Publishing.
Create Lady Birds Insect Tutorial Using Adobe Illustrator
Lady birds, is there any other insect that symbolize the prosperity and freshness of the nature more? You can find these cute being almost anywhere and they won’t ever cause anything but cheers. In this tutorial artist will show you how to create a cool lady bird using Adobe Illustrator.
Create an Illustration of a Pearl-Filled Clam on an Ocean Bed
In this tutorial, we will create a shell with pearls in a unique ocean scene. We’ll be using various effects, such as: mesh, blend, warp, clipping mask, opacity mask, depth of sharpness, editing of swatches, and pathfinder box. Have fun diving in and then surfacing!
Reflections Done Right – Creating a Money Roll Icon
Cash-in when you follow this tutorial for creating accurate and logical reflections. Artist will cover how to use shading and masking to create an illustration that’s worth the look.
How to Create an Elegant, Vector Pen in Illustrator
In this tutorial, artist will show you how to draw a vector pen, in an elegant box using Illustrator. We’ll pull out the Pen Tool, Rectangle Tool, and gradients in this one. Let’s see the final result which is our goal.
Create a Valentines Day Illustration for Your Sweetie
In this tutorial we will learn to create a cheerful character and lovely, colorful bubbles. Use this knowledge to create a darling Valentine’s Day card for your sweetie. We’ll cover numerous techniques and build this illustrations step by step.
How to Make an Attractive Vector Butterfly
In this tutorial artist will show you how to make a vector butterfly using the blending mode from transparency box and the gradient mesh. The techniques shown in this tutorial will help you make shades on objects and liquid transition of colors.
How to Illustrate a Marvelous Violin Icon
This tutorial covers how basic shapes and a solid understanding of perspective and volume work together to quickly build a successful icon.
Create a Laptop Icon with Illustrator
In this tutorial you can learn to create a laptop icon. Once you’ve created the basic shapes, it’s easy to continue with the other components. Give it a try and you might learn some interesting stuff about the role of Smart Guides and Rectangular Grid Tool.
Vector “Guarantee” badge tutorial
In this tutorial you will learn how to make those awesome, shiny little web 2.0 badges that say ” Money back Guarantee”, “Satisfaction Guarantee” and etc. Good thing about these badges is that if you use them on a website, you’ll make the website look much more trusted and professional.
Design a Dexter Vector Illustration
In this tutorial we will learn how to Design a Dexter Vector Illustration.
Create a Feather Brush and Set of Detailed Wings in Illustrator
In this tutorial artist is going to show you how to create a feather art brush. You’ll then learn how to use it to create a set of angel wings, which can be added to your illustrations.
Create a Glowing Neon Sign using the Appearance Palette – Screencast
This tutorial shows the potential the Appearance Palette in Adobe Illustrator. We’ll be building an elaborate neon sign, utilizing the Appearance Palette to speed up the process and remove the need of drawing complex paths.
Vector Drums Kit
In this tutorial you will learn how to draw a professional drums kit from scratch. By the end, you will know how to make a tripod stand, drums, different types of cymbals and also how to create the texture for the drums. Hope you will find this easy to follow and useful. Enjoy.
DRAW REALISTIC LIQUIDS IN VECTOR ART
Creating convincing liquid effects in vector illustration can be a tricky business. Luckily, Jing Zhang has provided us with this tutorial that shows you how to make a real splash with your art.
Disco Lights in Illustrator
Here is a nice technique to make 3D Disco Ball or Lights in Adobe Illustrator. Some new commands and technique for you to work out. So enjoy.
Learn to Create a Variety of Beveled Lettering
In this tutorial artist will walk you through creating your own calligram inspired by a dog named Poppy. You’ll learn how to manipulate a typeface through to rendering fur, adding doggy features, and various details.
Create a vector stop watch icon
In this tutorial you will learn how to create a vector stop watch icon in Adobe Illustrator. The tutorial is covering all the steps needed to create a great looking, realistic stop watch. Only the basic tools in Illustrator such as Ellipse, Rectangle, Gradient and transformations are used to achieve the result you see here.
Create a Painterly Apple with Illustrator CS5’s new Bristle Brush
The new Bristle Brush in Illustrator CS5 gives you the best of both worlds: The painterly effects of real media and the control and flexibility of a vector drawing. We’ll use another new feature in CS5, the “Draw Inside” drawing mode, which will let us do what every artist likes to do — color outside the lines. Let’s get started!
Create a Print Ready Business Card Design in Illustrator
Illustrator has fantastic tools available for creating small print designs such as business cards. Follow this walkthrough on how to create a fun business card design complete with illustrated character.
How To Create a Repeating Camo Pattern in Illustrator
In this tutorial artist is going to show you how the camo designs were created and how the pattern file was made so it would seamlessly repeat.
An Illustrator’s Project: From Start to Finish
In this tutorial, artist will walk you through the steps of how to create an illustration art piece so that you can witness what goes behind a digital illustrator’s work, as well as gain some new insights for your own projects’ workflow.
CREATING A SHIELD USING ILLUSTRATOR
This tutorial shows you how to create a shield design with Path Tools using Illustrator
Create an add to cart/basket/bag button
In this tutorial artist will show how to create one of the most common buttons. He made three buttons with similar design but different icon and text. Follow this fast tutorial and you will learn to create an add to cart, basket or bag button.
CREATE A GRAFFITI IN INKSCAPE – TUTORIAL
In this tutorial you will learn how to create a graffiti in inkscape.
Retro 3D Arcade Text Effect in Illustrator
In this tutorial we’ll make clever use of Illustrators built in 3D capabilities, gradients and opacity masks to design a Retro 3D Type Effect.
Creating a Mysterious Cheshire Cat in Adobe Illustrator – Vector Premium Tutorial
In this detailed tutorial you will learn how to manipulate a reference image to help with your initial illustration and how to use custom brushes to create a fur effect.
How to Create Candy Cane Typography with Photoshop and Illustrator
In this tutorial we will create a superb candy cane type design using Illustrator and Photoshop. Apply this effect to your own text and create cool and unique Christmas cards!
How to Illustrate Deliciously Realistic Grapes using Simple Techniques
In this tutorial we will learn how to illustrate a bunch of grapes using basic Adobe Illustrator tools. You will learn how to render multiple light sources and how to model a complex object using simple shapes and techniques. Let’s get started.
How to Illustrate an Elegant Bottle of Wine in a Gift Box
In this tutorial you will learn how to create your own gift box of wine using the Rectangle Tool, Pen, 3D Revolve and Gradients.
13 Excellent jQuery Techniques And Demonstrations
Are you looking for some cool and handy jQuery Plugins, you landed at right place. Below we are presenting 13 most useful and handy techniques that you can use in your next project and make it stand out.
jQuery is the most well-known and open source JavaScript library which is being used all around the world because it simplifies the client-side scripting of HTML. You can also create marvelous effects by using these plugins. Enjoy!
You are welcome if you want to share more jQuery Plugins And Techniques that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.
Animate Curtains Opening with jQuery
Creating a polaroid photo viewer with CSS3 and jQuery
How to Make an Impressive Animated Landscape Header with jQuery
Incredible Login Form With jQuery
Awesome Bubble Navigation with jQuery
Making an Interactive Picture with jQuery
“Outside the Box” Navigation with jQuery
