adobe® photoshop® cs6 essentials adobe photoshop user interface ivan zhekov telerik software...

26
Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova http://academy.telerik.com/student-courses/web-design-and- ui/photoshop/about

Post on 29-Jan-2016

244 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Adobe® Photoshop® CS6Essentials

Adobe Photoshop User Interface

Ivan Zhekov

Telerik Software Academyacademy.telerik.com

Vanya Pavlova

http://academy.telerik.com/student-courses/web-design-and-

ui/photoshop/about

Page 2: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Table of ContentsPhotoshop ResourcesInterface

Workspace & Workflow

Tools Panel

Selecting & Displaying Tools

Managing Document Windows

Enter values in Panels, Boxes & Options Bar

2

Page 3: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Table of Contents 2

Arranging, Docking & Floating

Pan & Zoom – Hand & Magnifier

Rulers, Guides & Grid

Presets, Plug-ins & Preferences

Undo, History & Snapshots

Memory, Scratch Disks & Purging

Questions?

3

+

Page 4: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Table of Contents 3

Filters in Photoshop

File formats in Photoshop

Exporting layers to files

Questions?

4

Page 5: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Photoshop Resources

5

http://helpx.adobe.com/photoshop/archive.html

Page 6: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Default Photoshop Workspace

6

А - Tools panel

B – History panel

C - Color panel

D – Layers panel

E – Document tab

F - Menu bar

Page 7: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Tools Panel

7

Tools Panel

Overview

Page 8: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Selection, Crop & Slice Tools

8

Page 9: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Retouching Tools

9

Page 10: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Retouching Tools 2

10

Page 11: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Painting Tools

11

Page 12: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Drawing & Type Tools

12

Page 13: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Measuring , Navigation & Notes

13

Page 14: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Selecting & displaying Tools

A. Tools Panel

B. Active Tool

C. Hidden Tools

D.Tool Name

E. Tool Shortcut

14

A. Gripper Bar

B. Tool Tip

Page 15: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Managing Document Windows

15

Document Info

Multi-Document Order

Page 16: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Arranging, Docking & Floating

Expanded Panels

16

Panels collapsed

to icons and labels

Page 17: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Pan & Zoom – Hand & Magnifier

A. Panel Menu

B. Thumbnail Display

C. Proxy Preview

D.Zoom Text Box

E. Zoom Out

F. Zoom Slider

G.Zoom In 17

Window -> Navigator

Page 18: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Rulers, Guides & Grid

New Rulers Origin

View -> Show GridView -> RulersView -> Smart Guides

18

Drag a horizontal Ruler

Page 19: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Presets, Plug-ins & Preferences

A. Tool Preset Piker

B. Presets Library

C. Selected Tool only

19

Page 20: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Undo, History & Snapshots

A. Source for the History Brush

B. Thumbnail of a snapshot

C. History State

D.History State Slider

20

Page 21: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Memory, Scratch Disks & Purging

Performance Preferences - Edit -> Preferences -> Performance

21

Page 22: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Filters in Photoshop

22

Widely used for retouching, special effects and transformations. Applied to the active layers or selections.

Filter -> Filter Gallery

Page 23: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

23

.PSD (Photoshop Document)- the default format that Photoshop uses for saving data.

.JPEG (Joint Photographic Experts Group)- commonly used format for displaying photographs.

.PNG (Portable Network Graphics)

- file format for image compression .TIFF (Tagged Image File Format)

- commonly used format for exchanging bitmaps.

File formats in Photoshop

Page 24: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

24

File >> Scripts >> Export layers to files

Exporting Layers

Page 25: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезания

ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGap

free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно

?

? ? ??

?? ?

?

?

?

??

?

?

? ?

Questions?

?

Adobe Photoshop User Interface

http://academy.telerik.com

Page 26: Adobe® Photoshop® CS6 Essentials Adobe Photoshop User Interface Ivan Zhekov Telerik Software Academy academy.telerik.com Vanya Pavlova

Free Trainings @ Telerik Academy

"Web Design with HTML 5, CSS 3 and JavaScript" course @ Telerik Academy html5course.telerik.com

Telerik Software Academy academy.telerik.com

Telerik Academy @ Facebook facebook.com/TelerikAcademy

Telerik Software Academy Forums forums.academy.telerik.com