SlideShare une entreprise Scribd logo
1  sur  23
Adobe Photoshop: Въведение
• Неоспорим лидер
• Обширен набор от инструменти и
опции
• За какво използваме Photoshop?
o Илюстрация
o Обработка на фотографии
o Колажи
o Създаване на интерфейс
o Анимация и 3D
Adobe Photoshop: Определение
• Графичен редактор на растерни
изображения
• Растер = bitmap (English) = решетка,
матрица
Пиксел. Концепция за пиксел
• Mалък правоъгълен елемент
• Най-малката единица в растерното
изображение
• ½px или ¼px не съществуват
• Всички пиксели са с един размер
• Подредени в колони и редове
• Всеки пиксел може да е различен цвят
Източници на пиксели
• Генериране на растерно изображение
• Създаване на растерно изображение
чрез дигитално устройство
o Фотоапарат
o Видеокамера
o Скенер
• Комбинация
Недостатъци на растера
o Всяка промяна на пиксели е финална
o Растерното изображение е едно цяло и не
може да се дели
o Пикселите не могат да се местят, могат
единствено да се оцветяват в друг цвят
o Малък брой пиксели = липса на
детайлност
o Голям брой пиксели = тежък файл
o Увеличаване на растера => по-лошо
качество
Инсталация на Adobe
Photoshop
• www.adobe.com
• Trial version = 30 дни
• Adobe Creative Cloud
• Adobe Photoshop CS6 / Creative Suite
• Интерфейс на различни езици
• Опции Install / Try
• License agreement => бутон Accept
• Въвеждане на сериен код => бутон Next
• Изберете директория за инсталация
• 32 Bit / 64 Bit опции според ОС
Инсталация на Adobe
Photoshop
=> Install
Интерфейс на Adobe
Photoshop
• Toolbar = Кутия с инструменти
• Program menu
• Option Bar = Лента с настройки
• Document window
• Palettes = Палитри / Панели
• Scroll Bars
Кутията с инструменти
• 65+ инструмента
• Групирани според
предназначението си
Меню с команди
• Групирани според функцията си
• Падащи менюта
• Подменюта
o Image => Mode => RGB
o Image => Adjustments =>Hue/Saturation
• Диалогов прозорец
o File =>New
• Панели
o Menu => Windows
Меню с команди
• Местене и комбиниране на панели
• Панелно меню => съдържа различни
команди
Keyboard shortcuts
• L
• Shift + L
• Menu => Edit => Keyboard shortcuts
Workspace / Работно поле
• Reset workspace-name
• New workspace
• Delete workspace
Работа с документи
• Създаване на нов документ
o Menu => File => New
o Резолюция => брой пиксели / 1 см
o Color mode / Цветен режим
o RGB => 8 Bit
o Advanced опции
• Отваряне на вече съществуващ
документ
• Запазване на файл => кратки, ясни
имена
• Затваряне на документ
Видове формати
• PSD
• TIFF
o Image Compression
• JPEG
o Jpeg
o Jpg
o Jpe
o Малък размер => по-лошо качество
Навигация на документа
• Име на документа
• Мащаб
• Цветови режим
• * - документът съдържа промени, които не
са запазени
• Rulers
• Команда Zoom: View=> Zoom In/Out
• Инструменти Zoom и Hand
o Scrubby zoom
o Rotate view tool
• Navigator панелът
Работа с повече от един
документ
• Window => Arrange
• Видове подреба
• New window for …
Инструменти за рисуване
• Brush / Четка => размазани ръбове
• Pencil / Молив => остри ръбове
• Опции и настройки
o Размер
o Твърдост
o Библиотеки => Brush Presets
o Опция за прозрачност
o Color overlay modes => Режими на
смесване на цветовете
Избор на цветове
• Foreground color
• Background color
• Цветен панел
o Системи цветове – RGB, CMYK, HSB, Lab
o Swatches панелът => работа с
библиотеки
o Color Picker => стойности на цветовете
Въпроси?

Contenu connexe

Tendances (16)

Comp graph
Comp graphComp graph
Comp graph
 
PhS - Урок 6
PhS - Урок 6PhS - Урок 6
PhS - Урок 6
 
Photoshop 1
Photoshop 1Photoshop 1
Photoshop 1
 
PhS - Урок 12
PhS - Урок 12PhS - Урок 12
PhS - Урок 12
 
Photoshop 4
Photoshop 4Photoshop 4
Photoshop 4
 
Урок 3 4 - layer blend modes and effects
Урок 3 4 - layer blend modes and effectsУрок 3 4 - layer blend modes and effects
Урок 3 4 - layer blend modes and effects
 
Photoshop 3
Photoshop 3Photoshop 3
Photoshop 3
 
Mask
MaskMask
Mask
 
Adobe photoshop cs3
Adobe photoshop cs3Adobe photoshop cs3
Adobe photoshop cs3
 
Kg 1
Kg 1Kg 1
Kg 1
 
PhS - Урок 7
PhS - Урок 7PhS - Урок 7
PhS - Урок 7
 
Gimp
GimpGimp
Gimp
 
Layers
LayersLayers
Layers
 
PhS - Урок 11
PhS - Урок 11PhS - Урок 11
PhS - Урок 11
 
Rasterisation
RasterisationRasterisation
Rasterisation
 
Rasterisation
RasterisationRasterisation
Rasterisation
 

En vedette

Введение
ВведениеВведение
ВведениеEd Solovey
 
теория на дизайна 1
теория на дизайна 1теория на дизайна 1
теория на дизайна 1RaynaITSTEP
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Leah Buley
 
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5RaynaITSTEP
 
теория на дизайна 3
теория на дизайна 3теория на дизайна 3
теория на дизайна 3RaynaITSTEP
 
теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2RaynaITSTEP
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Региональные проекты
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4RaynaITSTEP
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6RaynaITSTEP
 
Въведение
ВъведениеВъведение
ВъведениеRaynaITSTEP
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные изданияEd Solovey
 
Типографика. Введение
Типографика. Введение Типографика. Введение
Типографика. Введение Ed Solovey
 

En vedette (20)

Введение
ВведениеВведение
Введение
 
теория на дизайна 1
теория на дизайна 1теория на дизайна 1
теория на дизайна 1
 
презентация1. фотошоп слайды
презентация1. фотошоп слайдыпрезентация1. фотошоп слайды
презентация1. фотошоп слайды
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013
 
слои
слоислои
слои
 
Adobephotoshop2
Adobephotoshop2 Adobephotoshop2
Adobephotoshop2
 
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5
 
теория на дизайна 3
теория на дизайна 3теория на дизайна 3
теория на дизайна 3
 
теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2
 
1 ps pr
1 ps pr1 ps pr
1 ps pr
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?
 
Lekctr
LekctrLekctr
Lekctr
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6
 
Въведение
ВъведениеВъведение
Въведение
 
Cvetmod
CvetmodCvetmod
Cvetmod
 
Keith Hansen Night Owls
Keith Hansen   Night OwlsKeith Hansen   Night Owls
Keith Hansen Night Owls
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные издания
 
Типографика. Введение
Типографика. Введение Типографика. Введение
Типографика. Введение
 

Plus de RaynaITSTEP

Project management professional
Project management professionalProject management professional
Project management professionalRaynaITSTEP
 
Project management it step
Project management it stepProject management it step
Project management it stepRaynaITSTEP
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)RaynaITSTEP
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnosticsRaynaITSTEP
 
network security
network securitynetwork security
network securityRaynaITSTEP
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand driversRaynaITSTEP
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10RaynaITSTEP
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4RaynaITSTEP
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системиRaynaITSTEP
 
Android introduction
Android introductionAndroid introduction
Android introductionRaynaITSTEP
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2RaynaITSTEP
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеRaynaITSTEP
 

Plus de RaynaITSTEP (20)

Project management professional
Project management professionalProject management professional
Project management professional
 
Project management it step
Project management it stepProject management it step
Project management it step
 
Lean startup
Lean startupLean startup
Lean startup
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
 
DBT_3
DBT_3DBT_3
DBT_3
 
DBT_2
DBT_2DBT_2
DBT_2
 
DBT_1
DBT_1DBT_1
DBT_1
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnostics
 
network security
network securitynetwork security
network security
 
networking
networkingnetworking
networking
 
data security
data securitydata security
data security
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand drivers
 
boot process
boot process  boot process
boot process
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10
 
virtualization
virtualizationvirtualization
virtualization
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системи
 
Android introduction
Android introductionAndroid introduction
Android introduction
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - Обобщение
 

Photoshop Въведение

  • 1.
  • 2. Adobe Photoshop: Въведение • Неоспорим лидер • Обширен набор от инструменти и опции • За какво използваме Photoshop? o Илюстрация o Обработка на фотографии o Колажи o Създаване на интерфейс o Анимация и 3D
  • 3.
  • 4. Adobe Photoshop: Определение • Графичен редактор на растерни изображения • Растер = bitmap (English) = решетка, матрица
  • 5. Пиксел. Концепция за пиксел • Mалък правоъгълен елемент • Най-малката единица в растерното изображение • ½px или ¼px не съществуват • Всички пиксели са с един размер • Подредени в колони и редове • Всеки пиксел може да е различен цвят
  • 6.
  • 7. Източници на пиксели • Генериране на растерно изображение • Създаване на растерно изображение чрез дигитално устройство o Фотоапарат o Видеокамера o Скенер • Комбинация
  • 8.
  • 9. Недостатъци на растера o Всяка промяна на пиксели е финална o Растерното изображение е едно цяло и не може да се дели o Пикселите не могат да се местят, могат единствено да се оцветяват в друг цвят o Малък брой пиксели = липса на детайлност o Голям брой пиксели = тежък файл o Увеличаване на растера => по-лошо качество
  • 10. Инсталация на Adobe Photoshop • www.adobe.com • Trial version = 30 дни • Adobe Creative Cloud • Adobe Photoshop CS6 / Creative Suite • Интерфейс на различни езици • Опции Install / Try • License agreement => бутон Accept • Въвеждане на сериен код => бутон Next • Изберете директория за инсталация • 32 Bit / 64 Bit опции според ОС
  • 12. Интерфейс на Adobe Photoshop • Toolbar = Кутия с инструменти • Program menu • Option Bar = Лента с настройки • Document window • Palettes = Палитри / Панели • Scroll Bars
  • 13. Кутията с инструменти • 65+ инструмента • Групирани според предназначението си
  • 14. Меню с команди • Групирани според функцията си • Падащи менюта • Подменюта o Image => Mode => RGB o Image => Adjustments =>Hue/Saturation • Диалогов прозорец o File =>New • Панели o Menu => Windows
  • 15. Меню с команди • Местене и комбиниране на панели • Панелно меню => съдържа различни команди Keyboard shortcuts • L • Shift + L • Menu => Edit => Keyboard shortcuts
  • 16. Workspace / Работно поле • Reset workspace-name • New workspace • Delete workspace
  • 17. Работа с документи • Създаване на нов документ o Menu => File => New o Резолюция => брой пиксели / 1 см o Color mode / Цветен режим o RGB => 8 Bit o Advanced опции • Отваряне на вече съществуващ документ • Запазване на файл => кратки, ясни имена • Затваряне на документ
  • 18. Видове формати • PSD • TIFF o Image Compression • JPEG o Jpeg o Jpg o Jpe o Малък размер => по-лошо качество
  • 19. Навигация на документа • Име на документа • Мащаб • Цветови режим • * - документът съдържа промени, които не са запазени • Rulers • Команда Zoom: View=> Zoom In/Out • Инструменти Zoom и Hand o Scrubby zoom o Rotate view tool • Navigator панелът
  • 20. Работа с повече от един документ • Window => Arrange • Видове подреба • New window for …
  • 21. Инструменти за рисуване • Brush / Четка => размазани ръбове • Pencil / Молив => остри ръбове • Опции и настройки o Размер o Твърдост o Библиотеки => Brush Presets o Опция за прозрачност o Color overlay modes => Режими на смесване на цветовете
  • 22. Избор на цветове • Foreground color • Background color • Цветен панел o Системи цветове – RGB, CMYK, HSB, Lab o Swatches панелът => работа с библиотеки o Color Picker => стойности на цветовете