Программа курса
Курс разработан ведущими преподавателями Учебного центра «Успех» для обучения школьников и подростков по специальной методике. В программе много практических занятий, что позволяет подростку достаточно в легкой и доступной форме изучить популярные пакеты по графике и основы программирования и верстки сайта.
Сегодня Веб-дизайн это актуальное и востребованное направление. Курс "WEB дизайна" предназначен обучить студентов создавать собственные несложные Веб-сайты, верстать Web сайты, научатся использовать язык гипертекстовой разметки HTML и таблицы каскадных стилей CSS. Полученные знания помогут в дальнейшем школьнику правильно выбрать специальность для развития или начать работать по данной специальности.
Курси для школьников и подростков в Центре «Успех» это:
- Практикующие педагоги: получаете только актуальные знания
- Удобный график, возможность заниматься в удобном режиме
- Занятия проводятся в наших компьютерных классах, полностью оборудованных современными компьютерами, кондиционер, чай, кофе.
Еще курсы по ВЕБ:
- Курс Оптимизация и раскрутка сайтов (SEO) (Один из самых полных и профессиональных курсов по SEO)
- Курс «WEB дизайн. Создание интернет-магазина» (CMS (платформы) WORDPRESS, JOOMLA, DRUPAL)
Еще курсы для школьников и подростков:
Вот так проходят наши выпуски:
Программа курса:
Графика в Adobe Photoshop – 6 занятий
Тема 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, их назначение
• Использование инструмента Перо (Pen) для вычерчивания контуров
• Описание палитры Path
• Создание и редактирование слоев векторных фигур (Shape Layers)
• Создание составных фигур. Использование стилей слоев применительно к слоям фигур
• Использование контуров для точного выделения объектов. Создание и использование обтравочных контуров (Clipping path)
• Формирование художественных эффектов текста.
Тема 8. Смарт-объекты и фильтры.
• Понятие смарт-объект. Преимущества смарт-объектов
• Фильтры. Размытие
• Фильтры. Шум
• Фильтры художественных эффектов.
• Повышение резкости
• Фильтр liquify
Тема 9. Фреймовая анимация в Adobe Photoshop
• Обзор видов растровых изображений.
• Создание gif-файлов(движущихся картинок)
Графика в Adobe Illustrator – 6 занятий
Тема 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-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
• Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.
• Разработка структуры и этапы построения web-сайта.
• Начинаем разработку макета сайта в программе Photoshop.
Тема 2. Макет сайта.
Понятие о «пиксельном» размере документа.
Разметка будущего сайта.
Используя ранее полученные знания создаем визуальный макет сайта для различных гаджетов.
Тема 3. HTML5 основы.
• Первые шаги в HTML5. Первые тэги в «Блокноте»
• Что такое тег? Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа
• Введение в Sublime Text 3. Изучение интерфейса и рабочего пространства Sublime Text 3
• Установка плагинов
• HTML5 структура страницы
• Что такое тег? Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа
Тема 4. СSS3 основы.
• Использование CSS3 на веб-страницах, способы задания стилей и оформления отдельных элементов.
• Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
• Определение классов и идентификаторов
• CSS-селекторы
• Создание и управление таблицами стилей в программе Sublime Text 3.
Тема 5. Верстка страниц. Горизонтальные и вертикальные CSS меню
• Верстка web-страниц со стандартными элементами - шапка, навигация, содержание и подвал.
• Создание меню с помощью маркированных списков.
• Определение float для позиционирования элементов меню.
• Сознание веб страничек и связей между ними.
• Работа с текстом
• Гиперссылки
• Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты.
Тема 6. Сценарии в HTML, язык JavaScript.
• Внедрение сценариев в HTML документ
• Переменные и типы данных
• Написание первого сценария – таблицы умножения
• Условные операторы
• Операторы циклов
• Оператор обработки исключений
• Использование циклов
• Создание фотогаллерей
• Описание и вызов функций
• Аргументы функций
• Возврат значений
• Область видимости переменных
• Рекурсивный вызов функций
• Использование функций
• Объекты JavaScript
• Объекты типов данных
• Использование объектов
Финал: готовый сайт запускаем в сеть.
По окончании курса курса «Графический дизайн и Web-дизайн для школьников" (Универсальный комплексный курс по компьютерной графике и WEB для подростков) наши выпускники будут вполне уверенно работать с графическими пакетами Adobe Photoshop и Adobe Illustrator получат навыки рисования, изучения широких возможностей, будут уметь редактировать фотоизображения, импортировать изображения из других приложений, а также форматирование и оформление текстовых фрагментов, преобразование растровых изображений в векторныеуслуги, создавать современные сайты с индивидуальным дизайном.
