Web-дизайн: Курсы

1. Введение, в Photoshop

• Основы интерфейса
• Единицы измерения
• Привязки и направляющие
• Инструмент прямоугольник
• Инструмент текст

Д.З. Схематичный макет сайта

2. Векторные объекты Photoshop

• Основные векторные объекты
• Редактирование векторных объектов

Д.З. макет сайта из векторных объектов

3. Структура слоев Photoshop

• Группировка слоев
• Выравнивание слоев
• Смартобъекты

Д.З. доработка макета сайта с учетом структуры

4. Свойства и эффекты слоев

• Смешивание слоев
• Эффекты цвета
• Эффекты тени
• Эффекты наложения

Д.З. создание объемных кнопок

5. Типы сайтов, особенность работы

• Типы сайтов
• Типы композиции на плоскости

Д.З. макет сайта на основе композиции

6. Работа с формой

• Инструмент перо
• Виды кривых
• Основные формообразующие
• Виды точек и касательных
• Типы пятен

Д.З. макет сайта с использованием сложных форм

7. Модульные сетки построения

• Базовая сетка
• Построение базовой сетки в Photoshop
• Создание бесшовной текстуры

Д.З. макет сайта на основе базовой сетки

8. Модульные сетки построения 2

• Виды и особенности сеток
• Принципы построения сеток

Д.З. макет сайта на основе модульной сетки

9. Математика в дизайне

• Принцип золотого сечения
• Построение сетки золотого сечения в Photoshop

Д.З. макет сайта на основе золотого сечения

10. Принципы пользовательского интерфейса

• Элементы интерфейса
• Построение UI документа

Д.З. создание UI документа

11. Основы работы с цветом

• Виды цветовых палитр
• Особенности кодирования цветов
• Безопасные цвета

Д.З. создание цветовых сочетаний на базе макета

12. Инструменты вырезания объектов

• Инструменты геометрического выделения
• Инструменты свободного выделения
• Работа с маской слоя

Д.З. вырезание сложного объекта

13. Дополнительные возможности выделений

• Деформация выделений
• Вырезание по гистограмме
• Вырезание волос

Д.З. вырезание мохнатого объекта

14. Кисти и кисти-эффекты

• Особенности работы кистями
• Создание, загрузка и экспорт кистей
• Кисти-эффекты
• Создание абстрактых композиций

Д.З. создание абстрактной композиции

15. Контрасты, акценты

• Основные принципы контрастов
• Особенности акцентов

Д.З. создание композиционных сочетаний

16. Нюансы, симметрия

• Виды симметрии и ассиметрия
• Основные принципы нюансов

Д.З. создание композиционных сочетаний

17. Шрифты для web дизайна

• Безопасные шрифты
• Базы шрифтов
• Сглаживание шрифтов в Photoshop
• Настройки шрифтов в Photoshop

Д.З. создание шрифтовой композиции

18. Динамика в web дизайне

• Внедрение псевдо динамики
• Использование анимации
• Разработка покадровой анимации

Д.З. создание анимации для кнопки навигации

19. Трехмерные объекты в композиции

• Платоновы тела
• Построение 3х мерных объектов на плоскости

Д.З. макет сайта с 3D элементами

20. Инструменты цветокоррекции

• Уровни и кривые
• Цветовой тон и насыщенность
• Работа с цветовыми каналами

Д.З. цветокорреция фотографий для сайта

21. Создание коллажей для web проектов

• Создание коллажа на основе изученных инструментов

Д.З. создание коллажа для шапки сайта

22. Назначение финального проекта

• Обсуждение идей и принципов создания работы

23. Подготовка финального проекта

• Помощь в работе над проектами учащихся

24. Сдача проектов, оценивание, ответы на вопросы