How To Create Funky Text Effects Tutorial In Photoshop By IAPDesign

How to create Funky Text Effects Tutorial in Photoshop by iAPDesign

Today’s tutorial is about how to create Funky Text Effect in Photoshop by iapdesign. When we say funky it mean bright colors, different blending of styles, uniqueness or sometimes girly style :). This tutorial is very easy and anyone can create their own funky text in just a few steps.

By the way check out our other tutorials below.

Continue reading…

Create a Spooky Halloween Pumpkin in Photoshop - Didactic Photoshop Tutorials Effects

15 Didactic Photoshop Tutorials Effects

Today’s post we will show you high end didactic photoshop tutorials that will rock your october. This will help you to enhance your knowledge and skills in designing,photo manipulation and text effects technique. We will provide you intermediate to advance technique using photoshop. You just need to start practicing and learn from our past tutorial.

Here are the 15 Didactic Photoshop Tutorials Effects that will keep your skill intensify. Have fun guys. Share it Guys!

Continue reading…

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

Good Day Folks, Today I will teach you How to create a Gangnam Style Mascot in Photoshop by iAPDesign. I know you know this song the Gangnam Style by PSY. Actually way back July 2012 while I’m in a gym I already heard this song because the instructor in that gym is teaching his student this dance and then BOOM. It becomes more popular and hit all the way to the top.

Anyway, Let’ proceed to our tutorial this is very easy and all you need to do is to enjoy that’s it. Have Fun Guys. 😀

The Part 2 of this tutorial is how to create a colored lineart of oppa gangnam style mascot. You should wait for that. 🙂

[box type=”note” align=”aligncenter” width=”600″ ] [/box] FINAL RESULT:
How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 1:

Open up your Adobe Photoshop and create a New Document (ctrl + N) I name it Gangnam Style Mascot. For my width I set it up to 1280 and height is 1024 with a resolution of 200 in pixels. You can alter this setting it depends in your preferences. Create a new Layer name it “head”.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 2:

Get your Elliptical Marquee Tool (M) then create a circle in you layer, Right click it and you will see Make work Path, it will create an editable path so you can easily adjust it. See the image below.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

After clicking the Make Work Path, get your pen tool (P) you will see now the path that you created. Right click the selected path and create a stroke path. I set up my Brush to 3px only uncheck the stimulate pressure if it is checked. You will now have a base head for PSY.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 3:

In this step, we will create the shade, Grab your Pen Tool then start creating a path likes a shade. See my result of my pen tool below. Now we will add Stroke Path again like what we do in our base head from the step 2. Right click again the path that you created and click the Stroke Path.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

This will be the outcome, it’s like an egg with shades right? Hahahaha.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 4:

We will now do the mouth, nose, ear and the hair style of PSY; I hope you still can catch up. If you have questions just drop a comment below. Get your pen Tool again create new layer for mouth, nose, ear and hair, see my result. Then add a stroke path again read the Step 3.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

So basically you should come up like this image below. Look like PSY of Gangnam Style Dance?
Definitely YES. Hahanah.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 5:

We will now create the shoulders and hands of our mascot, Grab again your Pen Tool then imagine his shoulder and his arm that crossed out together. OH you’re like doing the gangnam style dance. Hahahah. If you can’t imagine then you can check some images of him in the internet so you can visualize it more.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

After creating the entire path we needed we are now going to create again a stroke path same as what we do above. Just right click the selected path then apply a Stroke Path. We are almost done we just need to create his legs and foot and we can do the Gangnam Style Dance.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

STEP 6:

In this step, we will create the legs and shoes to complete our mascot, Get your Pen Tool and simply create Path to create the legs it looks like you are riding in a horse. See my result below.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

Add up a Stroke Path for the legs and the shoes so to complete his body and check FINAL RESULT.

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign

CONCLUSION

We are done for our tutorial on How to Create an Oppa Gangnam Style Mascot in Photoshop by iAPDesign. I hope you enjoy this tutorial, if you have some questions related to our tutorial please don’t hesitate to drop by comments below.

Share This Photoshop Tutorial to All Your Friends.

A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

33 Cheat Sheet Anthology for Web Designers For Free

Are you a professional graphic / web designer? Or an aspiring designer and ready to accept the challenges in the world of creativity, colors, imaginativeness and fantasy.

Then before you go to the world of perspective design make sure you are fully equipped with this very helpful 33 Cheat Sheet Anthology for Graphic/Web Designers Arsenal.This list will help you master all the shortcuts for all the application software design you used.
We have bunch of list for HTML5, Color Reference, CSS and CSS3 Photoshop Cheat Sheet.

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

10 HTML and HTML5 Cheat Sheet Anthology for Web Designer

1). A REFERENCE TO HTML5 TAGS

Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive.

A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

A REFERENCE TO HTML5 TAGS – 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

2). HTML Cheat Sheet

The HTML cheat sheet is a one-page A4 printable document, designed to provide a quick reference for HTML.

HTML Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

3). HTML5 Canvas Cheat Sheet

The information is pretty much just a copy of what is found in the WHATWG specs, just condensed and hopefully a bit easier to read. There are virtually no explanations, however, and no examples other than some graphics for compositing values and a few oth

HTML5 Canvas Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Canvas Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

4). HTML Character Entities Cheat Sheet

The HTML Character Entities cheat sheet is designed to act as a reference sheet, listing the various character codes in HTML.

HTML Character Entities Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Character Entities Cheat Sheet - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

5). Color Codes Matching Chart HTML

Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from

Color Codes Matching Chart HTML - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

Color Codes Matching Chart HTML - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

6). HTML Cheat Sheet for Transition to HTML 5

A great quick reference for the transition from HTML 4 to HTML 5. Designed to help authors create polyglot HTML documents, this can also help in creating HTML 4 and XHTML documents, in addition to upgrading to HTML 5.

HTML Cheat Sheet for Transition to HTML 5 - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML Cheat Sheet for Transition to HTML 5 - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

7). HTML5 Cheat Sheet from HTML5In24Hours

HTML5 Cheat Sheet from HTML5In24Hours

HTML5 Cheat Sheet from HTML5In24Hours - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Cheat Sheet from HTML5In24Hours - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

8). HTML5 Cheat Sheet ‘ Browser Support

HTML5 Cheat Sheet ‘ Browser Support

HTML5 Cheat Sheet ' Browser Support - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

HTML5 Cheat Sheet ' Browser Support - 8 HTML and HTML5 Cheat Sheet Anthology for Web Designer

6 Color Reference Cheat Sheet Anthology for Web Designer

1). Color Reference Hexagon Mouse Pad

Keep your colors right at hand using this mouse pad.

Color Reference Hexagon Mouse Pad - 6 Color Reference Cheat Sheet Anthology for Web Designer

Color Reference Hexagon Mouse Pad - 6 Color Reference Cheat Sheet Anthology for Web Designer

2). RGB Hex Colour Chart

The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).

RGB Hex Colour Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

RGB Hex Colour Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

3). Web safe color chart

Web safe color chart

Web safe color chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

Web safe color chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

4). Color Reference Guide

Color Reference Guide

Color Reference Guide - 6 Color Reference Cheat Sheet Anthology for Web Designer

Color Reference Guide - 6 Color Reference Cheat Sheet Anthology for Web Designer

5). Megapixels Chart

ach colored box represents a certain number of megapixels. The numbers along the top and left side are print dimensions in inches at 300ppi (pixels per inch). Most books and magazines require 300ppi for photo quality. For example, the chart shows that you

Megapixels Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

Megapixels Chart - 6 Color Reference Cheat Sheet Anthology for Web Designer

6). Pantone Colour Bridge CMYK Cheat Sheets

Convert your colours to different profiles with Pantone recommendations.

Pantone Colour Bridge CMYK Cheat Sheets - 6 Color Reference Cheat Sheet Anthology for Web Designer

Pantone Colour Bridge CMYK Cheat Sheets - 6 Color Reference Cheat Sheet Anthology for Web Designer

10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

1). CSS3 Cheat Sheet (PDF)

In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with

CSS3 Cheat Sheet (PDF) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Cheat Sheet (PDF) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

2). WebKit CSS3 Cheat Sheet

Webkit CSS3 Cheat Sheet PDF From Sencha

WebKit CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

WebKit CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

3). CSS 2.1 and CSS 3 Help Cheat Sheets

Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help shee

CSS 2.1 and CSS 3 Help Cheat Sheets - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS 2.1 and CSS 3 Help Cheat Sheets - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

4). Most Practical CSS Cheat Sheet Yet

The cheat sheet comes in landscape and portrait form and is designed to be printed on an A4 (standard) sheet of paper. You can post it on your wall, tape it to your desk, or put it in your pocket for those rare moments when you need to know how the box mo

Most Practical CSS Cheat Sheet Yet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

Most Practical CSS Cheat Sheet Yet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

5). CSS Cheat Sheet (V2)

The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

CSS Cheat Sheet (V2) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS Cheat Sheet (V2) - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

6). CSS Shorthand Cheat Sheet

Get help with some of the CSS elements that are so easy to forget.

CSS Shorthand Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS Shorthand Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

7). CSS3 Color Names

Color names also known as color keywords, named colors and named color keywords in which their is 147 color names that are defined in the CSS3 color specification. Now the 147 color names also include the 17 standard color names.

CSS3 Color Names - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Color Names - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

8). CSS3 Cheat Sheet

For many of the CSS3 examples, older versions of Internet Explorer are the lone holdout with a limited number of workarounds, however these features degrade gracefully and may still be useful on new projects as long as this limitation is kept in mind.

CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

9). CSS 2 Visual Cheat Sheet

This cheat sheet (3 pages) contains an essential reference to all CSS2 properties with detailed descriptions and some sample code. The simple visual style used to design this sheet allows you to find at a glance everything you are looking for.

CSS 2 Visual Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS 2 Visual Cheat Sheet - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

10). CSS3 Compatibility table

CSS3 Compatibility table

CSS3 Compatibility table - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

CSS3 Compatibility table - 10 CSS and CSS3 Cheat Sheet Anthology for Web Designer

9 Photoshop Cheat Sheet Anthology for Web Designer

1). Shortcut cheat sheet: Adobe Photoshop

Hey guys and gals! It’s time for the next 99designs Shortcut Cheat Sheet. This time it’s Adobe Photoshop ‘ perfect for pretty much anything except for logo design!

Shortcut cheat sheet: Adobe Photoshop - 9 Photoshop Cheat Sheet Anthology for Web Designer

Shortcut cheat sheet: Adobe Photoshop - 9 Photoshop Cheat Sheet Anthology for Web Designer

2). Photoshop CS5 Cheat Sheet

Here’s a Photoshop cheat sheet that focuses on important, useful functions, stuff that advanced users need to get their work done.

Photoshop CS5 Cheat Sheet - 8 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop CS5 Cheat Sheet - 8 Photoshop Cheat Sheet Anthology for Web Designer

3). Photoshop Toolbox Refrences

This section of the site is a comprehensive Photoshop Toolbox reference. Click on a tool to view its video-manual

Photoshop Toolbox Refrences - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Toolbox Refrences - 9 Photoshop Cheat Sheet Anthology for Web Designer

4). Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS4 Keyboard Shortcuts Cheat Sheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

5). Adobe Photoshop CS3

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS3 - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS3 - 9 Photoshop Cheat Sheet Anthology for Web Designer

6). Adobe Photoshop CS2

All keyboard shortcuts organized into four pages, by menu, as well as alphabetically by key.

Adobe Photoshop CS2 - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS2 - 9 Photoshop Cheat Sheet Anthology for Web Designer

7). Adobe Photoshop CS

Adobe Photoshop CS

Adobe Photoshop CS - 9 Photoshop Cheat Sheet Anthology for Web Designer

Adobe Photoshop CS - 9 Photoshop Cheat Sheet Anthology for Web Designer

8). Photoshop Lasso Tool Cheatsheet

This month’s creative cheatsheet covers the Photoshop Lasso tool. We’ve distilled the basic functions of this widely used tool into a concise format that fits on a standard 3Ã�5 index card.

Photoshop Lasso Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Lasso Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

9). Photoshop Brush Tool Cheatsheet

Photoshop Brush Tool Cheatsheet

Photoshop Brush Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Photoshop Brush Tool Cheatsheet - 9 Photoshop Cheat Sheet Anthology for Web Designer

Conclusion

I hope you enjoy reading our 33 Cheat Sheet Anthology for Web Designers For Free. If you like this post please share it guys.

Take My Soul Away ' Photoshop Tutorial - Most Desirable Photoshop Tutorials Philippines for October 2012

Most Desirable Photoshop Tutorials Philippines for October 2012

Hey’a Guys, it’s the month of the october and three months to go is Christmas already. YEY!.. hahaha.. Anyway, because it’s the start of the october we will give you AWESOMENESS photoshop tutorials that contains high quality achievement even a beginner can learn it easily. But if you don’t get it once, then try it once more and more until you get it perfectly even your eyes is close. o.O (IMBA), practice makes perfect right?.. hehe..

Here are theMost Desirable Photoshop Tutorials Philippines for October 2012, I hope you found it very interesting. Share IT Guys If You Like. Thanks

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

1). Fly High Light Effects Tutorial + Video

In this tutorial I will show you how to create a beautiful abstract artwork using light effects, a few fractal images, a custom brush and some cool post editing techniques. Enjoy.

Fly High   Light Effects Tutorial + Video - Most Desirable Photoshop Tutorials Philippines for October 2012

Fly High Light Effects Tutorial + Video - Most Desirable Photoshop Tutorials Philippines for October 2012

2). Photoshop tutorial: Create dynamic art using glows and lighting effects

In this tutorial, New York-based illustrator Kervin Brisseaux shares his techniques to create a super-powered athlete within an atmosphere that draws on the traditions of sci-fi art, as well as religious iconography such as stained glass windows.

Photoshop tutorial: Create dynamic art using glows and lighting effects - Most Desirable Photoshop Tutorials Philippines for October 2012

Photoshop tutorial: Create dynamic art using glows and lighting effects - Most Desirable Photoshop Tutorials Philippines for October 2012

3). Producing Realistic Rain Effect In Photoshop

In this Photoshop tutorial, you are going to use Photoshop to make it rain in an image. You are going to start off with an image of your choice, load it onto Photoshop, then use a multitude of Photoshop functions to pour down some rain. How much rain you

Producing Realistic Rain Effect In Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Producing Realistic Rain Effect In Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

4). Pure White Portrait Retouch

Learn how to whiten skin and hair in this quick Photoshop tutorial.

Pure White Portrait Retouch - Most Desirable Photoshop Tutorials Philippines for October 2012

Pure White Portrait Retouch - Most Desirable Photoshop Tutorials Philippines for October 2012

5). Make an Awesome Fantasy Wallpaper in Photoshop

In this Photoshop tutorial, Andrei Oprinca will show you how to make an awesome fantasy wallpaper. This tutorial makes intense use of light, fire and color effects to achieve the final result.

Make an Awesome Fantasy Wallpaper in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Make an Awesome Fantasy Wallpaper in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

6). Learn How to Recreate The Instagram Nashville Effect in Photoshop

This video tutorial by KinetictArts will show you how to create the ‘Nashville’ effect seen in the app ‘Instagram’ using different color correction adjustment layers in Photoshop.

Learn How to Recreate The Instagram Nashville Effect in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Learn How to Recreate The Instagram Nashville Effect in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

7). Take My Soul Away ‘ Photoshop Tutorial

In this new tutorial we’re going to learn how to extract an object from a white background,create a paint effect using some brushes and create a quick HDR effect in a few easy steps. So let’s start.

Take My Soul Away ' Photoshop Tutorial - Most Desirable Photoshop Tutorials Philippines for October 2012

Take My Soul Away ‘ Photoshop Tutorial – Most Desirable Photoshop Tutorials Philippines for October 2012

8). Create a Bloody Text Effect in Photoshop Using Layer Styles

In this quick tip tutorial we will show you how to create a bloody text effect using layer styles in Photoshop. Let’s get started!

Create a Bloody Text Effect in Photoshop Using Layer Styles - Most Desirable Photoshop Tutorials Philippines for October 2012

Create a Bloody Text Effect in Photoshop Using Layer Styles - Most Desirable Photoshop Tutorials Philippines for October 2012

9). Create a Cute and Scary Children’s Illustration in Photoshop

In this tutorial, we will explain how to create a cute and scary children’s illustration in Photoshop. Let’s get started!

Create a Cute and Scary Children's Illustration in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Create a Cute and Scary Children's Illustration in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

10). Create a Flowing Vexel Illustration in Photoshop

In this tutorial we will use vexel techniques to create an intense, flowing illustration using abstract shapes. Let’s get started!

Create a Flowing Vexel Illustration in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Create a Flowing Vexel Illustration in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

11). Create a Nice Polaroid Photo Montage in Photoshop

Photoshop CS6 tutorial by Marty Geller from Blue Lightning Tv showing how to make a perfectly aligned Polaroid photo montage of one image. This tutorial also shows how to make a seamless wallpaper pattern

Create a Nice Polaroid Photo Montage in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Create a Nice Polaroid Photo Montage in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

12). Create a Compelling Product Label in Photoshop

In this tutorial, I’ll walk you through the process of creating an attractive label from scratch. Along the way, we’ll practice the use of various shape tools, the pen tool, different layer styling techniques, and advanced shading of layers and elemen

Create a Compelling Product Label in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

Create a Compelling Product Label in Photoshop - Most Desirable Photoshop Tutorials Philippines for October 2012

13). Professional Retouching Tutorial: Healing (Part 1)

Welcome to the first in a series of tutorials on professional retouching. Ever wondered how commercial and fashion photographs have that beautifully flawless look?

Professional Retouching Tutorial: Healing (Part 1) - Most Desirable Photoshop Tutorials for October 2012

Professional Retouching Tutorial: Healing (Part 1) - Most Desirable Photoshop Tutorials for October 2012

Create Your Own Animated Pre-loader in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

As a web designer, We always do amazing static graphic design, templates, vector, photoshop manipulation etc. But sometimes our client wants some nice effect for their websites. We all know that flash design is not recommended for incorporating to our design because it can reduce the loading time of our website and not good for search engine optimization. But because we are good enough, we can still produce animated design using Adobe Photoshop. If you dont know how to do it, we have a bunch of tutorials that will teach you how to animate images in photoshop.

Here are the list of our 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out. Please Share it Guys.

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

1). Create Your Own Animated Pre-loader in Photoshop

We’re going to create a little animated gif that can be used for a multitude of widgets, anytime ajax content is being requested, files are being uploaded, whatever you fancy.

Create Your Own Animated Pre-loader in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Create Your Own Animated Pre-loader in Photoshop – 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

2). ANIMATE A PICTURE BOOK

Here Lesley and Bruce walk you through their creation, purely in software, of a dynamic picture-book world this time inspired by the jazz of Kit Downes.First they give an insight into how they design characters in Photoshop to move with vigour and exp

ANIMATE A PICTURE BOOK - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

ANIMATE A PICTURE BOOK - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

3). Create a Simple Equalizer Animation in Photoshop

Today I got for you an initial level animation tutorial in Photoshop. Such animations are pretty handy as clip art for web. Using this animation technique, you can create web banners, animated logos and of course, a whole lot of clipart.

Create a Simple Equalizer Animation in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Create a Simple Equalizer Animation in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

4). Creating Animation with Audio in Photoshop CS6 Tutorial

The release of Photoshop CS6 presents another revolutionary step in the history of Photoshop. While theprevious releases of Adobe Photoshop formed a real and significant change in the development ofPhotoshop, the latest version, Photoshop CS6, definitely

Creating Animation with Audio in Photoshop CS6 Tutorial - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Creating Animation with Audio in Photoshop CS6 Tutorial - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

5). Create an Animated Steampunk Robot in Photoshop

Here is a tutorial on creating one from scratch. You will learn a lot more techniques in this tutorial so I hope you will stick through to the end. Well, we are just going to make an animated robot — with steampunk flair!

Create an Animated Steampunk Robot in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Create an Animated Steampunk Robot in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

6). Creating Simple, Yet Effective Animated Gifs in Photoshop

In this tutorial, well you show you how to create animated gifs. If you’re tasked with creating web banners, this is a great place to start. An animated gif can be submitted to most ad hubs and they can also be passed off to Flash programmers as a te

Creating Simple, Yet Effective Animated Gifs in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Creating Simple, Yet Effective Animated Gifs in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

7). Creating a 3D Spinning Earth in Photoshop CS6

In our Photoshop CS6 tutorial today, we will learn how to create a 3D spinning earth effect. Many designers use this 3D earth in their designs in the form of banners, web designs and animation.

Creating a 3D Spinning Earth in Photoshop CS6 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Creating a 3D Spinning Earth in Photoshop CS6 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

8). 3D Cube Gif for CS5 Only or Later

CS5 Extended or later! And some basic knowledge of GIF-making and the Photoshop workspace (most things I will show you how to do though).

3D Cube Gif for CS5 Only or Later - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

3D Cube Gif for CS5 Only or Later - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

9). Make a CSS animated sprite in Photoshop

While web designers get to grips with new CSS3 features, web design has become an uncharted frontier, with many new techniques out there waiting to be discovered and developed. One of the most exciting aspects of the draft specification is the ability to

Make a CSS animated sprite in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Make a CSS animated sprite in Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

10). Creating Rotoscoping Animation with Photoshop

Thanks to the advent of cheaper graphics pen tablets and the animation features present in the latest Photoshop versions, using this technique is easier than it ever was. In this tutorial we’ll see how to use Photoshop to create a simple rotoscoping anima

Creating Rotoscoping Animation with Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Creating Rotoscoping Animation with Photoshop - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

11). Gif Animation: Film Countdown

In this tutorial, we will build a 10-State frame by frame animation using 2 Layers: One shared layer with the “Share Layer to State” feature and one without.

Gif Animation: Film Countdown - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Gif Animation: Film Countdown - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

12). Quick Tip: Create an Animated 3D GIF in Photoshop CS6

In this tutorial, we will explain how to take a flat logo and animate it using Photoshop’s new 3D and Timeline features. Let’s get started!

Quick Tip: Create an Animated 3D GIF in Photoshop CS6 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Quick Tip: Create an Animated 3D GIF in Photoshop CS6 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

13). Learn How To Create A Simple Glowing Animation

Photoshop is a powerful tool, not only does it have the ability to edit and manipulate photos it also has the ability to animations. In this tutorial I’ll be walking you through the process of creating a simple animated glow effect.

Learn How To Create A Simple Glowing Animation - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Learn How To Create A Simple Glowing Animation - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

14). Quick Tip: Create an Animated Banner Ad in Photoshop CS5

Animated Gif files have been the butt of many jokes within the design community. That is because animated gifs are famous for being a bit cheesy and notorious for cluttering up a page. Used properly however, animation can draw interest to an otherwise ove

Quick Tip: Create an Animated Banner Ad in Photoshop CS5 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Quick Tip: Create an Animated Banner Ad in Photoshop CS5 - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

15). Animated Ad Banner

In this tutorial, i’ll show you how to create a professional animated ad banner which you can follow and create your own banner to advertise your site.

Animated Ad Banner - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

Animated Ad Banner - 15 Collection of Photoshop GIF Tutorials You Shouldnt Missed Out

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo in Photoshop

Hello friends, today I will teach you How to Create a Resident Evil Umbrella Corporation Logo in Photoshop. I’m a bit inspired today so before I sleep I create this design just for you guys. Many of us are waiting for Alice (Milla Jovovich) to fight against the evil umbrella corporation and all the people that transformed into undead. This fight will spread lots of bloods and awesomeness. Hahaha!!!

Oh Well, I’m sorry for being too much excited 😛 so let’s proceed to our tutorial. Share it Guys If you love this tutorial.

FINAL OUTPUT

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo


STEP 1:

Open up your Adobe Photoshop Software and Create a New Document (ctrl + N). My configurations for this tutorial are: Width: 800px, Height: 600px, Resolution: 200px/inches. But you can change it for your preferences.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo


STEP 2:
Create a New Layer (Shift + Ctrl + N) and named it background gradient, the color from the left side of the picture is # 000000 and on the right side color # 45494d. And apply this gradient to your gradient layer from bottom to top.
How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 3:

Here is the part where we are going to create our umbrella shape logo, create a new layer (Shift + Ctrl + N) and named it as Umbrella down Shape. Now we are going to use our Pen tool and select the Shape see the image below. So we can easily change the color of our shape, mine I set it up as color red with the Fill and stroke is none.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

Use your pen tool to draw a cone triangle please refer to the image below. When you’re done duplicate this umbrella shape layer and rotate it upward then press Ctrl + G to group this two layer of shape and named the folder Top and Bottom, so the image should look like this. I hope you can catch up, if you have questions for this step just drop some comment for clarifications and I will answer it.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 4:

Wow, this will be the easiest step for this tutorial, duplicate your group folder and named it Left and Right. So now, you already have the same copy of your first two shape named Top and Bottom. What you’re going to do is to select the Left and Right folder Group and then use your Move Tool or press (V)

You should see by know your transform control points, if not check the Show Transform Controls so you can rotate the selected group of layer. See the image below.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo


If you do it well, you should come up like this. We are almost done; I can see already the umbrella shape look. Just duplicate again the group layer twice named it sideways one and sideways two or anything you want. And change the color of your shape to white and repeat again the process in step 4.
How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 5:

For this step we are going to add some rectangular effects in the background, I use Line Tool or press (Shift + U) to select the line tool in your toolbox it’s like a forward slash “/”. The Fill is set to none while the Stroke is set to #000000 color and the size of the line is 3px. And then start to create a line graph.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

After you finish creating line graph, right the layer and add Blending Options. Click the Bevel & Emboss and set up the configuration as follow: Style: Pillow Emboss, Technique: Smooth, Depth: 231%, Direction: Up, Size: 8px, Soften: 0px.

Bevel & Emboss

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

Check The Stroke Checkbox and see the preset selection in the image below: Size: 3px, Position: Outside, Blend Mode: Normal, Opacity: 100%.

Stroke

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

After you set up the blending modes for this rectangular shape place it under your umbrella logo, because we are using this for the background. See the image result for this step.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 6:

I duplicate the entire umbrella shape group folder so I have a backup for that because we are going to merge the entire umbrella layer, to merge the layer press Ctrl + E. Once you’re done right click the umbrella layer and click the Blending Options.
Please check all the images below for the options that I used.

For Bevel & Emboss Options

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

For Contour Options

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

For Stroke Options

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

For Inner Shadow Options

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

For the last Options Pattern Overlay, I use the pattern Texture Fill which is the default of adobe Photoshop cs6. I hope you have it all.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo


If you do it well, you should have an output image like this, Wow Awesome Shiny Effects Right? XD
How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 7:

Add some Text for our design, the font that I used in this tutorial is Resident Evil Font from fontshark.com check it out guys. The font of umbrella corporation is Rockwell Extra.

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

STEP 8:

To add some nice colors, I added three adjustment layer colors: Levels, Exposure and Photo Filter.

Levels Option:

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

Exposure:

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

Photo Filter:

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

Voila. We are done!

FINAL OUTPUT:

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

How to Create a Resident Evil: Retribution Umbrella Corparation Logo

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Hello Guys, Today I will show how to color a Line Art Drawing using Adobe Photoshop.When i saw this drawing i remembered something, that’s why i decided to colored it and that’s it. :). Anyway, Line Art If you don’t know what line art means, according to

Wikipedia. “

Line art is any image that consists of distinct straight and curved lines placed against a (usually plain) background, without gradations in shade (darkness) or hue (color) to represent two-dimensional or three-dimensional objects. Line art can use lines of different colors, although line art is usually monochromatic. It is also called line drawing.” .

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

If you like my tutorial please share it guys and I want to see your colored line art too.:)

FINAL OUTPUT:

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Let’s proceed to our tutorial, first thing to do is to find your own line art or you can create your own line art base on any images you want. But for this tutorial I will use the line art of DestinyBlue from deviantart, Here is the link of the image I use for this tutorial I’m Fine – Lineart by *DestinyBlue.

STEP 1.
Open up your favorite image editor, I use adobe Photoshop CS6 for this tutorial, Create a new file in your photoshop or press CTRL + N. I prefer the width in 1024px and Height 768px, for the resolution I set it to 150 and the last the color mode to 16bit but you can change it depends on your preference.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 2.
For this next step I hope you already have line art image of your choice or the one that I use for this tutorial. Open up this image to your newly created canvas or just drag the image to your photoshop environment. Duplicate the Lineart Image and rename it as lineart. Hide the original image so you can check it later after you finish your work. After you successfully created a duplicate copy of the original line art image right click the lineart image see the image, and Rasterize Layer. We need to rasterize the layer so we can delete the excess background. After you rasterize the layer, Get your Magic Wand Tool or press (W) and delete the gray background of the image.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine



STEP 3.

We will now start the process of coloring our line art drawing. Create a new layer and put it in a group folder name hair. Before I start coloring this drawing I think first what color pattern I should use. You can see below the color pattern that i will use for the hair, skin and the t-shirt. You can use another color if you want, just do some color combination. :).
iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 5.
In this step, we are going to color the eye and the skin of our line art, for the eyes base color I use this color # f47a7a and for the skin shadow color is # fdcabb. Create new group folder name eyes; Use your brush tool to color the eyes.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 4.
So now we successfully have a base color for your hair, let’s move on to the clothes of your image, I use color # 063c8d for the base color. And again use Magic Wand Tool to select the clothes so that you will just colored those cloths only. You should have already the image like this below.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Create again a group folder for the skins and add some shadow, I preferred the color of the skins as white as our default base color, that’s why we are going to add some shadow only. Find the light source of your image so you can easily place the shadow and start brushing your image. After creating some shadow for the skins your image line art should have a base color like the image below and ready to add some depth and make it more realistic.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 6.
This step is the exciting part of this tutorial because we are going to add some shadows and highlights to make our line art image more realistic. From this point I will start from the hair, In your color picker choose a dark color for your image and start brushing to create some shadow. See my image below. As you can see the outcome of my shadow is quite not good but it’s ok, we are doing right, I will use Smudge Tool to smoothen the shadow, see the image below.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 7.
For this step, we will add some shadows to eyes to make it more realistic. Choose a dark color for the eyes. Set your brush to Airbrush Soft Round 50% flow and starts brushing at the top of the eyes like in the image Eyes#2.

Eyes #1

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Eyes #2

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Eyes #3
Choose your Pen Tool to create a little shadow with the color white below of the eyes, And try make it smooth using your smudge Tool.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Eyes #4
For this part of the eye, create an eye reflection at the top of the eyes, create a 2 circle, one is medium size and another Is a small size circle.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Eyes #5 –
At this stage our eyes is already done, just use smudge tool, dodge tool to create smooth and add some highlights.
FINAL OUTPUT FOR THE EYES.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 8.
In this step, we are going to add some shadow for the cloths of our line art drawing. The color I used is # 00265e. Brush it to shadows and used smudge to smoothen the details. I just add some white stripe at the bottom to have a little design for the shirt.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 9.
For the last step, I will add some shadow to the skins and hands, I used the light tone color # fdcabb and for the shadow color # cb7257. The brush setting is in Airbrush Soft Round 50% Flow, I brush all the edge with dark shadow and applying the light tone. After that I use the smudge tool to blend the color and smooth all the edges.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

FINALLY, WERE DONE…

FINAL OUTPUT:

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Advanced Lighting - Manipulation Tutorial - 20 Photoshop Tutorials to Sharpen your Skills

20 Photoshop Tutorials to Sharpen your Skills

Today’s post is a round up for the latest photoshop tutorials, some of this roundup is using the latest Adobe Photoshop CS6 Software. This roundup is a mixture of photo manipulation, lightning effect, creating montage and how to create a portrait. Even you just started using photoshop or a professional this 20 Photoshop Tutorials Roundup will help you to gain more knowledge and sharpen your skills to come up a new set of design base on what you experience and what you read. Always challenge yourself to do more and never stop doing design.

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

Here are the 20 Photoshop Tutorials to Sharpen your Skills. I would love to hear your suggestions for this post, if you like this post please share it. thank you guys.

1). 3D Balloons Text Effect

This tutorial explains how to use the 3D Repoussé feature in Photoshop CS5 Extended to create an amazing balloon-like text effect without the need for any other 3D software.

3D Balloons Text Effect - 20 Photoshop Tutorials to Sharpen your Skills

3D Balloons Text Effect - 20 Photoshop Tutorials to Sharpen your Skills

2). How to Draw a Portrait in Photoshop

Another nice tutorial teaching you how to draw a portrait by using Photoshop. This technique is based on using Photoshop brushes and for people who may have some experience in art itâ??s a good technique but it takes time to achieve this result.

How to Draw a Portrait in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

How to Draw a Portrait in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

3). Create a Surreal Urban City Montage with Lightning Effect in Photoshop

In this tutorial, I will show you the steps I took to Create a Surreal Urban City Montage with Lightning Effect in Photoshop . This is an intermediate level Photoshop tutorial so some steps can be a bit tricky, but why not have a try!

Create a Surreal Urban City Montage with Lightning Effect in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

Create a Surreal Urban City Montage with Lightning Effect in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

4). Advanced Lighting – Manipulation Tutorial

This is a more advanced manipulation tutorial where you will learn advanced lighting techniques. I announced this tutorial on one of my newsletter and here it is.

Advanced Lighting - Manipulation Tutorial - 20 Photoshop Tutorials to Sharpen your Skills

Advanced Lighting – Manipulation Tutorial – 20 Photoshop Tutorials to Sharpen your Skills

5). How to Create a Grim Reaper Scene Artwork in Photoshop

Learn how to create this dark scene of a grim reaper in Photoshop. This tutorial will show you how to combine images, work with layer styles, and create a grunge color effect.

How to Create a Grim Reaper Scene Artwork in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

How to Create a Grim Reaper Scene Artwork in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

6). How to Create a Surreal Scene with an Invisible Man Inside a Mystic Cave

Learn how to create a surreal photo manipulation with an invisible man. This tutorial will teach you how to blend different images together, create realistic shadows, and paint light reflections in your image.

How to Create a Surreal Scene with an Invisible Man Inside a Mystic Cave - 20 Photoshop Tutorials to Sharpen your Skills

How to Create a Surreal Scene with an Invisible Man Inside a Mystic Cave - 20 Photoshop Tutorials to Sharpen your Skills

7). How to Create Typography Poster Enigma Using Photoshop

In this tutorial we will go through the process of making this typography poster called â??Enigmaâ?? only using Adobe Photoshop. You will have a basic look into the 3D-Tool of Photoshop, how to texture and stylize your 3D Typography and how to make a shin

How to Create Typography Poster Enigma Using Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

How to Create Typography Poster Enigma Using Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

8). How to Create a Stunning Winter Princess Artwork in Photoshop

Learn how to create this winter scene in Photoshop. You will learn how to blend photos and textures, create a cold blue photo effect, and more!

How to Create a Stunning Winter Princess Artwork in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

How to Create a Stunning Winter Princess Artwork in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

9). Quick and Simple Worn Out Psychedelic Poster in Photoshop

In this tutorial we are going to create a psychedelic poster with just an image, a gradient map and a texture.

Quick and Simple Worn Out Psychedelic Poster in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

Quick and Simple Worn Out Psychedelic Poster in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

10). Radial Zoom Enhanced Eyes Effect In Photoshop

In this Photoshop Effects tutorial, we’ll learn how to give someone’s eyes a fun, easy to create “zoom” effect, with blur streaks that appear to zoom out from the center of the eyes.

Radial Zoom Enhanced Eyes Effect In Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

Radial Zoom Enhanced Eyes Effect In Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

11). Painting Skills for a Lady Portrait

Carrying out digital painting for lady portrait is not easy. Different designers are working out new methods to do in order to save time. Here will show you step by step to carry out a lady portrait painting work.

Painting Skills for a Lady Portrait - 20 Photoshop Tutorials to Sharpen your Skills

Painting Skills for a Lady Portrait - 20 Photoshop Tutorials to Sharpen your Skills

12). Drawing a Female Cartoon Fighter

Drawing a nice cartoon character can be as difficult as drawing a human portrait. You also need to work out detailed color painting plus adding shadow and reflection effects. Here will show you the way to do.

Drawing a Female Cartoon Fighter - 20 Photoshop Tutorials to Sharpen your Skills

Drawing a Female Cartoon Fighter - 20 Photoshop Tutorials to Sharpen your Skills

13). Skills of Painting Animal Fur

Painting animal fur is like painting hairs. You need to use brushes to carry out. To start, you have to prepare a reference and understand how the fursâ?? direction, lighting angle & layers going to be. This tutorial takes a cat as an example to show you

Skills of Painting Animal Fur - 20 Photoshop Tutorials to Sharpen your Skills

Skills of Painting Animal Fur - 20 Photoshop Tutorials to Sharpen your Skills

14). Photo Manipulation Lady Down to the Water

Using photo manipulation, you can create a special scenery based on simple objects. You can use images of lady, sea, and a electric machine to create a combination of those images. The major skills in this tutorial are cutting image and color & lighting a

Photo Manipulation Lady Down to the Water - 20 Photoshop Tutorials to Sharpen your Skills

Photo Manipulation Lady Down to the Water - 20 Photoshop Tutorials to Sharpen your Skills

15). Develop a Smart Car in Photoshop

To design a smart car, you have to draft a layout first. To carry out painting works, you need to make the car shiny and glossy plus you can add a little object (e.g. gas tank and little lighting at the carâ??s end) to stand out your car.

Develop a Smart Car in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

Develop a Smart Car in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

16). Painting a Beautiful Lady in the Ocean

To process a nice painting, designers usually need to spend a long while to do that. Therefore, some great painting techniques are invented in order to speed it up as well as increase the quality of artworks.

Painting a Beautiful Lady in the Ocean - 20 Photoshop Tutorials to Sharpen your Skills

Painting a Beautiful Lady in the Ocean - 20 Photoshop Tutorials to Sharpen your Skills

17). Drawing a Portrait for a Pretty Woman

Drawing a portrait definitely needs to set up appropriate Photoshop brushes. Here will show you to work on the portrait layer by layer until the whole portrait are done.

Drawing a Portrait for a Pretty Woman - 20 Photoshop Tutorials to Sharpen your Skills

Drawing a Portrait for a Pretty Woman - 20 Photoshop Tutorials to Sharpen your Skills

18). Wonderful Background Scenery Creation

If you want to prepare a nice background such as street or interior design, this tutorial will show you to refer a realistic objects and generate it as your artwork. You need to use Sketchup to initiate and use Photoshop for your painting work.

Wonderful Background Scenery Creation - 20 Photoshop Tutorials to Sharpen your Skills

Wonderful Background Scenery Creation - 20 Photoshop Tutorials to Sharpen your Skills

19). Transform a Lady Image into Cartoon

Do you want to create a cartoon image for yourself? You can use your photo to transform your image into a cartoon character mainly by Photoshop blending options. You can also design your character with different styles such as changing its hair and skin c

Transform a Lady Image into Cartoon - 20 Photoshop Tutorials to Sharpen your Skills

Transform a Lady Image into Cartoon - 20 Photoshop Tutorials to Sharpen your Skills

20). Making a Hopeless Scenery in Photoshop

To make a hopeless scenery, you can use light and shadow effects to focus your object under a dark background. Another element is greens such as grass or trees. These objects are always good for emphasis of this kind of topic.

Making a Hopeless Scenery in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills

Making a Hopeless Scenery in Photoshop - 20 Photoshop Tutorials to Sharpen your Skills