Программа курса
Сьогодні Веб-дизайн це актуальний та затребуваний напрямок. Курс "WEB дизайну" призначений навчити студентів створювати власні нескладні Веб-сайти, верстати Web сайти, навчаться використовувати мову гіпертекстової розмітки HTML та таблиці каскадних стилів CSS. Отримані знання допоможуть надалі школяреві правильно вибрати спеціальність для розвитку або почати працювати за цією спеціальністю.
Курси для школярів та підлітків у Центрі «Успіх» це:
Практикуючі педагоги: отримуєте лише актуальні знання
Зручний графік, можливість займатися у зручному режимі
Заняття проводяться в наших комп'ютерних класах, які повністю обладнані сучасними комп'ютерами, кондиціонер, чай, кава.
Ще курси для школярів та підлітків:
Програма курсу "Графічний дизайн та Web-дизайн для школярів" (Універсальний комплексний курс з комп'ютерної графіки та WEB для підлітків):
Графіка в Adobe Photoshop – 8 занять
Тема 1. Введення у курс графіки
• Що таке графіка та хто такі дизайнери?
• Застосування комп'ютерної графіки. графічні редактори. Векторна та растрова графіка.
• Ознайомлення з програмою Adobe PhotoShop. Призначення та склад програми
• Поняття «растрове зображення». Особливості, параметри та формати растрових зображень.
• Налаштування інтерфейсу програми. Поняття "робочий простір" (workspace). Персоналізація робочого простору.
• Відкриття та закриття файлів.
• Створення нового зображення.
• Способи скасування виконаних дій.
• Кадрування зображень.
Тема 2. Створення багатошарових колажів.
• Огляд способів виділення областей зображення. Інструменти локального виділення: призначення інструментів, налаштування параметрів
• Прийоми виділення областей складної форми. Особливості Adobe PhotoShop
• Модифікація форми виділення. Доповнення, віднімання та перетин областей виділення. Розтушовування кордону області
• Дії з виділеною областю: переміщення, дублювання, масштабування, поворот, викривлення виділеної області
• Навіщо потрібні шари
• Способи створення шару. Робота із шарами. Параметри шару.
• Керування шарами за допомогою панелі "Layers".
• Особливості роботи із багатошаровим зображенням.
• Збереження багатошарового файлу.
• Виділення та зв'язування кількох шарів. Трансформація вмісту шару.
• Операції із шарами.
• Злиття шарів.
Результат заняття – багатошаровий колаж із простих об'єктів.
Тема 3. Макети із застосуванням тексту
• Угруповання
• Текстові шари
• Робота з текстом у Adobe PhotoShop. Растрування текстового шару
• Спецефекти на шарах: створення тіні, ореолу, імітація рельєфу
• Створення монтажу на основі кількох зображень
Тема 4. Техніка малювання в Adobe PhotoShop
• Інструменти для вільного малювання. Використання кистей, аерографа, олівця, гумка
• Вибір кольору пензля. Колірні моделі. Палітра Swatch.
• Вибір форми пензля. Підключення бібліотек пензлів. Створення нового пензля
• Вибір параметрів пензля. Непрозорість, режими накладання.
• Зафарбовування областей
• Створення градієнтних переходів та візерунків (pattern)
Тема 5. Ретуш та корекція фото.
• Команди тонової та колірної корекції
• Використання коригувальних шарів
• Використання тонових кривих (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. Смарт-об'єкти та фільтри.
• Концепція смарт-об'єкт. Переваги смарт-об'єктів
• Фільтри. Розмиття
• Фільтри. Шум
• Фільтри художніх ефектів.
• Підвищення різкості
• Фільтр liquify
Тема 9. Фреймова анімація в Adobe Photoshop
• Огляд видів растрових зображень.
• Створення gif-файлів (рухомі картинок)
Графіка в Adobe Illustrator – 8 занять
Тема 1. Введення у векторну графіку. Основи роботи із програмою.
• Програма Adobe Illustrator: склад, особливості, використання у поліграфії та Internet.
• Типи документів в Ілюстраторі. Створення нового документа.
• Налаштування програмного інтерфейсу. Збереження та редагування робочого простору програми.
• Малювання за допомогою стандартних об'єктів (графічних примітивів).
• Виділення та перетворення об'єктів. Інструменти виділення.
• Керування масштабом перегляду об'єктів. Режими перегляду документів.
• Переміщення об'єктів у стосі. Угруповання. Вирівнювання та розподіл.
• Перший логотип.
Тема 2. Вправи із пером. Типи заливок. Використання напрямних , сіток та міток для точного планування малюнка.
• Малювання та редагування об'єктів довільної форми.
• Криві Без'ї.
• Редагування форми об'єктів за точками. Робота з точками із Control Palette.
• Навички роботи з контурами.
• Вправи із пером.
• Типи заливок.
• Застосування фільтрів, що спотворюють, до елементів малюнка.
• Використання розмітки документа для точного розташування зображення.
• Управління розміткою. Лінійки. Напрямні. Сітка.
• «Розумні» напрямні. Створення напрямної з об'єкта.
• Налаштування елементів розмітки.
• Практична робота: Малювання логотипів.
Тема 3. Малювання складних об'єктів. Використання розмітки.
• Використання логічних операцій на малювання об'єктів складної форми.
• Інструменти групи інтерактивне заливання
• З'єднання контурів об'єктів. Поділ об'єктів. Фігурне обрізання.
• Застосування фільтрів, що спотворюють, до елементів малюнка.
• Практична робота: Малювання візерунків.
Тема 4. Робота із кольором. Способи фарбування об'єктів.
• Способи фарбування об'єктів. Редагування та підбір кольору.
• Формування власного каталогу кольорів. Використовуйте панель Color Guide для вибору кольору. Створення груп кольорів.
• Створення, застосування та редагування складних заливок візерунків та градієнтів.
• Копіювання кольору. Способи виділення об'єктів із однаковими атрибутами.
• Використання об'єкта градієнтної сітки. Обмеження під час роботи з сітками.
• Система керування кольором в Ілюстраторі. Використання колірних профілів.
• Практична робота: Малювання векторного кліпарта.
Тема 5. Робота із текстом.
• Методи введення тексту. Інструменти та палітри для роботи з текстом.
• Введення, редагування та форматування тексту.
• Розміщення тексту вздовж кривої. Редагування кривої.
• Створення текстових блоків. Робота з блоковим текстом.
• Пов'язані блоки. Налаштування параметрів обтікання тексту.
• Імпорт тексту з інших програм. Переклад тексту в контури.
• Роль тексту у дизайні.
• Практична робота: Розробка візитки. "Малюємо текстом".
Тема 6. Створення складних зображень за допомогою спеціальних об'єктів програми.
• Використання пензлів для створення складних обведень. Створення власного пензля. Редагування пензлів.
• Застосування масок для обрізання малюнка. Налаштування маски.
• Присвоєння об'єкту кількох обведень та заливок.
• Ефекти ілюстратора. Їхня відмінність від фільтрів. Графічний стиль.
• Використання ефектів малювання тривимірних об'єктів. Перетворення ефектів. Параметри растрування ефектів.
• Налаштування прозорості об'єкта. Режими накладання кольорів. Маска прозорості.
• Перетворення прозорості. Попередній перегляд результатів перетворення.
• Практична робота: створення рекламного блоку.
Тема 7. Робота з оболонками. Переходи. Ластики.
• Використання оболонок для деформації малюнка. Створення оболонки із об'єкта. Перетворення оболонки.
• Перетікання об'єктів. Розміщення групи перетікання на траєкторії. Налаштування параметрів перетікання.
• Практична робота: створення колажу.
• Розміщення об'єктів на шарах. Налаштування параметрів шару. Використання шарів блокування частин малюнка.
• Практична робота: створення етикетки.
Тема 8. Робота з растровими зображеннями
• Способи перенесення растрових малюнків до Ілюстратора. Пов'язані та впроваджені зображення.
• Використання панелі Links для роботи з імпортованими малюнками.
• Редагування растрових зображень.
• Маскування. Застосування фільтрів до растрової картинки. Тонування малюнків.
• Трасування растрового зображення. Налаштування параметрів трасування. Створення заготовок для трасування.
• Використання інструментів Live Paint Bucket та Live Paint Selection для обробки трасованих зображень.
• Практична робота: Інфографіка.
Підсумкова робота: Розробка обкладинки улюбленої книги.
Программирование и верстка сайта – 12 занятий
Тема 1. Перший крок, з якого починається побудова сайту
• Визначення з тематикою сайту та цільовою групою. Підбір ключових слів, назви, мета-тегів та копірайтинг.
• Зареєструватися на yandex.ua та https://accounts.google.com (gmail)
• Підбір ключових слів для свого сайту – за допомогою сервісів wordstat.yandex.ua та adwords.google.com/KeywordPlanner
• Аналіз конкурентів
• Поняття гіпертекстових документів та веб-сайтів. Класифікація веб-сайтів.
• Різні типи веб-сайтів, їх призначення та використання. Типи гіпертекстових документів (web-сторінок), їх відмінності та подібності.
• Розміщення та зберігання web-сторінки та сайти. Поняття web-сервера та принципи його роботи з користувачем.
• Розробка структури та етапи побудови веб-сайту.
• Розпочинаємо розробку макету сайту у програмі Photoshop.
Тема 2. Макет сайту.
Поняття про «піксельний» розмір документа.
Розмітка майбутнього сайту.
Використовуючи раніше отримані знання, створюємо візуальний макет сайту для різних гаджетів.
Тема 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 меню
• Верстка веб-сторінок зі стандартними елементами - шапка, навігація, утримання та підвал.
• Створення меню за допомогою маркованих списків.
• Визначення float для позиціонування елементів меню.
• Свідомість веб-сторінок і зв'язків між ними.
• Робота з текстом
• Гіперпосилання
• Точне розміщення блокових елементів HTML-розмітки у вікні браузера: розмір блоку, абсолютні та відносні координати.
Тема 6. Сценарії у HTML, мова JavaScript.
• Впровадження сценаріїв у HTML документ
• Змінні та типи даних
• Написання першого сценарію – таблиці множення
• Умовні оператори
• Оператори циклів
• Оператор обробки винятків
• Використання циклів
• Створення фотогалерей
• Опис та виклик функцій
• Аргументи функцій
• Повернення значень
• Область видимості змінних
• Рекурсивний виклик функцій
• Використання функцій
• Об'єкти JavaScript
• Об'єкти типів даних
• Використання об'єктів
Фінал: готовий сайт запускаємо до мережі.
Тема 6. Сценарії у HTML, мова JavaScript.
• Впровадження сценаріїв у HTML документ
• Змінні та типи даних
• Написання першого сценарію – таблиці множення
• Умовні оператори
• Оператори циклів
• Оператор обробки винятків
• Використання циклів
• Створення фотогалерей
• Опис та виклик функцій
• Аргументи функцій
• Повернення значень
• Область видимості змінних
• Рекурсивний виклик функцій
• Використання функцій
• Об'єкти JavaScript
• Об'єкти типів даних
• Використання об'єктів
Фінал: готовий сайт запускаємо до мережі.
Після закінчення курсу курсу «Графічний дизайн та Web-дизайн для школярів» (Універсальний комплексний курс з комп'ютерної графіки та WEB для підлітків) наші випускники цілком впевнено працюватимуть з графічними пакетами Adobe Photoshop і Adobe Illustrator отримають навички малювання, вивчення широких можливостей, додатків, а також форматування та оформлення текстових фрагментів, перетворення растрових зображень на векторні послуги, створювати сучасні сайти з індивідуальним дизайном.
