35
Introduction to Adobe Photoshop - Balaji Asok Kumar Adober {

Introduction to Art of Pixel Graphic - Photoshop

Embed Size (px)

Citation preview

Page 1: Introduction to Art of Pixel Graphic - Photoshop

Introduction toAdobe Photoshop

- Balaji Asok Kumar

Adober{

Page 2: Introduction to Art of Pixel Graphic - Photoshop

Special Thanks to,

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

Jatin Sharmaa{

Page 3: Introduction to Art of Pixel Graphic - Photoshop

#1 Rule

“ Whatever you do with

Photoshop becomes an ART “

Page 4: Introduction to Art of Pixel Graphic - Photoshop

Indian brain behind Adobe

– Seetharaman Narayanan

Page 5: Introduction to Art of Pixel Graphic - Photoshop

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

Page 6: Introduction to Art of Pixel Graphic - Photoshop

The Goal

To help you develop, understand concepts behind Pixel

Graphics

Page 7: Introduction to Art of Pixel Graphic - Photoshop

So, Lets do it !

Page 8: Introduction to Art of Pixel Graphic - Photoshop

The User InterfaceThe User Interface

Page 9: Introduction to Art of Pixel Graphic - Photoshop

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)

-

Page 10: Introduction to Art of Pixel Graphic - Photoshop

The Layers

Page 11: Introduction to Art of Pixel Graphic - Photoshop

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

Page 12: Introduction to Art of Pixel Graphic - Photoshop

“ 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”

Page 13: Introduction to Art of Pixel Graphic - Photoshop

The Layers

Page 14: Introduction to Art of Pixel Graphic - Photoshop

The Layers

Page 15: Introduction to Art of Pixel Graphic - Photoshop

#2 Rule

“ Whatever you do make it on

a new layer “

Page 16: Introduction to Art of Pixel Graphic - Photoshop

Layer Blending

Page 17: Introduction to Art of Pixel Graphic - Photoshop

Exercise #1

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Page 18: Introduction to Art of Pixel Graphic - Photoshop

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

Page 19: Introduction to Art of Pixel Graphic - Photoshop

Text Effects

Page 20: Introduction to Art of Pixel Graphic - Photoshop

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #3The Textual Effect

Components :

1. Exercise 2 2. Text Layer

Page 21: Introduction to Art of Pixel Graphic - Photoshop

Layer Properties

Page 22: Introduction to Art of Pixel Graphic - Photoshop

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

Page 23: Introduction to Art of Pixel Graphic - Photoshop
Page 24: Introduction to Art of Pixel Graphic - Photoshop

Exercise #2

The Realistic wall

Components :

1. Wall Texture

2. Red Layer - #880a0a

Exercise #5The Textual Effect

Components :

1. Exercise 4 2. Rectangle - Transformation

Page 25: Introduction to Art of Pixel Graphic - Photoshop

Exercise #6Playing with Transformations

1. Make a similar Text Effect with your name

Hint: Rotate, Scale options

Page 26: Introduction to Art of Pixel Graphic - Photoshop

Photo Editing

Page 27: Introduction to Art of Pixel Graphic - Photoshop

Hue/Saturation – Without Colorize

Page 28: Introduction to Art of Pixel Graphic - Photoshop

Hue/Saturation – With Colorize

Page 29: Introduction to Art of Pixel Graphic - Photoshop

Curves / Exposure/ Levels/ Brightness or Contrast

Page 30: Introduction to Art of Pixel Graphic - Photoshop

Curves / Exposure/ Levels/ Brightness or Contrast

Page 31: Introduction to Art of Pixel Graphic - Photoshop

Threshold

Page 32: Introduction to Art of Pixel Graphic - Photoshop

Exercise #7Fire Blast Optimus

1. Make an Explosion effect on Picture of Optimus

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

Page 33: Introduction to Art of Pixel Graphic - Photoshop

The whole story of

SeetharamanNarayanan,

was a lie!

Page 34: Introduction to Art of Pixel Graphic - Photoshop

So What are you w8ing for?

Start Sacrificing!

58 x 58

Page 35: Introduction to Art of Pixel Graphic - Photoshop

Exercise #7

Resources•