Разработка качественных графических элементов для 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-страниц.

Объем курса: 40 ак.ч.