35
Introduction to Adobe Photoshop - Balaji Asok Kumar Adober {

Introduction to Pixel Art with Photoshop

Embed Size (px)

DESCRIPTION

Introduction to Pixel Art with Photoshop

Citation preview

Page 1: Introduction to Pixel Art with Photoshop

Introduction toAdobe Photoshop

- Balaji Asok Kumar

Adober {

Page 2: Introduction to Pixel Art with Photoshop

Special Thanks to,

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

Jatin Sharmaa

{

Page 3: Introduction to Pixel Art with Photoshop

#1 Rule“ Whatever you do

with Photoshop becomes an ART “

Page 4: Introduction to Pixel Art with Photoshop

Indian brain behind Adobe – Seetharaman Narayanan

Page 5: Introduction to Pixel Art with Photoshop

The Plan The Dots

1. The User Interface2. Concepts of Layers

1. Exercise 1 – the wall2. Exercise 2 to 5 – Scooby Doo3. Exercise 6 – Transformations

3. Photo Editing4. Exercise 7 – Fire Blast

Optimus Prime

Page 6: Introduction to Pixel Art with Photoshop

The Goal

To help you develop, understand concepts behind Pixel Graphics

Page 7: Introduction to Pixel Art with Photoshop

So, Lets do it !

Page 8: Introduction to Pixel Art with Photoshop

The User InterfaceThe User Interface

Page 9: Introduction to Pixel Art with Photoshop

The User Interface

The User Interface

New DocumentCTRL + 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 Pixel Art with Photoshop

The Layers

Page 11: Introduction to Pixel Art with 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 Pixel Art with 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 Pixel Art with Photoshop

The Layers

Page 14: Introduction to Pixel Art with Photoshop

The Layers

Page 15: Introduction to Pixel Art with Photoshop

#2 Rule“ Whatever you do make it on a new

layer “

Page 16: Introduction to Pixel Art with Photoshop

Layer Blending

Page 17: Introduction to Pixel Art with Photoshop

Exercise #1

The Realistic wall

Components :1. Wall Texture2. Red Layer - #880a0a

Page 18: Introduction to Pixel Art with Photoshop

Exercise #2

The Realistic wall

Components :1. Wall Texture2. Red Layer - #880a0a

Exercise #2The Scooby Dooby way

Components :1. Wall Texture 2. The Sandy Texture3. The Van Picture 4. Shaggy Running

Page 19: Introduction to Pixel Art with Photoshop

Text Effects

Page 20: Introduction to Pixel Art with Photoshop

Exercise #2

The Realistic wall

Components :1. Wall Texture2. Red Layer - #880a0a

Exercise #3The Textual Effect

Components :1. Exercise 2 2. Text Layer

Page 21: Introduction to Pixel Art with Photoshop

Layer Properties

Page 22: Introduction to Pixel Art with Photoshop

Exercise #2

The Realistic wall

Components :1. Wall Texture2. Red Layer - #880a0a

Exercise #4Text to Cookie

Components :1. Exercise 3 2. Effect to the Text Layer

Page 23: Introduction to Pixel Art with Photoshop

Transformation Effects

Page 24: Introduction to Pixel Art with Photoshop

Exercise #2

The Realistic wall

Components :1. Wall Texture2. Red Layer - #880a0a

Exercise #5The Textual Effect

Components :1. Exercise 4 2. Rectangle - Transformation

Page 25: Introduction to Pixel Art with Photoshop

Exercise #6Playing with Transformations

1. Make a similar Text Effect with your name

Hint: Rotate, Scale options

Page 26: Introduction to Pixel Art with Photoshop

Photo Editing

Page 27: Introduction to Pixel Art with Photoshop

Hue/Saturation – Without Colorize

Page 28: Introduction to Pixel Art with Photoshop

Hue/Saturation – With Colorize

Page 29: Introduction to Pixel Art with Photoshop

Curves / Exposure/ Levels/ Brightness or Contrast

Page 30: Introduction to Pixel Art with Photoshop

Curves / Exposure/ Levels/ Brightness or Contrast

Page 31: Introduction to Pixel Art with Photoshop

Threshold

Page 32: Introduction to Pixel Art with 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 Pixel Art with Photoshop

The whole story of

Seetharaman Narayanan,

was a lie!

Page 34: Introduction to Pixel Art with Photoshop

So What are you w8ing for?

Start Sacrificing!

58 x 58

Page 35: Introduction to Pixel Art with Photoshop

Exercise #7

Resources• www.thepri.org – My Book on Web Designing – Cool ++• www.tutvid.com – Video tut site on PS• www.psd.tutsplus.com – A Photoshop Blog

Paid (free for us { lolz we r in India}:P - Rapidshare/Torrentz)

• Lynda.com – Search for Lynda tutorials (Professional ++)• Kelby Tutorials - Search for Kelby tutorials (The best)