1. ADOBE PHOTOSHOP CS5
обработка на изображения
за уеб, печат и видео
CGArt.bg 2012 г. официална документация. E-mail: contact@cgart.bg

2. 01 : Въведение
------------------------------------------------------------------------------------------------------
1. Въведение - съдържание
2. Интерфейс на програмата - основен
3. Интерфейс - панели
4. Упражнение - Създаване на колаж с икони
5. Упражнение - Бързи селекции, маски и редакция
6. Списък с полезни сайтове
7. Помощни устройства
02 : Сканиране, редакция на снимки
------------------------------------------------------------------------------------------------------
8. Scans and Photos - съдържание
9. Упражнение - почистване и маскиране на монограма
10. Упражнение - обработка на документ
11. Упражнение - ретуш на снимка от събитие
12. Упражнение - ретуш на портретна снимка
13. Демонстрация на използване на цифров фотоапарат
14. Демонстрация на работа със скенер
03 : Web графики
------------------------------------------------------------------------------------------------------
15. Web графики - съдържание
16. Брандиране на социални мрежи
17. Упражнение - редакция и запис на банери
18. Упражнение - редакция на готови темплейт файлове
19. Упражнение - промяна на Facebook Timeline
04 : Печатни графики и особености
------------------------------------------------------------------------------------------------------
20. Печатни графики - съдържание
21. Упражнение - създаване на визитка
22. Упражнение - редакция на флаер и плакат
05 : Брейнсторминг, презентации, видео
------------------------------------------------------------------------------------------------------
23. Видео и презентация - съдържание
24. Демонстрация на работа с iMindMap
25. Упражнение - редакция на сториборд
26. Упражнение - подготвяне на графики и фон за
презентации
27. Демонстрация - различни видове видео компресия
28. Демонстрация - връзка с Adobe After Effects
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
Съдържание на документацията

3. Типове файлове и възможности
------------------------------------------------------------------------------------------------------
• Векторни - EPS, AI, PDF
• Растерни - JPG, PNG, GIF, TIFF
• Прозрачност и алфа канали (PNG, TIFF)
• Цветови характеристики - RGB, CMYK
Слоеве, маски и селекции
------------------------------------------------------------------------------------------------------
• Създаване на нови слоеве
• Копиране на слоеве
• Видимост на слоевете
• Използване на Magic Wand, Quick Mask
• Добавяне на селекция като маска към слой
• Редакция на маски
• Групиране на слоеве
• Adjustment Layers и цветови корекции
Новости в последната версия (CS5)
------------------------------------------------------------------------------------------------------
• Функции на Smart Layers
• Подобрения на Spot Healing Brush
Връзка с други програми
------------------------------------------------------------------------------------------------------
• Adobe Illustrator
• Adobe After Effects
• Adobe Indesign
Упражнения
------------------------------------------------------------------------------------------------------
• Създаване на колаж с икони
• Бързи селекции, маски и редакция
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
01 Въведение - съдържание
страница 1

4. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
01 Въведение: Интерфейс на програмата
Избор на слой /
група
Character panel
Brush panel
Paragraph panel
Layer Transition
Layer Opacity
Smart Layer
Adjustment Layer
Layer Mask
Add Layer Mask
Layer Visibility
New Layer
Move Tool
Crop Tool
Brush Tool
Eraser Tool
Dodge / Burn /
Saturate Tool
Clone Stamp Tool
Type Tool
Switch Colors
Foreground /
Background Colors
Ruler
Отворени файлове
страница 2

5. Контрол на шрифтовете и параграфите. Контрол на четките Избор на цветове
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
01 Въведение: Интерфейс - основни панели
страница 3

7. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
01 Въведение - упражнение “Създаване на колаж с икони“
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Размери на файла, пиксели и мерни единици
• Начини за отваряне на няколко файла,
вмъкване на слоеве, прозрачност
• Smart Layers - автоматично и ръчно
създаване от контекстното меню
• Трансформации на слоеве, посочване и
копиране и групиране
• Преливания на слоеве, плътност (Opacity)
• Записване на PSD и JPG файлове, компресия
страница 4

8. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
01 Въведение - упражнение “Бързи селекции, маски и редакция“
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Изолиране на обект от фона чрез
маскиране
• Инструментите Magic Wand, Lasso,
Marquee
• Редакция на селекцията и маската
• Работа с Quick mask, добавяне и изваждане
• Записване на селекция като Alpha канал
• Записване на PNG файлове с прозрачност
страница 6
Начало
Край

9. Икони и теми
------------------------------------------------------------------------------------------------------
• iconspedia.com
• videohive.net - част от мрежата Envato
• themeforest.com - част от мрежата Envato
• elegantthemes.com - Wordpress теми
• freebiesbooth.com - безплатни картинки
• premiumpixels.com - безплатни картинки
Сток сайтове за снимки и илюстрации
------------------------------------------------------------------------------------------------------
• 123rf.com
• stockpodium.com
• photodune.net - част от мрежата Envato
• istockphoto.com
• shutterstock.com
Шрифтове и векторни емблеми
------------------------------------------------------------------------------------------------------
• whatthefont.com
• dafont.com
• brandsoftheworld.com
Уроци
------------------------------------------------------------------------------------------------------
• Itschool.bg
• lynda.com
• digitaltutors.com
• tutsplus.com
Креативност и презентации
------------------------------------------------------------------------------------------------------
• mindmapping.bg
• imindmap.com
• slides.bg
• slideshare.net
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
Полезни сайтове
страница 7

10. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
Помощни устройства
страница 8
Основни видове
------------------------------------------------------------------------------------------------------
• Таблети за рисуване с чувствителност на
натиск и посока на завъртане на писалката.
• Калибратори за контрол на цветовете
между различни устройства - монитори,
скенери и принтери.
Калибратор Spyder4 Pro
Таблет Wacom Intuos4

11. Работа с RAW и HDR снимки
------------------------------------------------------------------------------------------------------
• Отваряне и възможности на RAW формата
• Създаване на HDR снимки от няколко кадъра
Ефекти, инструменти и корекции
------------------------------------------------------------------------------------------------------
• Unsharpen Mask филтър за детайл и контраст
• Използване на Patch Tool за петна и бръчки
• Dodge Tool за изсветляване на очи и зъби
• Burn Tool за потъмняване и обем
• Добавяне на селекция като маска към слой
• Редакция на маски
• Adjustment Layers - Levels, Brightness & Contrast
• Връщане на реализма
Допълнителни примери - демонстрация
------------------------------------------------------------------------------------------------------
• Сканиране на изображение и особености
• Работа с професионални цифрови фотоапарати
Упражнения
------------------------------------------------------------------------------------------------------
• Почистване и маскиране на монограма
• Почистване на документ
• Корекция и ретуш на снимка от събитие
• Ретуш на портретна снимка
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - съдържание
страница 9

12. Начало
Край
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - почистване и маскиране на монограма
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Подравняване на хоризонталите чрез
Measure Tool / Image / Rotate / Arbitrary
• Правоъгълна селекция на избраната
монограма с Marquee Tool
• Image - Crop
• Селекция на бялото, Selection - Color Range
• Копиране фоновия слой (Background) с Ctrl+J
• Създаване на маска на новия слой със
селекцията
• Цветова корекция с Adjustment Layers /
Levels
• Използване на Clone Stamp Tool за
премахване на белите точки
• Увеличаване на контраста с Dodge и Burn
• Използване на червен фонов слой като
проверка на прозрачността
• Записване като PNG файл с прозрачност
страница 10

13. Преди
След
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - обработка на документ
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Използване на Measure Tool за ъгли
• Завъртане на канавата (canvas) чрез
Image / Image Rotation / Arbitrary
• Цветова корекция с Adjustment Layers /
Levels
• Използване на Clone Stamp Tool
• Увеличаване на контраста с Dodge и Burn
• Използване на Crop
• Записване като PNG файл
страница 11

14. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - обработка на снимка от събитие
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Отваряне на RAW (CR2) файл с настройка
на светлината, цветовата температура и
контраста на детайлите
• Корекция на тъмните и светли части чрез
Image - Adjustments - Shadows/Highlights
• Цветова корекция с нови Adjustment Layers /
Levels, Photo Filter, Hue / Saturation
• Използване на Spot Healing Tool за
премахване на дефекти
• Корекция на екрани
• Премахване на обекти и дефекти
• Записване като JPG файл
страница 12
След
Преди

15. Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Отваряне на RAW (CR2) файл с настройка
на светлината, цветовата температура и
контраста на детайлите
• Копиране на Background слоя, като Retouch,
за да работим в нов, самостоятелен слой
• Корекция на тъмните части чрез Image -
Adjustments - Shadows/Highlights
• Цветова корекция с нови Adjustment Layers /
Levels, Brightness& Contrast, Hue / Saturation
• Използване на Healing Brush Tool за
премахване на коса и дефекти
• Премахване на бръчки и изглаждане на
кожата с Patch Tool
• Избелване на зъбите и очите с Dodge Tool и
Sponge (Desaturate)
• Избистряне на зениците и контраст на
миглите със Sharpen Tool
• Връщане на % от реалността с Opacity на
Retouch слоя
• Записване като JPG файл
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - ретуш на портрет
страница 13
След
Преди

16. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - работа с професионални цифроти фотоапарати
Стъпки на демонстрацията (видео)
------------------------------------------------------------------------------------------------------
• Основни преимущества на
професионалните цифрови апарати
• Защо количеството на мегапиксели не е
най-важното
• Различни обективи, качества
• Скорост на блендата, ISO
• Цветови баланс, фабрични и ръчни
настройки, баланс на бялото
• Заснемане на видео
страница 14
Canon EOS 7D
Canon EOS 60D

17. Стъпки на демонстрацията (виж видео)
------------------------------------------------------------------------------------------------------
• Използване на софтуера за сканиране на
Epson в професионален режим.
• Задаване на разделителна способност,
цветове
• Автоматични филтри
• Именуване на файловете
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
02 Scans and Photos - настройки за сканиране на изображение
страница 15
Скенер Epson Perfection V30

18. Изображенията онлайн
------------------------------------------------------------------------------------------------------
• Компресия и прозрачност
• Цветови профили и браузъри
Подготовка на банери
------------------------------------------------------------------------------------------------------
• Размери на стандартни банери
• Режими на визуализация на текстове
Редакция на готови темплейти
------------------------------------------------------------------------------------------------------
• Преглед на теми за Wordpress / Joomla
• Преглед на теми за Zencart, онлайн магазини
Оформление на Newsletters
------------------------------------------------------------------------------------------------------
• Използване на готови темплейти на Mailchimp
• Вкарване на графики
Брандиране на социални мрежи
------------------------------------------------------------------------------------------------------
• Facebook Timeline
• Twitter
• Youtube
• Foursquare
Упражнение
------------------------------------------------------------------------------------------------------
• Редакция и запис на банери
• Промяна на готов Wordpress темплейт
• Промяна на поле в сайт (Facebook timeline)
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
03 Уеб графики - съдържание
страница 16

19. Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Преглед на готови схеми с банери по
стандарта на BWA
• Редакция на текстовете, Antialiasing
• Запис чрез Save for Web & Devices
• Преглед на анимиран банер, промяна на
времената
• Запис на анимиран GIF файл
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
03 Уеб графики - редакция и запис на банери
страница 17
Кадър от анимиран банер

20. Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Преглед на готови темплейти за Wordpress
• Структура на файловете
• “Нарязване” чрез Slice Tool
• Запис чрез Save for Web & Devices
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
03 Уеб графики - промяна на темплейти
страница 18
Професионалните теми за Wordpress имат редица
възможности за промяна на лога, цветове и шрифтове.
Дори един личен сайт може да има собствен темплейт.

21. Стандартни размери и формати
------------------------------------------------------------------------------------------------------
• Хартиени
• Голямо форматни
• Цветови профили и браузъри
Основни видове мастила, медии и технологии
------------------------------------------------------------------------------------------------------
• Работа в CMYK, цветови таблици
• Основни видове хартия
• Подготвителни процеси
• Довършителни процеси - биговане, щанциране и
залепване, релеф
• Специални ефекти при печат
• Различни видове медии
Работа с шрифтове, редакция на текстове
------------------------------------------------------------------------------------------------------
• Избор на шрифт, кирилизация
• Подравняване на параграфите, разстояния между
буквите
Създаване на презентационни материали
------------------------------------------------------------------------------------------------------
• Плакати и билборди
• Флаери и покани
• Визитки и брошури
Упражнения
------------------------------------------------------------------------------------------------------
• Създаване на визитка
• Редакция на флаер и плакат
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
04 Печат - съдържание
страница 19

22. Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Използване на Guides за подравняване
• Вмъкване на растерно или векторно лого
• Групиране на елементите на текста
• Създаване на фон
• Стилове за представяне на тектове
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
04 Печат - създаване на визитка
страница 20
При вертикална визитка, фона може да е голямо и
разфокусирано копие на логото
Хоризонталната визитка предполага
по-малко лого

23. Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Използване на Guides за подравняване
• Създаване на отражение
• Двойна маска на папка
• Използване на ефекти за представяне на
текстове
• Подравняване на множество елементи с
равно разстояние между тях
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
04 Печат - редакция на флаер и плакат
страница 21
При създаване на плакат, първо трябва
да имаме предвид размера за печат, за да
съобразим размера на шрифтовете
В един флаер с А5 формат понякога трябва да се
сложи много информация

24. Използване на мисловни карти
------------------------------------------------------------------------------------------------------
• Основни правила
• Типови проекти - презентация, проект, видео, курс
• Представяне на софтуера iMindMap
• Редакция на карти в iMindMap
Създаване на сторибордове
------------------------------------------------------------------------------------------------------
• Правила за създаване на вертикален и хоризонтален
сториборд
• Примери за видео, презентация
Графики за презентации
------------------------------------------------------------------------------------------------------
• Компресия, прозрачност и връзки
• Особености при вмъкване в Powerpoint и Keynote
• Работа с шрифтове и ефекти
• Съвместимост
Упражнения и демонстрации
------------------------------------------------------------------------------------------------------
• Демонстрация на работа с iMindMap
• Редакция на сториборд
• Подготвяне на графики и фон за презентации
• Различни видове видео компресия
• Връзка с Adobe After Effects
ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - съдържание
страница 22

25. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - работа с iMindMap
Стъпки на демонстрацията
------------------------------------------------------------------------------------------------------
• Преглед на създадени мисловни карти
• Основни правила при създаването на карти
• Работа със софтуера - създаване на
разклонения
• Вмъкване на графики - икони, централна
картинка
• Записване като PDF или PNG файл
страница 23

26. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - редакция на сториборд
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Преглед на структурата - папки и слоеве
• Размествана на кадрите (групите)
• Правила за добавяне и премахване на кадри
• Добавяне на маски за кадри
страница 24

27. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - подготвяне на графики и фон за презентация
Стъпки на упражнението
------------------------------------------------------------------------------------------------------
• Вмъкването на графиките в Powerpoint и
Keynote с Drag & Drop
• Записа на отделните кадри от
презентацията като картинки
• Преливане на еднороден фон
• Разделяне на изображение между два слайда
чрез маски
• Работа с текстове и шрифтове
• Специални ефекти и прозрачност
страница 25

28. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - видео компресия
страница 26
Windows AVI формати
------------------------------------------------------------------------------------------------------
• Cinepak Codec
• DivX
• Xvid
• Techsmith’s Ensharpen
• Uncompressed
Quicktime MOV формати
------------------------------------------------------------------------------------------------------
• H.264
• Mpeg4
Качване във видео сайтове
------------------------------------------------------------------------------------------------------
• Youtube
• Vimeo
• Vbox7
При разликата в
компресията се вижда
промяната на преливките,
които при Cinepak кодека
изглеждат зърнисти и
са подходящи само за
представяне на анимация
по интернет.
Голямата компресия вкарва
блокове при силните контрасти
между небето и прозорците.

29. ADOBE PHOTOSHOP CS5
обработка на изображения за уеб, печат и видео
05 Видео и презентация - връзка с After Effects
Стъпки на демонстрацията (видео)
------------------------------------------------------------------------------------------------------
• Отваряне на Photoshop файл в After Effects
• Особености на композицията, timeline
• Контрол на времето
• Запис на статичен кадър, запис на филм
страница 27