ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

CGArt.bg 2012 г. официална документация. E-mail: contact@cgart.bg

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. Демонстрация на работа с iMindMap25. Упражнение - редакция на сториборд26. Упражнение - подготвяне на графики и фон за

презентации27. Демонстрация - различни видове видео компресия28. Демонстрация - връзка с Adobe After Effects

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видеоСъдържание на документацията

Типове файлове и възможности------------------------------------------------------------------------------------------------------• Векторни - 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

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

Контрол на шрифтовете и параграфите. Контрол на четките Избор на цветове

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

страница 3

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео01 Въведение - упражнение “Създаване на колаж с икони“

Стъпки на упражнението------------------------------------------------------------------------------------------------------• Размери на файла, пиксели и мерни единици• Начини за отваряне на няколко файла,

вмъкване на слоеве, прозрачност• Smart Layers - автоматично и ръчно

създаване от контекстното меню• Трансформации на слоеве, посочване и

копиране и групиране• Преливания на слоеве, плътност (Opacity)• Записване на PSD и JPG файлове, компресия

страница 4

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео01 Въведение - упражнение “Бързи селекции, маски и редакция“

Стъпки на упражнението------------------------------------------------------------------------------------------------------• Изолиране на обект от фона чрез

маскиране • Инструментите Magic Wand, Lasso,

Marquee• Редакция на селекцията и маската• Работа с Quick mask, добавяне и изваждане• Записване на селекция като Alpha канал• Записване на PNG файлове с прозрачност

страница 6

Начало

Край

Икони и теми------------------------------------------------------------------------------------------------------• 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

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видеоПомощни устройства

страница 8

Основни видове------------------------------------------------------------------------------------------------------• Таблети за рисуване с чувствителност на

натиск и посока на завъртане на писалката.• Калибратори за контрол на цветовете

между различни устройства - монитори, скенери и принтери.

Калибратор Spyder4 Pro

Таблет Wacom Intuos4

Работа с 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

Начало

Край

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

Преди

След

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

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

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 След

Преди

Стъпки на упражнението------------------------------------------------------------------------------------------------------• Отваряне на 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 След

Преди

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео02 Scans and Photos - работа с професионални цифроти фотоапарати

Стъпки на демонстрацията (видео)------------------------------------------------------------------------------------------------------• Основни преимущества на

професионалните цифрови апарати• Защо количеството на мегапиксели не е

най-важното• Различни обективи, качества• Скорост на блендата, ISO• Цветови баланс, фабрични и ръчни

настройки, баланс на бялото• Заснемане на видео

страница 14

Canon EOS 7D

Canon EOS 60D

Стъпки на демонстрацията (виж видео)------------------------------------------------------------------------------------------------------• Използване на софтуера за сканиране на

Epson в професионален режим.• Задаване на разделителна способност,

цветове• Автоматични филтри• Именуване на файловете

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео02 Scans and Photos - настройки за сканиране на изображение

страница 15

Скенер Epson Perfection V30

Изображенията онлайн------------------------------------------------------------------------------------------------------• Компресия и прозрачност• Цветови профили и браузъри

Подготовка на банери------------------------------------------------------------------------------------------------------• Размери на стандартни банери• Режими на визуализация на текстове

Редакция на готови темплейти------------------------------------------------------------------------------------------------------• Преглед на теми за Wordpress / Joomla• Преглед на теми за Zencart, онлайн магазини

Оформление на Newsletters------------------------------------------------------------------------------------------------------• Използване на готови темплейти на Mailchimp• Вкарване на графики

Брандиране на социални мрежи------------------------------------------------------------------------------------------------------• Facebook Timeline• Twitter• Youtube• Foursquare

Упражнение------------------------------------------------------------------------------------------------------• Редакция и запис на банери• Промяна на готов Wordpress темплейт• Промяна на поле в сайт (Facebook timeline)

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео03 Уеб графики - съдържание

страница 16

Стъпки на упражнението ------------------------------------------------------------------------------------------------------• Преглед на готови схеми с банери по

стандарта на BWA• Редакция на текстовете, Antialiasing • Запис чрез Save for Web & Devices• Преглед на анимиран банер, промяна на

времената• Запис на анимиран GIF файл

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео03 Уеб графики - редакция и запис на банери

страница 17

Кадър от анимиран банер

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

Стъпки на упражнението ------------------------------------------------------------------------------------------------------• Преглед на готови темплейти за Wordpress• Структура на файловете• “Нарязване” чрез Slice Tool• Запис чрез Save for Web & Devices

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео03 Уеб графики - промяна на темплейти

страница 18

Професионалните теми за Wordpress имат редица възможности за промяна на лога, цветове и шрифтове.

Дори един личен сайт може да има собствен темплейт.

Стандартни размери и формати------------------------------------------------------------------------------------------------------• Хартиени• Голямо форматни• Цветови профили и браузъри

Основни видове мастила, медии и технологии------------------------------------------------------------------------------------------------------• Работа в CMYK, цветови таблици• Основни видове хартия• Подготвителни процеси• Довършителни процеси - биговане, щанциране и

залепване, релеф• Специални ефекти при печат• Различни видове медии

Работа с шрифтове, редакция на текстове------------------------------------------------------------------------------------------------------• Избор на шрифт, кирилизация• Подравняване на параграфите, разстояния между

буквите

Създаване на презентационни материали------------------------------------------------------------------------------------------------------• Плакати и билборди• Флаери и покани• Визитки и брошури

Упражнения------------------------------------------------------------------------------------------------------• Създаване на визитка• Редакция на флаер и плакат

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео04 Печат - съдържание

страница 19

Стъпки на упражнението ------------------------------------------------------------------------------------------------------• Използване на Guides за подравняване• Вмъкване на растерно или векторно лого• Групиране на елементите на текста• Създаване на фон• Стилове за представяне на тектове

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео04 Печат - създаване на визитка

страница 20

При вертикална визитка, фона може да е голямо и разфокусирано копие на логото

Хоризонталната визитка предполага по-малко лого

Стъпки на упражнението ------------------------------------------------------------------------------------------------------• Използване на Guides за подравняване• Създаване на отражение• Двойна маска на папка• Използване на ефекти за представяне на

текстове• Подравняване на множество елементи с

равно разстояние между тях

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео04 Печат - редакция на флаер и плакат

страница 21

При създаване на плакат, първо трябва да имаме предвид размера за печат, за да съобразим размера на шрифтовете

В един флаер с А5 формат понякога трябва да се сложи много информация

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

Използване на мисловни карти------------------------------------------------------------------------------------------------------• Основни правила• Типови проекти - презентация, проект, видео, курс• Представяне на софтуера iMindMap• Редакция на карти в iMindMap

Създаване на сторибордове------------------------------------------------------------------------------------------------------• Правила за създаване на вертикален и хоризонтален

сториборд• Примери за видео, презентация

Графики за презентации------------------------------------------------------------------------------------------------------• Компресия, прозрачност и връзки• Особености при вмъкване в Powerpoint и Keynote• Работа с шрифтове и ефекти• Съвместимост

Упражнения и демонстрации------------------------------------------------------------------------------------------------------• Демонстрация на работа с iMindMap• Редакция на сториборд• Подготвяне на графики и фон за презентации• Различни видове видео компресия• Връзка с Adobe After Effects

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - съдържание

страница 22

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - работа с iMindMap

Стъпки на демонстрацията------------------------------------------------------------------------------------------------------• Преглед на създадени мисловни карти• Основни правила при създаването на карти• Работа със софтуера - създаване на

разклонения• Вмъкване на графики - икони, централна

картинка• Записване като PDF или PNG файл

страница 23

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - редакция на сториборд

Стъпки на упражнението------------------------------------------------------------------------------------------------------• Преглед на структурата - папки и слоеве• Размествана на кадрите (групите)• Правила за добавяне и премахване на кадри• Добавяне на маски за кадри

страница 24

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - подготвяне на графики и фон за презентация

Стъпки на упражнението------------------------------------------------------------------------------------------------------• Вмъкването на графиките в Powerpoint и

Keynote с Drag & Drop• Записа на отделните кадри от

презентацията като картинки• Преливане на еднороден фон• Разделяне на изображение между два слайда

чрез маски• Работа с текстове и шрифтове• Специални ефекти и прозрачност

страница 25

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - видео компресия

страница 26

Windows AVI формати------------------------------------------------------------------------------------------------------• Cinepak Codec• DivX• Xvid• Techsmith’s Ensharpen• Uncompressed

Quicktime MOV формати------------------------------------------------------------------------------------------------------• H.264• Mpeg4

Качване във видео сайтове------------------------------------------------------------------------------------------------------• Youtube • Vimeo• Vbox7

При разликата в компресията се вижда промяната на преливките, които при Cinepak кодека изглеждат зърнисти и са подходящи само за представяне на анимация по интернет.

Голямата компресия вкарва блокове при силните контрасти между небето и прозорците.

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео05 Видео и презентация - връзка с After Effects

Стъпки на демонстрацията (видео)------------------------------------------------------------------------------------------------------• Отваряне на Photoshop файл в After Effects• Особености на композицията, timeline• Контрол на времето• Запис на статичен кадър, запис на филм

страница 27

ADOBE PHOTOSHOP CS5обработка на изображения за уеб, печат и видео