Now, you may think, sure it’s great but I do not have the budget for a custom-made mascot. Well, how about picking up some basic Adobe Illustrator skills and create mascot yourself? So fire up your Adobe Illustrator, affirm to yourself that you can do it, go on and try to follow a few of the tutorials. Your very own custom-made mascot may just be a few practices away.so here is  the  Sweet list!

Mаkіng οf a Vector Soldier
Thе following tutorial teaches уου hοw tο mаkе a cute vector soldier character, really іn Adobe Illustrator.

Mаkіng οf: Lady Birds Insect using Adobe Illustrator
An simple-tο-follow tutorial whісh teaches hοw tο mаkе a detailed lady birds insect, bу using Adobe Illustrator.

Hοw tο Mаkе a Curios Owl
Thе following tutorial wіll teach уου hοw tο design a curios owl wіth Adobe Illustrator.

Mаkіng a Fаntаѕtіс Mascot Illustrator
In thіѕ tutorial, Russian artist Alexandra Zutto shows hοw tο build up
complex, gοrgеουѕ images bу patiently layering аnd building up small,
straightforward segments, аnd everlastingly varying thеm tο prevent
monotony.

Mаkе a Cοοl Vector Robot In Illustrator
Looking tο learn thе basics οf Adobe Illustrator? In thіѕ tutorial
уου’ll υѕе various tools аnd techniques tο mаkе a simple vector robot
character. Wіth thіѕ robot being mаdе οf lots οf basic shapes, іt’s a
fаntаѕtіс tutorial fοr beginners tο gеt tο grips wіth thе Illustrator
application.

Monkey Character Tutorial
Wіth thіѕ tutorial уου wіll bе mаkіng a monkey character illustration
using Adobe Illustrator. Yου’ll bе using basic Shape Tools, thе Pen Tool
аnd various οthеr Illustrator techniques tο mаkе thе illustration.

Mаkе a Cute Creature Character frοm Sketch
Mаkе a cute creature frοm sketch! Thе tutorial uses custom brushes,
Paintbrush tool, Pen tool, аnd thе Live Paint Bucket tool. Even іf уου
аrе nοt a hυgе fan οf thе ехсеllеnt looks, уου саn υѕе thеѕе techniques
fοr οthеr illustrations, logos, аnd vector elements.

Mаkе Textured European Goldfinch Characters
Mаkе аn unique design οf European Goldfinch wіth paint splatters аnd
textures. Thе techniques used wіll bе Live Trace, Pathfinder,
Intelligibility, Distort, Warp аnd Clipping Masks. Yου’ll give thіѕ
character a unique look аnd fun personality.

Bring a 3D Creature tο Life
Hοw tο mаkе аn offbeat creature using Illustrator’s 3D Revolve effect.

Vector Penguin Character
Tutorial fοr beginners, mаkіng a cute vector penguin wіth Illustrator.

Face οf a Singing Pig
Learn tο mаkе a аmυѕіng singing pig wіth musical notes аnd bow tie.

Disgraceful Mе’s Minion
Mаkіng Minion cartoon character іn 11 simple steps.

Babushka Dolls
Hοw tο mаkе a Babushka Doll іn Illustrator wіth Eastern European patterns.

Vector Blue Cat
Turning paper sketched cat іntο vector wіth Illustrator.

Cute Piggy Bank
Hοw tο mаkе a cute pink piggy bank іn perspective.

Vector Mushroom Character
Step bу step Illustrator tutorial tο mаkіng a cute mushroom character.

Mаkе a Character Driven-Book Take іn Art
Vectortuts+ brings уου a fаntаѕtіс character design tutorial, іn whісh
уου wіll learn hοw tο mаkе a character driven book take іn art using
Adobe Illustrator аnd Adobe Photoshop.

Mаkе a Cute аnd Cuddly Vector Dinosaur
In thе following tutorial уου wіll learn hοw tο mаkе a cute аnd cuddly vector dinosaur character іn Adobe Illustrator.

Design a Bold Koala Mascot Head
Thіѕ extremely well written tutorial wіll teach уου hοw tο design a bold koala mascot head іn Adobe Illustrator.

Mаkе a Grumpy Troll Character
Eνеr thουght οn hοw tο mаkе a grumpy troll character? I bet nοt. Though,
іn thіѕ tutorial, Chris Spooner wіll teach уου hοw tο mаkе a nice one.

Mаkе a Striped Cat wіth Illustrator
Andrea Austoni, a talented illustrator frοm Italy, shows уου thе creation process οf a tiger striped cat, іn Adobe Illustrator.

Design a Cute Hamster Avatar
If уου want tο design a cute hamster avatar, thеn follow thіѕ tutorial!

Mаkе thе Face οf a Goofy Bunny
Thе following tutorial teaches hοw tο mаkе thе face οf a goofy bunny.

Mаkе a Cute Vector Reindeer Character
If уου wanted tο know hοw tο mаkе a cute vector reindeer character іn
Adobe Illustrator whісh іѕ fаntаѕtіс tο bе used іn greeting cards, thеn
follow thіѕ step-bу-step tutorial.

Mаkе thе Face οf a Greedy Monkey
Thіѕ tutorial shows thе creation οf a face οf a greedy monkey whο’s looking fοr bananas. Wіll уου give hіm one?

Mаkе a Simple Mechanic Character
If уου аrе a novice іn Adobe Illustrator, thеn уου ѕhουld follow thіѕ
tutorial whісh teaches hοw tο mаkе a simple уеt attracting mechanic
character illustration.

Mаkе a Cute Small Tiger іn Illustrator
Mаkе a cute small tiger bу using οnlу Adobe Illustrator.

Mаkе аn Elegant Patterned Vector Owl іn Illustrator
If уου’d lіkе tο mаkе аn elegant patterned vector owl іn Adobe
Illustrator thеn take a qυісkеr look аt thіѕ tutorial bу Chris Spooner.

Mаkе a Student Character Mascot
Readactor shares a fаntаѕtіс tutorial іn whісh thеу share thе creation
process οf a student character mascot wіth thе hеlр οf Adobe
Illustrator.

Design a Cοοl Vector Panda Character
Another fаntаѕtіс tutorial bу Chris Spooner іn whісh hе shows οff thе
ways tο mаkе a сοοl vector panda character іn Adobe Illustrator.

Cute Alien іn Illustrator
Hοw tο mаkе thе following cute alien character іn Illustrator.

Monster Character
Mаkе Green Slimey Monster іn Illustrator.

Hοw tο Illustrate a Cute Emo Kid

If уου аrе іntο thе Emo trend, thіѕ іѕ thе tutorial fοr уου. Thіѕ
tutorial discusses thе creation οf аmυѕіng looking cartoon style
silhouettes. Illustrator CS3, pen, paper, scanner аnd Wacom dosage wіll
bе used іn thіѕ tutorial.

If уου аrе іntο thе Emo trend, thіѕ іѕ thе tutorial fοr уου. Thіѕ
tutorial discusses thе creation οf аmυѕіng looking cartoon style
silhouettes. Illustrator CS3, pen, paper, scanner аnd Wacom dosage wіll
bе used іn thіѕ tutorial.

Cute аnd Simple Hippo
Simple Illustrator tutorial tο mаkіng simple hippo face wіth Ellipse tools, rectangular tools аnd thе rounded rectangular tools.

Thе Mаkіng οf Abe, Thе Arе Mу Sites Up Mascot

A step-bу-step process οf mаkіng a sketch-tο-illustration image іѕ
mentioned іn thіѕ article. Using adobe illustrator, a lovable monster
wаѕ mаdе.

Mаkе a Character Mascot wіth Adobe Illustrator CS4

Thіѕ tutorial applies thе techniques іn mаkіng a vector character
mascot frοm a sketch іn Adobe Illustrator CS4 аѕ well аѕ οthеr
illustrations, icons, аnd design elements аnd legacy versions οf
Illustrator.

Plеаѕеd Sun Character
Learn hοw tο mаkе fun sun character tutorial іn Illustrator. Moreover,
уου саn easily apply thіѕ tutorial tο οthеr illustrations, logos, аnd
projects!

Cute Baby Seal
Simple tutorial tο teach уου hοw tο mаkе a super cute baby seal. At thе
еnd οf tutorial уου wіll gеt really nice, cute cartoon seal character.

Cartoon Duck
Thіѕ tutorial wіll take уου through basic shapes, using basic tools ie
pathfinder, knife аnd eyedropper tools tο mаkе a cute duck character.

Furry Vector Monster
Follow thеѕе steps іn Adobe Illustrator tο mаkе уουr very οwn super cute fuzzy monster character.

Stinking Zombie Flesh-Eater
In thіѕ tutorial, уου wіll learn hοw tο mаkе a cartoon zombie іn Illustrator.

Cute Hippo
Thіѕ tutorial wіll ѕhοw уου hοw tο mаkе cute Hippo Character using
simple shapes аnd a really simple effectual drawing technique . Thіѕ
technique hаѕ bееn adopted frοm recent addition tο thе store οf Animal
Head Graphic Set , latest addition tο thе store.

Owl DiNG
In thіѕ tutorial wе wіll walk through compelling a pencil sketch іntο Illustrator аnd mаkіng vector artwork.

LeBron James Cartoon Character
In thіѕ tutorial, уου wіll learn hοw using Adobe Illustrator mаkе vector cartoons.

Leprechaun fοr St. Patrick’s Day
Mаkе yourself a wee Leprechaun fοr St. Patricks Day 2009 wіth thіѕ
Illustrator tutorial. Simple аnd fаѕсіnаtіng Illustrator tutorial.

Cartoon Character wіth Expressive Lines
Thіѕ tutorial covers thе nесеѕѕаrу steps fοr mаkіng a colored multicolor cartoon character thаt includes shadings.

Cute Emo Kid

In thіѕ tutorial wе wіll gο through thе process οf drawing cute
cartoon character. Thе concept іѕ based οn thе Emo trend, wе wіll gο
trough аll thе steps frοm sketch tο full color vector.

Cute Panda Bear Face Icon
Hοw tο mаkе a cute panda bear face icon аll frοm ellipses. Thе fаntаѕtіс
раrt аbουt thіѕ tutorial, іѕ thаt уου саn easily apply thе techniques
tο οthеr icons, illustrations, logos, οr οthеr projects.

Gang οf Vector Ninjas

Constructing a assemble οf сοοl vector ninja characters using јυѕt
thе basic shapes аnd a variety οf simple tools, mаkіng іt a ехсеllеnt
ѕtаrt fοr Illustrator beginners.

Cute Bunny Vector Character
Thіѕ tutorial uses simple shapes аnd gradients thаt аrе simple tο apply tο οthеr character illustrations.

Cartoon Snail
Lean hοw tο draw snail іn Adobe Illustrator wіth ѕοmе simple steps. Learn hοw tο wіth Illustrator basic tools mаkе cute snail.

Killer Chainsaw Bunny Character
Thіѕ tutorial shows уου hοw tο build a Bucket ‘o’ Thουght character аnd add a dynamic background effect.

Cute Vector Monster
Follow thіѕ Adobe Illustrator walkthrough οn thе creation οf a cute
small vector monster character, beginning wіth a qυісk pencil sketch οn
paper.

Grumpy Dude
In thіѕ tutorial уου wіll learn ѕοmе digital drawing tips аnd hοw tο fix small mistakes аftеr уου’ve drawn уουr stroke.

Stουt Cat Vector
Thіѕ tutorial aims tο guide уου frοm sketchbook tο screen; a “Stουt Cat”
doodled wіth biro translated іntο a сlеаn vector caricature.

Freddy thе Fish
Follow thіѕ tutorial tο mаkе уουr οwn vector character – Freddy thе Fish.

Vector Pirate Cartoon Character
Bу firstly using thе power οf pen аnd paper a character design іѕ mаdе,
whісh іѕ thеn scanned іntο thе computer tο υѕе аѕ a base fοr tracing
wіth Adobe Illustrator. Thе final outcome іѕ a colourful cartoon
character іn vector format!

Twisted Monkey Studio Mascot
In thіѕ tutorial author wіll сlаrіfу thе process thаt hе followed аt thе
time οf designing bу order thе mascot іn vector format fοr Twisted
Monkey Studios, producers οf horror films.

Hοw tο Mаkе a Web Site Mascot

In thіѕ tutorial, author wіll give аn overview οf hοw developed a
character frοm thе initial brief through tο thе final site mascot аnd
thеn tο gο οn tο mаkе several poses fοr different раrtѕ οf thе site.

Mаkе Yουr Own Monster
In thіѕ Adobe Illustrator tutorial author wіll take уου through thе
process οf mаkіng a completely unique, memorable monster thаt’s nοt аt
аll humanoid іn form.

Adding Dimension tο Yουr Characters
In thіѕ tutorial author wіll ѕhοw уου hοw tο add thе illusion οf
dimension tο уουr vector illustrations bу combining thе effects οf Adobe
Illustrator’s versatile linear аnd radial gradients.

Mаkіng Bart Simpson Vector Character іn Illustrator
Thіѕ іѕ a small beginner tutorial. Yου wіll υѕе Layers, υѕе thе Pen Tool
аnd іtѕ sister tools, such аѕ thе Convert Anchor Top Tool, Direct
Selection Tool, etc, tο draw аnd colorize a vector Bart Simpson іn Adobe
Illustrator.

Hοw tο Mаkе a Vector Illustration аnd Prepare іt fοr Micro-Stock Sale
Thіѕ tutorial details a professional workflow fοr mаkіng vector
illustrations аnd prepping thе artwork fοr Micro-Stock Sales. Author
аlѕο included a bunch οf time-saving tools аnd tips аѕ well.

Mаkіng Convincing Characters
In thіѕ tutorial, уου’ll learn ѕοmе basic skills fοr converting уουr
character frοm a pencil doodle tο a complete, fully-coloured image –
learning ѕοmе crucial Illustrator skills along thе way.

Symmetrical Illustration: Thug Bunny!
Thіѕ tutorial wіll gο through thе method οf using symmetry іn уουr
artwork. Learn hοw tο dο half thе work bυt still gеt thе full benefit
frοm уουr artwork. Wе’ll аlѕο feature a plugin fοr AI thаt speeds up
уουr build time аnd take іn thе topic οf “Opacity Masks.”

Patch Illustration 2
Thе following tutorial wіll ѕhοw hοw author gο аbουt mаkіng a set οf NBA
licensed embroidery patches featuring portraits οf many οf thе leagues
greatest players.

Basic Shading аnd Lighting
Thіѕ tutorial goes over thе elementary fundamentals whеn іt comes tο shading аnd lighting within a digital illustration.

Mаkе A Vector Art Twitter Bird Character Icon In Adobe Illustrator
Thіѕ tutorial wіll walk уου through thе steps frοm sketch tο vector іn
mаkіng аn first cartoon-style character vector illustration.

Vector Tutorial: Anime Coloring
In thіѕ tutorial wіll bе detailed сlаrіfу hοw іn Adobe Illustrator
coloring sketches, іn thіѕ tutorial author wіll υѕе anime sketch.

Adobe Illustrator Cartoon Bug Tutorial
Here іѕ one more cartoon characters tutorial іn Illustrator. Thіѕ time уου wіll learn hοw tο mаkе nice glіdе cartoon.

Adobe Illustrator Cartoon Tutorial wіth a Wacom Dosage
In thіѕ Illustrator tutorial author wіll сlаrіfу hοw using Wacom dosage
уου саn аt first draw cartoon sketch аnd thаn mаkе vector cartoon.

Adding Gradients tο Illustrations іn Adobe Illustrator
In thіѕ tutorial уου wіll learn hοw tο υѕе gradient tool іn Illustrator.
Author wіll сlаrіfу hοw tο add gradient tο illustrations.

Monster Character Series Pаrt 1
First οf two Spoongraphics mini-series οf tutorials οn hοw tο mаkе a set οf simple monster characters.

Monster Character Series Pаrt 2
Here іѕ following Illustrator tutorial frοm Spoongraphics mini-series οf
monsters tutorials whеrе уου wіll take a look аt thе Dumb Blue Sucker
Monster!

Mаkе a Twitter Style Bird Mascot
Using ѕοmе basic shapes, effects, аnd gradients author wіll ѕhοw уου hοw tο mаkе a Twitter mascot fοr уουr blog οr website.

Maintaining Rhythm аnd Flow іn Vector Character Design
In thіѕ tutorial уου wіll brеаk down thе basic process οf mаkіng a
character frοm sketching through tο thе final vector file. Whether
уου’re interested іn mаkіng vector mascots fοr branding design, οr
mаkіng fаѕсіnаtіng characters tο υѕе іn уουr animations, уου’ll find
thеѕе techniques helpful.

Mаkе a Traditional Japanese Koi Carp Illustration
Koi Carp hаνе bееn painted аnd illustrated bу thе Japanese fοr centuries аnd аrе familiar tο people аll over thе world.

A Cow Aѕ Chinese Nеw Year Zodiac Fοr 2009
At thе begining οf 2009 – Cow year, Kailoon.com mаkе special nеw year
Illustrator tutorial, whеrе уου саn learn hοw tο draw 2009 year symbol –
Cow.

Thе Mаkіng οf a Chocolate Bar Character.
In thіѕ tutorial Author take thе concept frοm sketch through tο vector
final. Yου wіll learn hοw tο mаkе sweet cartoon character – Chocolate
bar character.

Character Illustration
Thе following tutorial wіll walk уου through a project, a character design fοr Fanta soda tο υѕе іn thеіr Halloween promotion.

Hοw tο Mаkе a Cute, 3D, Vector Robot
If уου want tο learn hοw tο mаkе a rounded robot character frοm sketch
tο fіnіѕhеd vector art, thеn wе hаνе аn awesome tutorial fοr уου.

Hοw tο Add Fur tο Vector Animal Illustrations

Thіѕ tutorial іѕ adding fοr tο vector character іѕ discussed іn thе
tutorial above. Thіѕ time thе effect wіll bе applied tο аn animal
character tο add feel tο thе image. Adobe CS3 Illustrator wіll bе once again used іn thіѕ type οf art.

Tutorials are the best source of Photoshope learning for the designers when they need to design a project that has been really putting them off. With the help of adobephotoshop tutorials, one can learn adobe new skills and can also polish the skills he already possesses. There are many online photoshop courses for designers nowadays for improving their skills.
Today we have some collection of some Fabulous Adobe Photoshop and Illustrator Tutorials and it 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 epoch style zombie movie poster. So get ready to be inspired. . .

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 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 . 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 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 ,
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 & command, Blend command, drawing shapes with the Pen Tool and , 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 , we will create from scratch an external hard drive that has a smooth, metallic finish.

1. Dramatic User Interface Design – Web Site Creation

2. Design an Amazing Media Player Using Photoshop

3. Designing and Coding a Clean Multi Purpose Website

4. Create a Realistic Hi-Fi Button

5. Creating a Knob in Photoshop

6. How to Make a Menu Interface for a Fantasy Themed iPhone Game

7. Create a Promotional iPhone App Site in Photoshop

8. How to Create a Slick and Clean Button in Photoshop

9. Simple Button

10. How to Create a Detailed Audio Player in Photoshop

11. Create an Apple IPhone case from scratch

12. iPhone Style Icon Tutorial

13. Create the Glass Shelf Dock from Leopard OS in Photoshop

14. Build a Slick Rich User Interface in Photoshop

15. Loading Interface

16. Make a Web Interface with Car Images

17. Zoom Player Design Skin

18. Volkswagen Inspired Navigation

19. MP3 Player Interface Design

20. Blackberry Fruit phone

21. Interface Navigation Tutorial

22. Create a Mac Style Interface Button in Photoshop

23. Nokia 5300 Cell phone interface

24. Photoshop Tutorial: Audio Interface

25. High-Detailed Plastic Navigation Bar

26. Aqua Interface

27. Nav Bar Interface Tutorial

28. Content Box

29. Interface or Skin Tutorial

30. How To Create a Stunning Vista Inspired Menu

31. Create a Web App Admin User Interface in Photoshop

32. Creating Inset Buttons for Interfaces

33. Modern Web Layout

34. Creating Smooth Metal for Interface Design

35. Create a Zune MP3 Player

36. Interface Orbs

37. Design Your iPhone Widgets

38. RCA Lyra X3030 portable media player

39. Video Player Skin

40. Designing a Black Audio Player Interface

41. MP3 Player Interface

42. Design Mico Buttons

43. VCarbon Style Icons and Buttons

44. Create a Speed Gauge and Watch Icon in Photoshop

45. NOS Speed Gauge

Adobe Photoshop is one of the most popular and is normally used in graphic design collages.
Marvelous tools and wide range of effects and techniques makes it power full graphic tool.

Today using Photoshop(cs4) we are going to create a wonder piece of work which is called speed gauge. there are many tutorials around with the same subject but in this tutorial, I have tried to create more realistic effects with simple steps and less effort. Hope you like it…

Difficulty Level: PRO
Download Pattern

Creating Gauge BG

Step 1:
Draw a circle (Rounded shape) using Ellipse Tool (U) with Background color #FFFFFF and named it R1.

Make sure your circle layer is selected go to Blending Options and select Stroke (on top menu Layer >> Layer style >>Blending Options >> Stroke).

In stroke properties use values shown in image below

In Stroke Fill Type gradient color use #9e9e9e (Gray) and #FFFFFF.  Shape will look like this.

Step 2:
Now duplicate your layer (crtl+J) name it R2. Now press (crtl+t) or in top menu Edit >>Transform >> Scale and scale Radius in middle or R1

Now double click on stroke in blending options and set properties shown in image below.

Your image will look like this

Step3:
Once again duplicate (crtl+J) layer R2 and set background color #000000 and name it R3. Now press Crtl+t and scale it in middle.

In Layer Style>> Blending Options>> Gradient Overlay, here we set values shown in image below.

And set these colors

Result:

Creating Glow

Step 4:

Create new layer name it glow, Select Elliptical Marque Tool Select there are you want create glow with 30PX Feather and color #1C6782.

Press Crtl+back space and Crtl+D for deselect area.

Select Filter >> Blur>> Gaussian Blur and Set Radius to 52 and set layer mode to Color Dodge. You will get perfect glow.

It will look like this.

Finalizing Background Using Pattern

Step 5:
Duplicate layer R3(named it pattern) and bring it up to glow layer with Fill 0%.( In this I use pattern you can download it  or can use any one you like.) go to blending options, select pattern overlay apply your pattern

Use these values in image below.

Finally it will look like this

Finalizing Gauge Dial and Glass Effect

Step 6:
In this step we are going to polish our dial with help of some effects. Duplicate R3 and use label R4and go to layer blending options (Double click on layer), now disable all other effects on layer and double click on Stroke and set values mentioned in image below.

Step7:
In step duplicate R4 once again name this layer R5 and in Blending options>>Stroke set these values given in image below. (Use #0052cd as stroke color)

Step8:
Once again duplicate R5 layer( set Fill to 0%) and disable all effects in blending options and named it R6. Double click on Bevel and Emboss and set these values.

Final Image:

Glass Shine Effect

Step9:
Now in this step using simple technique we will draw a custom shape and Create glossy effect (glass reflection).Draw  the shape with pen tool and named it Mask(make sure Shape layer is selected), Set background color #FFFFFF and set Fill to 15%.

Dial Markings

Step10:
In this step we will draw speed gauge dial markings and numbers. Try to understand this step carefully because it is bit tricky. I draw new circle named it gauge in middle of gauge and set its radius according requirement. Now Set your text properties as shown in image blow.

Now Select Convert Point Tool and select shape named gauge.

Select Horizontal Type Tool from tool bar or press T and click on the border of shape it will look like this.

Now you are able to type around the shape(Remember when you click on shape border it will create new layer when you are done with it you can delete the shape). Now type Shift+\ and create your dial markings. Only thing you have to do is when you are done with typing all select 1st dial marking and make it bold and repeat this again on every forth one.

In blending options double click on Stroke use color #0092b7 and use settings mentioned in image below

and in outer glow use color #24fffc and these settings

Step11:
Now type speed numbers as you desires, I use 0 to 185 digits and use text properties shown in (Image 23). Just make sure your text placements.(you can also use grid Crtl+: ) use color #46daff and in Outer glow use color #24fffc and given settings

Now it will look like this

Gauge Center Wheel

Step12:
Now it’s time to draw a Center Wheel . For center wheel we will draw round shape with Ellipse Tool(U) in center of meter.

Now use Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay and Stroke.

Drop Shadow:

Inner Shadow:

Bevel and Emboss:

Gradient Overlay:

Stroke:

Gauge Needle

Step13:
In this step we will draw speed needle  and attach it with speed wheel. It’s very easy and you can create it in three simple steps. Draw a triangle shape with  n tool set Background color # 252224 and name this layer needle1 (make sure shape layer is selected).

Now duplicate layer named it needle2 set background color # f3880c and in Layer styles use Drop Shadow

Inner Shadow

now duplicate this layer again set (name Light) background color #FFFFFF and set Opacity to 50%, Press Crtl+g and group this layer in to P2 layer. Our needle is ready.

Gauge Speed Wheel

Step14:
Now we are going to create the gauge wheel. I use Ellipse Tool (U) and create rounded shape in middle with white Background #FFFFFF. Now it’s time to  put some effects on it. I use Drop shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay and Stroke.

Drop shadow

Inner Shadow

Bevel and Emboss

Geadient overlay

Stroke

Now create another circle in middle of gauge wheel, set Background color# 2d2d2d and in layer styles >> Bevel and Emboss  set these values.

Final

Most of our major parts are done but i think counter is one of the important thing in gauge so we are going to make it.

Counter

Step15:
Select Rectangle Tool and draw a rectangle with background #2d2d2d and named this layer bg-counter. In layer styles select Inner

Inner Shadow

Bevel and Emboss

Gradient Overlay

Now duplicate this layer and name it BG2. Open layer styles by double click on this layer and select Gradient Overlay and properties shown in image below.

Select stroke and set properties.

Gauge Counter Digits

Step16:
Press (T)  Type digits 02478981 and set text properties.

now double click on text layer and in layer styles double click on Drop Shadow and set properties .

Double click on Gradient Overlay and set properties shown in image below.

now your text will look like this.

Counter Separator

Step17:
It’s time to create separator between counter digits. we will draw a shape with 1PX width and BG color #FFFFFF. In Layer styles select Inner Shadow

Double click on Bevel and Emboss and ad properties

In the end  select Gradient Overlay adjust properties according this image below.

and click ok.

Duplicate this layer again and again and adjust these separator in between digits. Your gauge  will look like this

as you see our gauge is aprox done we will put some effect s to make our gauge more attractive.

Gauge Logo

Step 18:
Draw a Line with the help of Rectangle Tool with height 1px and BG color #df0000.Now go to layer styles and set drop shadow

and it will look like this

Step 19:
Type word NOS above your red line and set its properties according to image below

In layer styles select Drop Shadow and set its properties.

2nd we will select Bevel and Emboss with these properties

in the end we will select Gradient Overlay

now in the end I write some text (you can anything here).

Creating Background

Step20:
In this step we will creat background. Creat new layer with Bg color #e5e5e5 andput this layer in the end of bottom.

Step21:
Create new layer on BG layer and select  Elliptical Marque Tool with Feather 30px draw a shape and fill it with color #000000(crtl+backspace).press crtl+T and adjust its thickness.

now here is the final gauge.

Download PSD

Packaging is as essential as product itself. A good and attractive packaging will attract the buyer to influence him to buy your product, after all looks do matter. First impression is the Last impression. No matter how good the product is, if the packaging is dull and poor then that will put you away from sales. So clever and creative packaging design plays a major role in selling product and generates profits.

This is a showcase of some Stunning Creative packaging designs to inspire designers.

A good website should be compatible with different browsers. The arrangements of content, visibility and flow are the key of concerns in this regard is called cross browser compatibility.

There is another concept of Multi Browser which means different kind of browsers like Firefox, Chrome, Internet Explorer, Safari etc. While Cross Browser means any browser and any version of it. This is really a hard-hitting task for developers and teams responsible for compatibility.

In this post, you can find 10 useful tools than can provide cross browser compatibility checking services.

1. BrowserShots

BrowserShots is a free cross-browser tool that captures screenshots of the website in different browsers. This is the best known and the oldest cross-browser tool used by developers.

The browsers it supports are:

• Google Chrome
• Dillo
• ELinks
• Epiphany
• Mozilla Firefox
• Galeon

and more…

The operating system it supports are:

• Linux
• Windows
• Mac
• BSD

I read some feedback on the site and there are two things that appear to need improvement. The interface could be better. Though you just have to tick the checkbox, it will still take a lot of time to check all the boxes for the browser and browser versions you want to view your website in. The other thing people don’t like  is that sometimes the tool is slow.

2. IE Tester

If you are a developer who is in need of a tool that just supports Internet Explorer, then this tool is for you. IETester, a free web app that allows you to see the appearance of web pages by using Internet Explorer 5.5, 6, 7, 8 and 9. Its interface resembles the interface of MS Word 2007.

I tried using this software and I have found that it does not respond well and should be debugged. I think it might be because of the operating system I use, Windows 7. If you also encounter this problem, you can refer to this page.

3. DotMobi Virtual Developer Lab

Do you need a cross-browser tool dedicated to device testing? Then you should check out this tool. DotMobi Virtual Developer Lab is a free web-based tool that lets you check your websites on real devices including iPhone with the use of remote access technology.

To use this service, you need to have a credit card. This is for the purpose of preventing abuse of the devices.

4. Adobe Browser Lab

Adobe Browser Lab is an online tool for cross-browser checking. It shows screenshots of the website when viewed in different web browsers. This simple tool lets you compare results by displaying screenshots of web pages in a simple way.

How does BrowserLab work?

When the BrowserLab testing page loads, you will be asked to enter the URL of your website. After that, it will automatically render the screenshot. If you are using Windows, the default browser it uses is Mozilla Firefox 3 – OSX. Its interface is great because it shows the percentage it has already loaded. You can instantly change the browser by choosing from the drop-down menu or from the list in the middle of the interface. You can also choose how you’d like to view the webpage: 1-up View, 2-up View, Onion Skin. 1-up View is when you just want to render a screenshot in a single browser. 2-up View lets you get screenshots of two browsers, and Onion Skin gives a screenshot of overlapped images of two browsers. This way, you can see the differences between them. The interface and current features are useful for daily use.

5. CloudTesting

CloudTesting is a tool that enables web developers to view a website using any of  the web browsers listed below.

The browsers it supports are:

• Internet Explorer 6, 7, 8
• Mozilla Firefox 3, 3.5, 3.6
• Apple Safari 3.2, 4.0, 5.0
• Google Chrome Latest Version
• Opera 9.6

Features:

For Web Developers and Testers

• Find issues earlier. Test your current work inprogress in multiple browsers at the same time, allowing you to findissues earlier in the development process.
• Multi browser. Compare what the website looks like in multiple browsers side-by-side.
• Comparison Tools. Compare how the same webpage displays in two browsers using an ‘Onion-skin’ overlay tool.
• Automated. Tests can be scheduled to run at regularintervals, freeing you from the tedious task of manually running themand storing the results.
• Repeatable. Tests are repeatable day after day to track changes made to the website.
• Verify all areas. Verify areas of your site not available to standard cross browser testing tools, such as shopping carts and search results.
• Full debug. Have access to historical componentinformation and timings, including HTTP requests and response headers,just like you get in Firebug, but stored by CloudTesting.

For Website Managers

• Compare in multiple real browsers. See how your e-commerce or transactional website will look in a variety of browsers at the same time.
• SaaS. There is no need to deploy multiple servers or virtual machines for your cross browser testing.
• No administration. Browser versions and Operating Systems are kept up-to-date by Cloud Testing.
• Reduced development times. The ability for cross browser testing to be scheduled on a regular basis, drastically reduces web development life cycles.
• Earlier fixes. A key time-saving feature is the ability to look back over time and see when a defect was introduced, meaning earlier fixes.
• Pay for what you use. The PaYT (Pay as You Test) model gives you the ability to cope with peak demand whilst not paying for it during quiet times.
• Peace of mind. Give yourself peace of mind by running a sanity check in multiple browsers before launching a new website.

For pricing, check this link.

6. Browser Photo

Browser Photo gives you actual photos of how your web pages will look in different web browsers and platforms.

Service Details:

• Browser Photo helps avoid display differences byshowing you actual photos – not emulations – of your pages taken on 12different browser and computer configuration combinations!
• It’s Affordable! Building a test laboratory to get the same information that Browser Photo provides would cost at least $4,500.
• Catch Errors Made By Your HTML Editor. Often FrontPage HTML works with Internet Explorer, but not other browsers. Browser Photo spots these problems.
• Web Designers, show your stuff. Print-friendly reports show clients or bosses what you’ve done! Check out the Web Designer packages.
• Browser Photo is an automated, easy-to-use tool that requires no downloads or installation and is continually updated.
• Online Access Anywhere, Anytime. Through an internet connection, you can test your Web pages 24 hours a day from anywhere around the world.

7. Browsera

Browsera is a tool that tests the cross-browser layout of your website. You will see the differences and errors on your site.

Features:

Discover Cross-Browser LayoutProblems Automatically

This feature of Browsera gives you a notification of possible problems the tool finds while testing your website. Instead of checking each screenshot, you will get a report that gives details on which pages of your site have possible problems.

Locate JavaScript Errors

Browsera is also capable of helping you find problems caused by scripts on your site. We know that scripting errors are a big viewer turn-off and that’s what this feature wants to resolve. Every time a page is rendered, this tool checks if the browser encountered any errors. After checking, it will give you a report showing the results.

Easily Test Entire Sites

This tool tests your website. Not just a page at a time, but your entire website. This means it takes less time to test and find errors, and since it tests the entire site you don’t have to worry about missing a page during the testing process.

Test Pages Requiring a Login

Browsera lets you log in first before testing your site. Very

secure, right? It supports both HTTP basic authentication and

application based logins, as well.

No Installation Required

Yes, no installation required. Everything that Browsera needs to run comes from their server cluster. All you need to have is a web browser and an internet connection. Ideal for developers that work remotely.

Test Dynamic Pages

Browsera can work with dynamic pages so if you use technologies such as  AJAX and DHTML, this will not be an issue. Browsera will wait until pages are loaded prior to the testing process.

8. CrossBrowserTesting

CrossBrowserTesting is a tool that tests your website with a browser and remote VNC. With these tools, you can test your AJAX, JavaScript and Flash with any browser. You just have to provide the URL, select a browser then run the software. To view their demo, click here.

The browsers it supports are:

• Android Browser
• Chrome Google 5 to 8
• Dillo 0.8.6-i18n
• Firefox 1.0 to 4 Beta
• Internet Explorer 5.0 to 9 Beta
• Mobile Safari
• Mozilla 1.7
• Opera

and more…

The operating system it supports are:

• Android
• iPad
• iPhone 3GS
• iPhone 4
• Mac OSX 10.5.7
• Mac OSX 10.5.8
• Mac OSX 10.6
• Ubuntu 8.10
• Windows 7
• Windows 98 SE
• Windows XP SP2
• Windows XP SP3
• Windows Vista

This tool offers three plans to choose from and a free trial.

9. BrowserCam

An online paid service that allows developers to view web pages on different browsers and operating systems. It also supports mobile operating systems and browsers. This tool takes screenshots of your pages depending on your choice of browser and operating system.

Browsercam Browser Capture

The browsers it supports are:

• Internet Explorer
• Mozilla Firefox
• Apple Safari
• Google Chrome
• Opera
• Chrome NXS 2.3
• Explorer 5.0 (RQVGA)
• Opera 9.7b

and more…

The operating systems it supports are:

• Mac OSX 10.3–10.5
• Windows 98
• Windows 2000 Professional
• Windows XP
• Windows Vista
• Fedora Core 6
• BlackBerry O 5
• BlackBerry OS 6
• Apple iOS
• Google Android
• Windows Mobile 5.0 (RQVGA)
• Windows Mobile 6.0
• Windows Mobile 6.5

With the device screen capture service, you can see how your site will look on PDA’s and other devices. You can capture the screen in portrait or landscape mode. The remote access service lets you log into BrowserCam with the use of VNC.

For example:

you are using Windows XP and you need to access a Mac platform, you can use this Remote Access service to test it on a Mac right on your Windows PC.

When you visit the BrowserCam site, you will see a variety of plans offered. Though it’s expensive, it is worth the money.

10. Microsoft Expression Web SuperView

Microsoft SuperView is a new technology created to make the life of developers easier.

The standalone version of this software supports only IE web browsers, while the full version can support Mozilla Firefox and Apple Safari browsers. Based on the feedback I have read, users are satisfied with its features. It gives them comfort in regards to its response time and it is user-friendly. Note that you cannot use this without having the Expression Web.

Author : EDDY

There are many Techniques in Photoshop witch are very use full to create special effects on pictures like light beam, sparkles, distortion and gives awesome result. It seems difficult to create such effects but truth is these are all just small techniques and Today iam going to create dynamic distortion & light beam effect in photoshopcs5 with the help of some brushes and image. Just follow simple steps and techniques and you can use it any ware and create outstanding effects. Hope you like it… Plz collect resources first i used in this tutorial (Back Ground Image, Main Image, Brushes).

Step1.

In beginning we will import our main image of dancing couple to stage.

Make selection of couple and delete back ground your image will look like this.

Step2.

Now we will creat our background (any backgroung of your choice). Open your image (bg1) and (bg2.png) on top layer and set its fill to 50%.

Your image will be look like this.

Step 3.

Now we have to add some shadow effects in background. Add another layer and named this layer footer shadow.  Now select Rectangular Marquee Tool (m) and select your bottom area and fill it with Black color #000000.

Set its Fill to 0% and now double click on this layer or right click on this layer and select blending options. In blending options we will add some inner glow and set its properties as in image below.

Step4.

Now repet step no 3 in upper area and use values in image below.

And your back ground will be look like this.

Step5.

Now bring your dancing couple (cropped) image on stage. In its blending options add some drop shadow.

Final result:

Step6.

Now its time to creat a shadow of couple image. Creat buplicate image layer and press CRTL+T (for scale) and scale it from top to bottom them press enter.

Now press Crtl+L for adjust levels of picture and set both output levels values to 0.

Step7.

Now goto filters on top menu, in filters select blur and then select Gaussian Blur and set its value to 7.4(Filters>Blur>Gaussian Blur) and press enter.

Caution: Now read it carefully because its bit tricky.

Now we are going to start applying our effects. First we going to draw light beam effect.

Creating Light Beam

Step7.

Create a new layer and named it light. Then select brush tool (image)in its properties on top bar select soft brush and set its size to 3px.

Step8.

Now select pen tool (P) and start draw path on image.

After creating path set foregroung color to #ffffff and Wright click on path (pen tool selected) and select stroke Path(a popup window open)

in this window in tool section select brush and click on Simulate Pressure and click ok.

Step9.

Now go to your light layer blending options and ad some outer glow.

Step10.

Create another layer and named it sparks and select brush with same values and create spots around the beam and apply same outer glow values to them.

Distortion effect

Now we are going to apply distortion effect to girl.

Step 11.

Install brushes (Download) and use random brushes. Now you have to create a lot of layers (use separate layer for each brush).Once you’ve imported the brushes and created the Layer Groups, select the Brush tool and apply separate paint strokes so that the splatters are on separate layers – and make sure you name each layer to find them easily. For this exercise, I used around 20 different paint stains on about 20 layers, but you can use more or less depending on your image and the Effect you’re after.

Step12.

Now we’re ready to distort the body. We’ll start with the Right arm because it’s central to the movement of the piece. First, turn off the visibility of all the paint stains layers except for the first one you want to use. Place it over the arm, where you feel it works best, and select the layer (Ctrl/Cmd+click on the paint splat layer you’re working on in the Layers palette).

Step13.

Next, turn off the Splat layer’s visibility, select the dancing couple image layer, and Cut and Paste. Do this several times with different splats to build up the arm. Decrease the Opacity of the dancing couple image to see the areas that have already been done. Place all the new layers created through Cutting and Pasting into the Arm Layer Group that you created earlier.

Step14.

After building up the arm paint effect, you want to -make parts of the underlying arm disappear. Do this by selecting part of the arm, blurring it slightly and then, with a Standard brush (without the wet edge – 100% Opacity and 100% Flow) delete the arm of the girl. Now the effect is pretty much complete on the arm.

Step15.

Now that you understand the technique, do the same to distort head, legs and feet, always placing the layers in the designated Layer Groups so that you can find them quickly if you decide to make changes. These steps can take some time, especially at the beginning, but it’s the most important part of this visual, so take all the time you need.

Here is Final result:

A metal effect is one of the popular techniques in Photoshop and sound difficult to beginners.Today we are going to create Dodge metal logo in adobe Photoshop CS5. I choose dodge logo for this tutorial. There is no special reason using this logo iam just fan of it. Here is the Source of logo you can use any other image for it. Here is the source link of metal grill background I use in this tutorial u can use any of your choice. Now get start creating our metal logo.

Step:1

Open new(Crtl+N) canvas of any size (I choose 1024X768) with black background color #000000 and name it BG and now open blending options by click on layer, layer style and Blending options.

Step:2

Now go to Pattern Overlay and double click on it. Choose your pattern with 100% opacity and 100% scale

Now in same Blending Options go to Gradient Overlay and double click on it and u will found these properties shown in image below.

Use opacity 90%, angle -150 and Scale86%. In Gradient use Foreground to Transparent and use color #000000 and press ok. Our background is ready and looks like this.

Step:3

Now we have to bring our logo vector in it. The simple things I do are just crop the logo and bring it to the stage in three layers. Like layer name one is Frame, Second is Head and third is Text.

Iam going to start it with first layer (Frame). Select the layer go to its blending options.  In it we select Drop shadow by double click on it and set Blend mode to normal, color #000000, opacity to 77%, angle 90, set distance to 2px, Spread 28% and size to 8px.

Now double click on Bevel and Emboss and set its properties shown in image.

Now we are going to add some gradient in it so click on gradient overlay in its properties where gradient is writtendouble click on it and another gradients properties will open . Add some gray and wite color in it like in image.

And set gradient values. (Follow this image values below).

And press ok.

Step:4

Now select pen tool (p)from tool bar  and selectshape layer  under image tab in top tool bar. Now draw a new layer up on frame layer like menstion in image.

Now set this layer fill to 0 %( it will become transparent)press enter. Now go to its blending options and select outer glow and set properties
(shown in image below).

Now double click on Inner Glow and set values.

Now here we are going to play a little trick. Duplicate the frame layer and named it Frame 2 with styles and group inside ( select both layer (glow, frame 2)and press crtl+g )glow layer and Frame2 in frame layer and disable some effects in frame layer and frame2 layer.

It will look like this.

Step:5

Now we are going to put some effects on Text layer one. First duplicate the text layer and named it Text2 and press Crtl+g and group it in to text layer one. Open  layer one blending options and put some values in drop shadow.

Step: 6

Select bevel emboss and put some values in it.

Step: 7

Now select Text layer 2 and in blending options select Inner Shadow and give set values to.

Step: 8

And set Gradient Overlay values.

Result:

Step: 9

Now it time to give some effects to layer head. Select layer head and go to blending options.

Drop Shadow

Inner Shadow

Bevel And Emboss

Gradient Overlay

And press ok.

Now You will get Final result:

::Download PSD::

There were so many C4D tutorials on the web, here we have collect some of the best tutorials of C4D and stuffing them into one little easy to digest package for you. Hope u like it…

Creating a ball bearing using arrays

Apple Pro Speaker Cinema4D Tutorial by Martin “DerMattin” Ernst

Stylish Lighting in Cinema 4D and Photoshop

Use Global Illumination to create complex lighting and shadows.

Door Type

Create cool looking 3D type with a door built into the side.

Rolling Red Carpet

Create a rolling red carpet that reveals text on the inside.

Font Explode

Explode a bit of 3D text and style it to create some awesome looking typographic elements.

Little Planet

Distort a panoramic image and create some 3D text, to make a little planet type effect.

Beach Ball

Model and texture a beach ball.

Crumpling Paper

Using the cloth tag, create an animation that makes a piece of paper crumple into a ball.

Interactive Speakers

Model some speakers, and make them react to a sound file using Mograph.

Super Text

Create a text effect similar the one used by Superman.

Sketch Car

Use Sketch and Toon, along with After Effects, to create a hand-drawn looking animation of a car.

Xpresso Series

Three parts of this series (Xpresso: Camera Projection, On/Off Switch, and Replace Textures.)

Egg Modeling

Check out several resources on how to model an egg.

Modeling a Zebra

Model a toy zebra (includes a free 3d model).

Modeling a Book

Model and texture a book, and add dust to the cover (project files include).

The UV-Map Dirtmap Baker Tutorial

Get a clean UV map, calculate a dirt map, and work with Baker.

Working With Procedurals

Use 3d procedural textures, instead of bitmaps, to acheive the desired result.

Modeling an Hourglass

Model, texture, and light an hourglass.

Contraint Tag: Aim

Learn the differences between the Target and Constraint tags.

Introduction to Point Cache

Learn to use the Point Cache Tag and Point Cache Deformer.

Looping Noise

Use looping noise to create random motion in different objects.

Modeling a Lightsaber

Check out this awesome tutorial on modeling a replica lightsaber.

Making a Fireball with Pyrocluster

Create a realistic fireball inside of a container using Pyrocluster.

Modeling a Water Faucet

A basic tutorial on modeling and texturing a water faucet with handles for hot and cold.

Creating a Cel or Wireframe Render

Create a Cel or Wireframe Render of your model (kinda self explanatory).

Model a Basic Peanut Can

A basic tutorial on modeling a peanut can, and then lighting it appropriately.

Vector Logo To 3D

Create a logo from vector shapes, and then turn those shapes into 3d extrusions.

Exploring Sound Effector

Explore the Sound Effector, and how it can react to different parts of your scene.

Explosive Typography Effects

Create an awesome exploding 3D text effect.

Making of Super Snail

This is a huge tutorial on modeling the Super Snail ( including the body, slime, and rocket motor).

Modeling “Daylight”

Create a realistic looking castle alleyway scene with fantastic lighting effects.

Materials in C4D

Learn to create realistic looking glass materials.

Creating Car Tires

Create some very nice custom textured tires.

Modeling a UFO

Make the UFO’s used in the independent film The Insurgents.

3D Titles

In one of the only C4D tutorials from Video Copilot, Andrew Kramer shows you how to create 3d titles inside of After Effects.

Introduction to Dynamics

Nick Campbell the man behind the next few tutorials gives you a crash course on Dynamics in C4D.

Texturing Objects and Lights

Learn how to use textures to help you light a scene.

Create a Floating Balloon Animation Using HDRI Lighting and Particles

From one of the 5 Second Projects, Nick shows you how to use HDRI
Lighting and Particles to create this awesome little animation.

CS Tools – Daylight

Use CS Tools’ Daylight to light a scene.

CS Tools – Cubes

Nick shows you how to use cubes from CS Tools to animate abstract shapes quickly.

CS Tools – Cluster

Use CS Tools – Cluster to easily create symmetrical burst animations with any object.

CS Tools – Bloom

Use CS Tools – Bloom to automate animations that bloom into scenes with rotation and scale.

CS Tools – Area Light and Ambient Light

Use another one of the lighting tools from CS Tools to light a scene effectively.

CS Tools – Action Cam

Use Action Cam from CS Tools to create some cool camera moves.

Creating a DNA Strand

Create a DNA strand using some basic shapes, deformers, and Mograph modules.

Shattering Glass

In John Dickinson’s first big 3 part tutorial using C4D, he uses
Illustrator, AE, and C4D to create an awesome glass shattering effect.

The Moon

Noise Junkies “Universe” series has this great tutorial on modeling the moon’s surface.

Modeling a Piano

Learn how to model a basic piano.

Playing With Shadows

This is a recreation of Andrew Kramer’s Video Copilot tutorial on creating some soft shadows using Cinema 4D.

Fringe Titles

Learn how to recreate the reverse shatter effect used in the “Fringe” TV show’s opening title sequence.

Organic Mesh

Learn how to recreate Andrew’s organic mesh effect (from Video Copilot) using similar techniques in Cinema 4D.

Beyond Boring Text

This is a nice little tutorial on using the Displace Deformer, with Mograph Text Objects, to create stylized effects.

Kicked the Bucket

It’s mind-numbing to always locate our favorite tutorial on the web, here we present the top typography tutorials of all time which will inspire you and boost up your creativity. These tutorials are carefully crafted to show the minute details which can transform a Photoshop beginner to a pro! These are all simple ideas which will surely light up better ideas for your Photoshop works. hope u like it.

1] Nature Blur Effect [Tutorial]

.

2] Design design [Tutorial]

.

3] Striking Text Effect [Tutorial]

.

4] Colorful pastel [Tutorial]

.

5] Text Wrap [Tutorial]

.

6] Diablo Styled [Tutorial]

.

7] Typewriter [Tutorial]

.

8] Transformers [Tutorial]

.

9] Harley Davidson Wallpaper [Tutorial]

.

10] Fire Lines [Tutorial]

.

11] Paper Craft Text [Tutorial]

.

12] Smoke Effect [Tutorial]

.

13] Explosive Collide [Tutorial]

.

14] Glowing Sparkles [Tutorial]

.

15] Mac Style [Tutorial]

.

16] Cool Musical Poster from Words [Tutorial]

.

17] Pressed Lettering [Tutorial]

.

18] Ornate Lettering Process [Tutorial]

.

19] Great Gooey [Tutorial]

.

20] Wood Engraving [Tutorial]

.

21] Paint splash effect [Tutorial]

.

22] Simple Burnt Effect [Tutorial]

.

23] Grunge Composition [Tutorial]

.

24] Typography swirls [Tutorials]

.

25] Grass Text [Tutorial]

.

26] Aqua Text [Tutorial]

.

27] Destructive Black and White [Tutorial]

.

28] Plastic Jelly Style [Tutorial]

.

29] Grass Texture [Tutorial]

.

30] Retro [Tutorial]

.

31] Cabbie effect [Tutorial]

.

32] Flowery text [Tutorial]

.

33] Weedy text effect [Tutorial]

.

34] Rusted Metal Typography [Tutorial]

.

35] Cool Colored Effect [Tutorial]

.

36] Diablo III Grungy effect [Tutorial]

.

37] 3d Metal Typography [Tutorial]

.

38] Stylish Retro Text Effect [Tutorial]

.

39] Layered Glowing Text Effect [Tutorial]

.

40] Superb Fire Effect [Tutorial]

.

41] Explosion Of Text [Tutorial]

.

42] 3d Typography Effect [Tutorial]

.

43] Soft Stylized 3d [Tutorial]

.

44] Amazing Fire Explosion Effect [Tutorial]

.

45] Smoking Bullet Effect [Tutorial]

.

46] Gold Text Effect [Tutorial]

.

47] Slick Supernatural Text Effect [Tutorial]

.

48] SnowIce Text Effect [Tutorial]

.

49] Transparent Glass [Tutorial]

.

50] Adding shade [Tutorial]

.

51] 3d Text Explosion Effect [Tutorial]

.

52] 3d Flowery text effect [Tutorial]

.

53] Wooden Text Effect [Tutorial]

.

54] Paint Graffiti [Tutorial]

.

55] Creative Grunge Effect [Tutorial]

.

56] Christmas Wrapped Text Effect [Tutorial]

.

57] Simple Professional Typography [Tutorial]

.

58] Very Cool Text Using Displacement Masks [Tutorial]

.

59] Fabric Stitches Text Effect [Tutorial]

.

60] Wood Inlay Effect [Tutorial]

.

61] Transformers Effect [Tutorial]

.

62] Retro Effect [Tutorial]

.

63] Paint Splodge Text [Tutorial]

.

64] Narnia Logo Effect [Tutorial]

.

65] Starcraft Logo [Tutorial]

.

66] Plastic Text Effect [Tutorial]

.

67] Fragmented Tiles text effect [Tutorial]

.

68] Gel Text [Tutorial]

.

69] Knocked Out Text Effect [Tutorial]

.

70] 3d Effect [Tutorial]

.

71] 3d Textured Logo [Tutorial]

.

72] Colorful Glowing Text Effect [Tutorial]

.

73] Quick And Easy Typographic Wallpaper [Tutorial]

.

74] Typing On Paths [Tutorial]

.

75] Vibrant Pop Text Effect [Tutorial]

.

76] Moon Shine Effect [Tutorial]

.

77] Bubble Text Effect [Tutorial]

.

78] 3d Typo Effect [Tutorial]

.

79] 3d Textured Text Effect [Tutorial]

.

80] Dream Design 3d Typography [Tutorial]

.

81] Copper Effect [Tutorial]

.

82] Japanese Style Graffiti [Tutorial]

.

83] 3d Textured! [Tutorial]

.

84] 6 Quick’n’Dirty Photoshop Text Effects From Scratch [Tutorial]

.

85] Trendy Typographic Poster Design [Tutorial]

.

86] Hell Of Typo [Tutorial]

.

87] Stunning 3d Ice effect [Tutorial]

.

88] Cool Blue Text Effect [Tutorial]

.

89] Reflective Liquid [Tutorial]

.

90] Slow Camera Shutter Effect [Tutorial]

.

91] Bee Movie Effect [Tutorial]

.

92] A Real Easy Smoke Effect [Tutorial]

.

93] Typography Wallpaper [Tutorial]

.

94] Water Color Typo Effect [Tutorial]

.

95] Make Patch On Clothes [Tutorial]

.

96] Metallic Text Effect [Tutorial]

.

97] Create A Quick Grungy Poster [Tutorial]

.

98] Write The Message For Your Beloved In Sand [Tutorial]

.

99] Cactus Text Effect [Tutorial]

.

100] Create and Then Shatter a Grid, while Making a Typographic Poster [Tutorial]

.

101] Spectacular Graffiti Effect [Tutorial]