Introduction to Art of Pixel Graphic - Photoshop

Post on 02-Jul-2015

365 views 1 download

transcript

Introduction toAdobe Photoshop

- Balaji Asok Kumar

Adober{

Special Thanks to,

• The Mass hero• The Dragon Warrior• The Disco Fighter

Jatin Sharmaa{

#1 Rule

“ Whatever you do with

Photoshop becomes an ART “

Indian brain behind Adobe

– Seetharaman Narayanan

The Plan

The Dots

1. The User Interface

2. Concepts of Layers

1. Exercise 1 – the wall

2. Exercise 2 to 5 – Scooby Doo

3. Exercise 6 – Transformations

3. Photo Editing

4. Exercise 7 – Fire Blast Optimus Prime

The Goal

To help you develop, understand concepts behind Pixel

Graphics

So, Lets do it !

The User InterfaceThe User Interface

The User Interface

The User Interface

New Document

CTRL + N – As usual to create a new document

Width –Height –

Resolution – 70 pixels/inch if web graphics– 300 – 340 pixels/inch if Print Graphics (this will slow down the performance of pc)

-

The Layers

Indian brain behind Adobe – Seetharaman Narayanan

Tasks given by Product Manager of Adobe to Seetharaman,

• Week 1 – Develop the Concept• Week 2 – Develop the Concept• Week 3 – Develop the Concept

Fooo Nothing Happened!

Seetharaman was fond of McD’s Burgers

“ I loved Mc.D Burgers like anything, It was thereason for me being fat. One day, I sat at Mc.D to have a burger, accidentally I derived the concept of Layers through Burgers”

The Layers

The Layers

#2 Rule

“ Whatever you do make it on

a new layer “

Layer Blending

Exercise #1

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #2The Scooby Dooby way

Components :

1. Wall Texture 2. The Sandy Texture

3. The Van Picture 4. Shaggy Running

Text Effects

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #3The Textual Effect

Components :

1. Exercise 2 2. Text Layer

Layer Properties

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #4Text to Cookie

Components :

1. Exercise 3 2. Effect to the Text Layer

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #5The Textual Effect

Components :

1. Exercise 4 2. Rectangle - Transformation

Exercise #6Playing with Transformations

1. Make a similar Text Effect with your name

Hint: Rotate, Scale options

Photo Editing

Hue/Saturation – Without Colorize

Hue/Saturation – With Colorize

Curves / Exposure/ Levels/ Brightness or Contrast

Curves / Exposure/ Levels/ Brightness or Contrast

Threshold

Exercise #7Fire Blast Optimus

1. Make an Explosion effect on Picture of Optimus

Hint: Gradient , Layer Blending, Curves, Hue/Saturation

The whole story of

SeetharamanNarayanan,

was a lie!

So What are you w8ing for?

Start Sacrificing!

58 x 58

Exercise #7

Resources•