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. Концепція хостинг та домен. Розміщення сайту в Інтернеті.