Кіл-сть ак.год . 24
Час любий індивідуально
Строк навчання 3 місяця
Цена 5400,00 грн
Після закінчення курсу диплом 
Програма курсу "Графічний дизайн та Web-дизайн для школярів"
Графіка в Adobe Photoshop – 6 занятть по 2 академічні години
Тема 1. Введення у курс графіки в курсі "Графічний дизайн та Web-дизайн для школярів"
• Що таке графіка та хто такі дизайнери?
• Застосування комп'ютерної графіки. графічні редактори. Векторна та растрова графіка.
• Ознайомлення з програмою Adobe PhotoShop. Призначення та склад програми
• Поняття «растрове зображення». Особливості, параметри та формати растрових зображень.
• Налаштування інтерфейсу програми. Поняття "робочий простір" (workspace). Персоналізація робочого простору.
• Відкриття та закриття файлів.
• Створення нового зображення.
• Способи скасування виконаних дій.
• Кадрування зображень.
Тема 2. Створення багатошарових колажів
• Огляд способів виділення областей зображення. Інструменти локального виділення: призначення інструментів, налаштування параметрів
• Прийоми виділення областей складної форми. Особливості Adobe PhotoShop
• Модифікація форми виділення. Доповнення, віднімання та перетин областей виділення. Розтушовування кордону області
• Дії з виділеною областю: переміщення, дублювання, масштабування, поворот, викривлення виділеної області
• Навіщо потрібні шари
• Способи створення шару. Робота із шарами. Параметри шару.
• Керування шарами за допомогою панелі "Layers".
• Особливості роботи із багатошаровим зображенням.
• Збереження багатошарового файлу.
• Виділення та зв'язування кількох шарів. Трансформація вмісту шару.
• Операції із шарами.
• Злиття шарів.
Результат заняття – багатошаровий колаж із простих об'єктів.
Тема 3. Макети із застосуванням тексту в курсі "Графічний дизайн та Web-дизайн для школярів"
• Угруповання
• Текстові шари
• Робота з текстом у Adobe PhotoShop. Растрування текстового шару
• Спецефекти на шарах: створення тіні, ореолу, імітація рельєфу
• Створення монтажу на основі кількох зображень
Тема 4. Техніка малювання в Adobe PhotoShop в курсі "Графічний дизайн та Web-дизайн для школярів"
• Інструменти для вільного малювання. Використання кистей, аерографа, олівця, гумка
• Вибір кольору пензля. Колірні моделі. Палітра Swatch.
• Вибір форми пензля. Підключення бібліотек пензлів. Створення нового пензля
• Вибір параметрів пензля. Непрозорість, режими накладання.
• Зафарбовування областей
• Створення градієнтних переходів та візерунків (pattern)
Тема 5. Ретуш та корекція фото в курсі "Графічний дизайн та Web-дизайн для школярів"
• Команди тонової та колірної корекції
• Використання коригувальних шарів
• Використання тонових кривих (Curves)
• Чищення та відновлення деталей зображення за допомогою інструментів “Clone Stamp”, “Spot Healing Brush”, “Healing Brush” та “Patch Tool”. Налаштування джерел для клонування
• Використання інструменту “History Brush”
• Видалення локальних спотворень («червоні очі»)
• Використання інструментів корекції зображення.
Тема 6. Маски для професійної роботи в Adobe Photoshop
• Швидка маска
• Маска шару. Використання маски шару для складного багатошарового монтажу
• Заливальні шари
• Маскування складних об'єктів частинами, з поєднанням різних методів
• Відсікаючі маски.
Тема 7. Векторні можливості Adobe Photoshop
• Структура векторного контуру (кривий Безьє)
• Типи векторних об'єктів, які використовуються у Photoshop, їх призначення
• Використання інструменту Перо для викреслення контурів
• Опис панелі Path
• Створення та редагування шарів векторних фігур (Shape Layers)
• Створення складових фігур. Використання стилів шарів стосовно шарів фігур
• Використання контурів для точного виділення об'єктів. Створення та використання відсічних контурів (Clipping path)
• Формування художніх ефектів тексту.
Тема 8. Смарт-об'єкти та фільтри в курсі "Графічний дизайн та Web-дизайн для школярів"
• Концепція смарт-об'єкт. Переваги смарт-об'єктів
• Фільтри. Розмиття
• Фільтри. Шум
• Фільтри художніх ефектів.
• Підвищення різкості
• Фільтр liquify
Тема 9. Фреймова анімація в Adobe Photoshop
• Огляд видів растрових зображень.
• Створення gif-файлів (рухомі картинок)
Графіка в Adobe Illustrator – 6 зан по 2 академічні години
Тема 1. Введення у векторну графіку. Основи роботи з програмою в курсі "Графічний дизайн та Web-дизайн для школярів"
• Програма Adobe Illustrator: склад, особливості, використання у поліграфії та Internet.
• Типи документів в Ілюстраторі. Створення нового документа.
• Налаштування програмного інтерфейсу. Збереження та редагування робочого простору програми.
• Малювання за допомогою стандартних об'єктів (графічних примітивів).
• Виділення та перетворення об'єктів. Інструменти виділення.
• Керування масштабом перегляду об'єктів. Режими перегляду документів.
• Переміщення об'єктів у стосі. Угруповання. Вирівнювання та розподіл.
• Перший логотип.
Тема 2. Вправи із пером. Типи заливок. Використання напрямних , сіток та міток для точного планування малюнка
• Малювання та редагування об'єктів довільної форми.
• Криві Без'ї.
• Редагування форми об'єктів за точками. Робота з точками із Control Palette.
• Навички роботи з контурами.
• Вправи із пером.
• Типи заливок.
• Застосування фільтрів, що спотворюють, до елементів малюнка.
• Використання розмітки документа для точного розташування зображення.
• Управління розміткою. Лінійки. Напрямні. Сітка.
• «Розумні» напрямні. Створення напрямної з об'єкта.
• Налаштування елементів розмітки.
• Практична робота: Малювання логотипів.
Тема 3. Малювання складних об'єктів. Використання розмітки в курсі "Графічний дизайн та Web-дизайн для школярів"
• Використання логічних операцій на малювання об'єктів складної форми.
• Інструменти групи інтерактивне заливання
• З'єднання контурів об'єктів. Поділ об'єктів. Фігурне обрізання.
• Застосування фільтрів, що спотворюють, до елементів малюнка.
• Практична робота: Малювання візерунків.
Тема 4. Робота із кольором. Способи фарбування об'єктів в курсі "Графічний дизайн та Web-дизайн для школярів"
• Способи фарбування об'єктів. Редагування та підбір кольору.
• Формування власного каталогу кольорів. Використовуйте панель Color Guide для вибору кольору. Створення груп кольорів.
• Створення, застосування та редагування складних заливок візерунків та градієнтів.
• Копіювання кольору. Способи виділення об'єктів із однаковими атрибутами.
• Використання об'єкта градієнтної сітки. Обмеження під час роботи з сітками.
• Система керування кольором в Ілюстраторі. Використання колірних профілів.
• Практична робота: Малювання векторного кліпарта.
Тема 5. Робота з текстом в курсі "Графічний дизайн та Web-дизайн для школярів"
• Методи введення тексту. Інструменти та палітри для роботи з текстом.
• Введення, редагування та форматування тексту.
• Розміщення тексту вздовж кривої. Редагування кривої.
• Створення текстових блоків. Робота з блоковим текстом.
• Пов'язані блоки. Налаштування параметрів обтікання тексту.
• Імпорт тексту з інших програм. Переклад тексту в контури.
• Роль тексту у дизайні.
• Практична робота: Розробка візитки. "Малюємо текстом".
Тема 6. Створення складних зображень за допомогою спеціальних об'єктів програми
• Використання пензлів для створення складних обведень. Створення власного пензля. Редагування пензлів.
• Застосування масок для обрізання малюнка. Налаштування маски.
• Присвоєння об'єкту кількох обведень та заливок.
• Ефекти ілюстратора. Їхня відмінність від фільтрів. Графічний стиль.
• Використання ефектів малювання тривимірних об'єктів. Перетворення ефектів. Параметри растрування ефектів.
• Налаштування прозорості об'єкта. Режими накладання кольорів. Маска прозорості.
• Перетворення прозорості. Попередній перегляд результатів перетворення.
• Практична робота: створення рекламного блоку.
Тема 7. Робота з оболонками. Переходи. Ластики в курсі "Графічний дизайн та Web-дизайн для школярів"
• Використання оболонок для деформації малюнка. Створення оболонки із об'єкта. Перетворення оболонки.
• Перетікання об'єктів. Розміщення групи перетікання на траєкторії. Налаштування параметрів перетікання.
• Практична робота: створення колажу.
• Розміщення об'єктів на шарах. Налаштування параметрів шару. Використання шарів блокування частин малюнка.
• Практична робота: створення етикетки.
Тема 8. Робота з растровими зображеннями
• Способи перенесення растрових малюнків до Ілюстратора. Пов'язані та впроваджені зображення.
• Використання панелі Links для роботи з імпортованими малюнками.
• Редагування растрових зображень.
• Маскування. Застосування фільтрів до растрової картинки. Тонування малюнків.
• Трасування растрового зображення. Налаштування параметрів трасування. Створення заготовок для трасування.
• Використання інструментів Live Paint Bucket та Live Paint Selection для обробки трасованих зображень.
• Практична робота: Інфографіка.
Підсумкова робота: Розробка обкладинки улюбленої книги.
Програмування та верстка сайту – 12 занять
Тема 1. Заняття 1. Перший крок, з якого починається побудова сайту
• Визначення з тематикою сайту та цільовою групою. Підбір ключових слів, назви, мета-тегів та копірайтинг.
• Зареєструватися на yandex.ua та https://accounts.google.com (gmail)
• Підбір ключових слів для свого сайту – за допомогою сервісів http://wordstat.yandex.ua/ та https://adwords.google.ru/KeywordPlanner
• Аналіз конкурентів
• Поняття гіпертекстових документів та веб-сайтів. Класифікація веб-сайтів.
• Різні типи веб-сайтів, їх призначення та використання. Типи гіпертекстових документів (web-сторінок), їх відмінності та подібності.
• Розміщення та зберігання web-сторінки та сайти. Поняття web-сервера та принципи його роботи з користувачем.
• Розробка структури та етапи побудови веб-сайту.
• Розпочинаємо розробку макету сайту у програмі Photoshop.
Тема 2. Макет сайту в курсі "Графічний дизайн та Web-дизайн для школярів"
Поняття про «піксельний» розмір документа.
Розмітка майбутнього сайту.
Використовуючи раніше отримані знання, створюємо візуальний макет сайту для різних гаджетів.
Тема 3. HTML5 основи
• Перші кроки в HTML5. Перші теги у «Блокноті»
• Що таке тег? Типи тегів. Теги - header, nav, section, article, aside, footer та ін.
• Вступ до Sublime Text 3. Вивчення інтерфейсу та робочого простору Sublime Text 3
• Встановлення плагінів
• HTML5 структура сторінки
• Що таке тег? Типи тегів. Теги - header, nav, section, article, aside, footer та ін.
Тема 4. СSS3 основи
• Використання CSS3 на веб-сторінках, способи встановлення стилів та оформлення окремих елементів.
• CSS - внутрішні стилі глобальні або вбудовані зовнішні або пов'язані
• Визначення класів та ідентифікаторів
• CSS-селектори
• Створення та керування таблицями стилів у програмі Sublime Text 3.
Тема 5. Верстка сторінок. Горизонтальні та вертикальні CSS меню в курсі "Графічний дизайн та Web-дизайн для школярів"
• Верстка веб-сторінок зі стандартними елементами - шапка, навігація, утримання та підвал.
• Створення меню за допомогою маркованих списків.
• Визначення float для позиціонування елементів меню.
• Свідомість веб-сторінок і зв'язків між ними.
• Робота з текстом
• Гіперпосилання
• Точне розміщення блокових елементів HTML-розмітки у вікні браузера: розмір блоку, абсолютні та відносні координати.
Тема 6. Сценарії в HTML, мова JavaScript
• Впровадження сценаріїв у HTML документ
• Змінні та типи даних
• Написання першого сценарію – таблиці множення
• Умовні оператори
• Оператори циклів
• Оператор обробки винятків
• Використання циклів
• Створення фотогалерей
• Опис та виклик функцій
• Аргументи функцій
• Повернення значень
• Область видимості змінних
• Рекурсивний виклик функцій
• Використання функцій
• Об'єкти JavaScript
• Об'єкти типів даних
• Використання об'єктів
Фінал: готовий сайт запускаємо до мережі.
Після закінчення курсу випускник зможе створювати та підтримувати різноманітні Інтернет-сайти, освоїть комп'ютерну графіку, навчиться оформляти веб-сторінки з використанням CSS, мови програмування Java Script та мови розмітки HTML.
