introduction to pixel art with photoshop
Post on 11-Jun-2015
883 Views
Preview:
DESCRIPTION
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 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
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 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)
-
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 Texture2. Red Layer - #880a0a
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
Text Effects
Exercise #2
The Realistic wall
Components :1. Wall Texture2. Red Layer - #880a0a
Exercise #3The Textual Effect
Components :1. Exercise 2 2. Text Layer
Layer Properties
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
Transformation Effects
Exercise #2
The Realistic wall
Components :1. Wall Texture2. 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
Seetharaman Narayanan,
was a lie!
So What are you w8ing for?
Start Sacrificing!
58 x 58
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)
top related