Web — дизайн (базовый курс)

Программа курса:

Adobe Photoshop

Введение

Виды и форматы изображений. Особенности растровых изображений. Интерфейс программы. Рабочие области программы. Открытие и закрытие окон. Изменение размеров и разрешения изображения. Способы отмены действий. Сохранение файла.

Техника рисования.

Инструменты рисования. Выбор цвета. Настройки инструмента кисть. Создание новой кисти. Работа с карандашом, ластиком. Использование заливки и градиентных переходов.

Выделения областей изображения.

Инструмента выделения. Управление параметрами инструментов. Дополнение, вычитание и пересечение областей выделения. Действия с выделенной областью: масштабирование, поворот, искажения, деформации.

Работа с многослойным изображением.

Зачем нужны слои. Способы создания, перемещения и удаления слоев. Управление слоями с помощью палитры Слои. Связывание и объединения слоев.

Создание коллажей.

Основные этапы создания комбинированного изображения.

Текстовые слои.

Работа с инструментом текст. Применение эффектов к текстовым слоям: создание тени, имитация объемы, обводка контура, деформация.

Использование масок.

Быстрая маска, как один из способов выделения. Параметры быстрой маски. Маска слоя. Корректировка изображения с помощью маски слоя.

Фильтры.

Виды фильтров. Настройка параметров фильтров.

Векторные инструменты.

Рисование векторными инструментами. Работа с примитивами. Инструмент рисования – перо. Работа с узлами и направляющими.

Техника ретуширования.

Применение клонирующих инструментов для чистки и восстановления изображения. Коррекция области: изменения яркости и контрастности. Настройка черной и белой точки изображения.

Коррекция изображения.

Работа с цветовым балансом и тоновыми характеристиками изображения. Применение корректирующих слоев палитры Слои.

Теория цвета.

Цветовые режимы. Подготовка изображения к печати. Форматы изображений.

Adobe Illustrator

Введение.

Виды и форматы изображений. Особенности векторных изображений. Интерфейс программы. Рабочие области программы. Создание нового документа. Параметры страницы. Изменение размеров и разрешения изображения. Способы отмены действий. Сохранение файла.

Работа с объектами.

Изменение цвета заливки. Настройка обводки объекта. Методы рисования примитивов. Виды примитивов. Трансформирование объектов.

Инструмент перо.

Дополнительные инструменты рисования. Работа с узлами и направляющими.

Текст

Настройка параметров текста. Текст по пути. Текст, вписанный в объект. Параметры текстового поля.

Работа с палитрой Обработка контуров

Виды взаимодействия объектов. Инструменты деформации. Настройка параметров деформации.

Способы заливки объектов

Палитры: цвет, образцы. Создание и применение градиентной заливки. Работа с прозрачностью. Палитра Оформление. Создание узоров. Масштабирование готовых узоров. Применение инструмента переход.

Работа с сетчатым градиентом

Особенности инструмента сетчатый градиент. Настройки параметров. Работа с узлами и направляющими. Заливка цветом.

Кисти и символы

Применение и настройка готовых кистей и символов. Создание новых кистей и символов. Виды кистей.

Слои

Работа со слоями. Создание слоев и подслоев. Перемещение, выделение и удаление слоев и подслоев.

Работа с растровыми изображениями

Способы помещения растрового изображения в программу. Редактирование размеров. Перевод растрового изображения в векторное. Виды трассировок. Ручная векторизация изображения.

Создание объемных изображений

Методы создания объемного объекта: вытягивание и скос, вращение, поворот. Работа с параметрами объемного объекта.

Adobe Flash

Введение

Интерфейс программы. Рабочие области программы. Создание нового документа. Параметры рабочей области. Инструменты рисования и выделения: трансформация объекта, работа с цветом и контуром.

Анимация

Монтажная область: работа со слоями и кадрами. Виды анимации: покадровая анимация, анимация формы, анимация движения.

Символы. Движение объекта по заданной траектории

Понятие символ и экземпляр. Виды символов. Импорт символов из других документов. Работа с библиотекой. Создание направляющего и направляемого слоя. Вложенная анимация.

Работа с маской

Что такое маска. Создание маскирующего и маскируемого слоя.

Текст

Редактирование текста. Виды текста. Применение эффектов к тексту.

Работа со звуком

Импорт звуковых файлов в программу. Редактирование звуковой дорожки. Способы согласования звука и анимации.

Action Script 2.0.

Первое знакомство с Action Script 2.0.

Синтаксис языка Action Script 2.0. Палитра Действия. Типы сценариев. Действия с кадрами. Работа с кнопками.

Основы программной анимации.

Условные операторы и циклы. Работа с клипами. Изменение свойств объекта.

Программное управление звуком.

Функции, события и методы. Загрузка внешних звуковых файлов в ролик.

HTML

Создание HTML-документа. Структура HTML-документа. Безопасные цвета. Форматирование текста. Оформление текста и фона всей страницы. Стили форматирования цветов. Текстовые блоки.

Практика: создание простой текстовой HTML-странички.

Создание нумерованных и ненумерованных списков. Списки определений. Размещение на странице изображений. Взаиморасположение графических элементов и текста.

Практика: создание списков и вставка изображений в HTML-страничку.

Понятие ссылка. Обязательный формат ссылок в документе. Виды ссылок. Ссылки на объекты страниц. Ссылки изображений.

Практика: создание ссылок на HTML-страничке на другой HTML-документ.

Таблица как один из основных способов задания макета страницы. Формат таблицы. Задание размеров таблицы. Работа с ячейками. Создание таблицы с заголовком.

Практика: Создание пустой таблицы. Изменение фона текста в таблице. Создание первой страницы сайта с помощью таблицы.

Что такое формы. Основные типы элементов форм. Поля ввода. Текстовые поля. Поля для передачи файлов. Кнопки. Переключатели и флажки. Раскрывающиеся списки.

Практика: Создание анкеты.

CSS

Знакомство с CSS. Способы задания стилей. Типы селекторов. Единицы измерения для CSS. Изменение свойств шрифта.

Практика: создание внешнего файла CSS. Привязка его к html – документу. Форматирование текста.

Изменение цвета элементов страницы. Задание свойств текста.

Практика: Размещение изображений и дополнительное форматирование страниц.

Размеры, отступы и границы элементов. Отступы от границ блока до содержимого элемента. Создание и свойства рамки элемента. Жесткая верстка сайта. Отображение элементов. Видимость элемента. Перенос строк. Вид курсора. Маркеры списка.

Практика: Создание первой страницы сайта методом жесткой верстки.

Служебная информация сайта. Основные элементы разметки. Представления. Информация о содержимом страницы. Символьные элементы. Некоторые дополнительные теги форматирования текста.

Практика: Дополнение основной структуры html документа служебной информацией.

Использование мультимедиа на страницах сайта. Основные форматы аудио и видео файлов. Теги встраивания мультимедиа.

Практика: Размещение на странице сайта медиаплееры.

Представление сайта. Основные виды сайтов. Структура сайта. Основные принципы и структура World Wild Web. Понятие хостинг и домен. Размещение сайта в интернете.