“
Сегодня мы создадим фирменный стиль для компании NORDI. А конкретно — футболку для сотрудника компании. Перед нами стоит задача сделать дизайн футболки с учетом ранее разработанных элементов. Поехали!
Глоссарий
Для успешного освоения материала рекомендуем вам изучить следующие понятия:
Макет, который дизайнеры используют для демонстрации своей работы. Таким способом заказчик может просмотреть готовый продукт на экране компьютера. Благодаря мокапу можно получить не просто плоскую фотографию, а реалистичное изображение
Инструмент Adobe Illustrator, предназначен для рисования прямых линий и кривых. С помощью Pen Tool можно создавать самые разные формы
Объект, форма которого маскирует отображение нижележащих объектов так, что видимыми остаются только области, которые лежат в пределах маски, то есть рисунок обрезается по форме маски
Для Adobe Illustrator это файл формата ai
Видеолекция
Конспект
Вводные
Обязательные элементы для создания фирменного бейджа
- Логотип
- Фирменные цвета
- Паттерн
- Стилизующие элементы
Технические ограничения
- Размер А4
- Цвет CMYK
Выходные файлы
- Рабочий файл
- Файл pdf x1
Создание проекта
1. Открываем вкладку Print и создаем файл А4.
2. Формат горизонтальный.
3. Command минус — отдаляем монтажную область для удобства работы.
4. Располагаем мокапы футболки:
2. Формат горизонтальный.
3. Command минус — отдаляем монтажную область для удобства работы.
4. Располагаем мокапы футболки:
- открываем меню File
- нажимаем кнопку Place
- выбираем футболку
- кликаем по монтажной области.
-
СоветЕсли макет недостаточно большой, его можно растянуть, зажав клавишу Аlt или Command / Ctrl, и потянуть за уголочек
5. Заблокируем слой:
- заходим в окно Window
- открываем вкладку Layers
- блокируем.
Дизайн
1. Создаем новый слой для дизайна.
2. С помощью инструмента Pen tool обводим всю футболку.
2. С помощью инструмента Pen tool обводим всю футболку.
- СоветЧтобы удобнее обводить футболку, приблизьте ее, нажав Command / Ctrl +
3. Отключаем заливку, чтобы видеть футболку полностью.
4. То же самое проделываем с оборотной стороной футболки.
5. Открываем файл «Фирменный стиль» и копируем цветной логотип.
6. Закрашиваем футболку нужным цветом в панели Swatches.
7. Кликаем на обводке в той же панели и отключаем ее.
8. В окне Window находим прозрачность. Меняем Normal на Multiply.
9. Блокируем этот слой.
4. То же самое проделываем с оборотной стороной футболки.
5. Открываем файл «Фирменный стиль» и копируем цветной логотип.
6. Закрашиваем футболку нужным цветом в панели Swatches.
7. Кликаем на обводке в той же панели и отключаем ее.
8. В окне Window находим прозрачность. Меняем Normal на Multiply.
9. Блокируем этот слой.
Стилизующие элементы
1. Берем инструмент Простые формы –> Прямоугольник.
- СоветЕсли нужны два одинаковых прямоугольника, копируйте, зажав кнопку Alt
2. Копируем паттерн в созданные прямоугольники.
3. С помощью белой стрелочки подгоняем паттерны под футболку.
3. С помощью белой стрелочки подгоняем паттерны под футболку.
4. Создаем маску:
5. Располагаем логотип на футболке.
- разблокируем слой футболки
- Command / Ctrl C — копируем
- нажимаем на слой выше, где паттерн, и нажимаем Command / Ctrl F
- выделяем все, нажимаем ПКМ и указываем, что это будет маска.
5. Располагаем логотип на футболке.
Сохранение
Рабочий файл
1. File –> Save as (сохранить как)
2. Выбираем папку для сохранения
3. Сохраняем рабочий файл
1. File –> Save as (сохранить как)
2. Выбираем папку для сохранения
3. Сохраняем рабочий файл
PDF
1. Выбираем PDF
2. Настройка PDF x1
3. Сохранить
1. Выбираем PDF
2. Настройка PDF x1
3. Сохранить
“
Сегодня мы разработали дизайн футболки для компании Nord с учетом всех требований ТЗ, обязательные элементы и технические ограничения. Приступим к заданиям!
Интерактивное задание
Тест
Для закрепления полученных знаний пройдите тест
Как называется изображение, поверх которого мы наносим дизайн?
Что нужно, чтобы сделать слой неподвижным?
С помощью какого инструмента можно нарисовать или обвести изображение?
Какой способ наложения из окна «Transparency» мы использовали в уроке?
Какой инструмент помогает отредактировать элемент?
Чтобы сделать маску, главный объект должен быть…
Какая цветовая модель не используется для печати?
В каком формате следует сохранять файл в печать?
Что такое рабочий файл?
С помощью какой команды можно разместить изображение на монтажной области?
К сожалению, вы ответили неправильно
Прочитайте лекцию и посмотрите видео еще раз
Неплохо!
Но можно лучше. Прочитайте лекцию и посмотрите видео еще раз
Отлично!
Вы отлично справились. Теперь можете ознакомиться с другими компетенциями