Дистанційний курс Adobe Photoshop для web-дизайну

Про програму
Розробка якісних графічних елементів для Web-сторінок (ефектних текстових написів, оригінальних панелей навігації, доречних фонових зображень і текстур), створення графічного макету Web-сторінки, його нарізка і оптимізація засобами Adobe Photoshop CS. Упевнене володіння графічним редактором Adobe Photoshop CS є однією з вимог, работадателямі, що пред’являються, до фахівців в області Web-дизайну.
Програма
Частина 1. Основи Photoshop
Урок 1. Інструменти виділення
Ми не випадково починаємо наш курс з вивчення інструментів виділення. Растрові зображення не мають об’єктів, тому від виділення залежить успішність подальшої роботи із зображеннями. Ви навчитеся правильно виділяти складні формою об’єкти, трансформувати і переміщати їх по зображенню.
Урок 2. Інструменти малювання
Цей урок присвячений елементам, безпосередньо не пов’язаним з виділеними областями. Проте інструменти малювання і заливки настільки широко застосовуються на всіх етапах обробки зображення, що їх просто необхідно розглянути якомога раніше. У уроці ми розглянемо такі інструменти як Brush (Кисть), Pencil (Олівець), Airbrush (Аерограф), а також інструменти для заливки Paint Bucket (Банка з фарбою) і Gradient (Градієнт), навчитеся створювати довільні градієнтні заливки.
Урок 3. Шари. Ефекти шаруючи
Цей урок є одним з найважливіших в курсі. Ви дізнаєтеся, як створювати шари в растровому зображенні, управляти ними, масштабувати, застосовувати до них різні ефекти.
В результаті виконання проекту ви навчитеся створювати ефекти відкидання тіні, свічення, обведення і рельєфу.
Урок 4. Канали і маски
Іноді в реальній роботі зустрічаються ситуації, коли одне і те ж виділення необхідно використовувати на різних етапах редагування зображення. Тому в Photoshop передбачена функція збереження виділення, після чого його можна буде завантажити і активізувати, провести з ним різні операції. Це збережене виділення називають маскою.
Інформація про яркостях пікселов зображення зберігається в каналі. Тому для півтонового зображення достатньо одного каналу, а для повнокольорового - як мінімум три.
У даному уроці ви розглянете прийоми роботи з каналами, збереження виділення в каналі у вигляді маски. В результаті проекту ви зробите стилізовану картинку.
Урок 5. Фільтри
Для обробки зображень в програмі використовують різні фільтри. Всі фільтри знижують деталювання і перетворюють фотографію на подібність малюнка. Кожен фільтр має свою область застосування. Одні підходять для обробки пейзажів, інші - для портретів, якісь фільтри добре виглядають на зображеннях з чітким контуром, якісь - на фотографії з контрастними квітами і деталями. Фільтри ефектів зібрані в групи, які ми розглянемо в цьому уроці. Деякі фільтри ви вивчите самостійно.
У проекті ви розглянете одне з чудових застосувань фільтрів - створення рамки навколо фотографій.
Частина 2. Photoshop для Web-дизайну
Урок 6. Оптимізація зображень
Починаючи з цього уроку ми розглядатимемо приклади застосування програми Photoshop в Web-дизайні. Одній з важливих операцій при підготовці графічних елементів для Web-сторінок є їх оптимізація, тобто пошук компромісу між якістю зображення і його розміром в кілобайтах.
У цьому уроці ми розглянемо особливості оптимізації двох форматів Web-графіки: GIF і JPEG. Познайомимося із зваженою оптимізацією. В результаті виконання самостійної роботи ви навчитеся найефективнішим чином оптимізувати зображення перед їх розміщенням на Web-сторінках.
Урок 7. Тонова і колірна корекція зображень
Старі фотоматеріали з часом відцвітають, на них обов’язково є дефекти (подряпини, плями). Любительські фотографії, зроблені дешевими апаратами, дуже часто мають “неправильні” кольори. У цьому уроці ви навчитеся навіть не дуже якісне зображення привести до професійного вигляду. Можливості Photoshop в плані поліпшення виду зображень дуже широкі. Якщо ж оригінал вже має хорошу якість, програма дозволить зробити його просто ідеальним.
В ході практичних завдань уроку ми з вами приводитимемо старі і (або) невдалі фотографії до професійного вигляду.
Урок 8. Техніка створення колажів
Колаж це з’єднання два або декількох ілюстрацій в одну композицію. Якість колажа визначається тим, наскільки реалістична буде що вийшли композиція. Складність створення колажів визначається прямокутною формою растрових зображень і наявністю у них фону. Тому в даному уроці ми розглянемо технологію створення фотоколажів.
Урок 9. Розробка графічних елементів для Web-сторінок
Одне зображення коштує тисяча слів, вірно? Ну, а зображення слова коштує мільйон, якщо мати на увазі збільшення гнучкості і розширення можливостей дизайну. Розробивши графічні текстові елементи за допомогою Photoshop, ви зможете створити чудовий текст для вашого сайту, обійшовши будь-які шрифтові обмеження браузеров. У цьому уроці ми розглянемо створення текстових написів для Web-сторінок і ефекти з ними.
Урок 10. Створення макету сторінки. Технологія нарізки зображень
Обговорюючи з потенційним клієнтом або намагаючись передати задум оформлення нового проекту, Web-дизайнер випробовує потребу в швидкому і в той же час могутньому інструменті створення чернеток Web-сторінок. У цьому уроці ми розглянемо використання програми Photoshop для створення макетів Web-сторінок, покажемо, як розрізати зображення на шматочки. Також продемостріруєм розміщення зображень в таблицях, що розрізають на шматочки, і переваги розрізання на шматочки.
В результаті виконання практичних завдань ви навчитеся створювати в програмі Photoshop подібні макети Web-сторінок.

Джерело: spb.rb-edu.ru

Статті по темі


0 Відгуків на “Дистанційний курс Adobe Photoshop для web-дизайну”


  1. Немає коментарів

Залишити відгук