Introduction to Pixel Art with Photoshop

1. Introduction to
Adobe Photoshop
- Balaji Asok Kumar
Adober
{

2. Special Thanks to,
• The Mass hero
• The Dragon Warrior
• The Disco Fighter
Jatin Sharmaa
{

3. #1 Rule
“ Whatever you do with
Photoshop becomes an ART “

4. Indian brain behind Adobe
– Seetharaman Narayanan

5. 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

6. The Goal
To help you develop, understand concepts behind Pixel
Graphics

7. So, Lets do it !

8. The User Interface
The User Interface

9. New Document
CTRL + N – As usual to create a new document
Width – The User Interface
Height –
Resolution
The User Interface
– 70 pixels/inch if web graphics
– 300 – 340 pixels/inch if Print Graphics (this will slow down the performance of pc)
-

10. The Layers

11. 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

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

13. The Layers

14. The Layers

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

16. Layer Blending

17. Exercise #1
The Realistic wall
Components :
1. Wall Texture
2. Red Layer - #880a0a

18. Exercise #2
Exercise #2
The Scooby Dooby way
The Realistic wall
Components :
1. Wall Texture 2. The Sandy Texture
3. The Van Picture 4. Shaggy Running
Components :
1. Wall Texture
2. Red Layer - #880a0a

19. Text Effects

20. Exercise #2
The Realistic wall
Components :#3
Exercise
1. Textual Effect
The
Wall Texture
2. Red Layer - #880a0a
Components :
1. Exercise 2 2. Text Layer

21. Layer Properties

22. Exercise #2
The Realistic wall
Components :#4
Exercise
1. toWall Texture
Text Cookie
2. Red Layer - #880a0a
Components :
1. Exercise 3 2. Effect to the Text Layer

24. Exercise #2
The Realistic wall
Components :#5
Exercise
1. Textual Effect
The
Wall Texture
2. Red Layer - #880a0a
Components :
1. Exercise 4 2. Rectangle - Transformation

25. Exercise #6
Playing with Transformations
1. Make a similar Text Effect with your name
Hint: Rotate, Scale options

26. Photo Editing

27. Hue/Saturation – Without Colorize

28. Hue/Saturation – With Colorize

29. Curves / Exposure/ Levels/ Brightness or Contrast

30. Curves / Exposure/ Levels/ Brightness or Contrast

31. Threshold

32. Exercise #7
Fire Blast Optimus
1. Make an Explosion effect on Picture of Optimus
Hint: Gradient , Layer Blending, Curves, Hue/Saturation

33. The whole story
of
Seetharaman
Narayanan,
was a lie!

34. So What are you w8ing for?
Start Sacrificing!
58 x 58

35. Resources
•
•
•
Exercise #7
•
•