45.33M

Category:

informatics

Создание образов в векторной графики Паттерна и применение его на мокапе

1.

ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ
Государственное бюджетное профессиональное
образовательное учреждение города Москвы
«Технологический колледж № 21»
(ГБПОУ ТК № 21)
Создание образов в векторной
графики ПАТТЕРНА и
применение его намокапе
Профессия: 54.01.20 Графический дизайнер
Название МДК: МДК 02.01 ,
МДК 02.02, МДК 02. 04 , МДК 03.01
Преподаватель: Мартинсон М. В.
Вид занятия: лекция, практическое занятие
Продолжительность занятия:
лекция - 1 ак.ч.;
практическое занятие - 3 ак.ч.

2.

Цель:
научиться создавать графические паттерны
Конечный результат:
знать:
-методы работы с созданием паттернов
уметь:
- создавать графические паттерны по заданной теме выданным заказчиком.

3.

Критерии оценивания:
1. Создать серию паттернов в соответствии с (Т.З) в программе Adobe Illustrator.
2. Создать каталог в несколько разворотов со всеми образцами созданных вами паттернами,
3. Визуализировать применение паттернов в реальном продукте с помощью мокапов в программе
Adobe Photoshop,
4. Сохранить полученные результаты в требуемом формате .
«5» - работа выполнена правильно и в полном объёме.
«4» - работа выполнена с небольшими неточностями и на 70-90%.
«3» - работа выполнена на 50-60%.
«2» - выполнено менее 50% работы.
Форма отчета:
выполненная по заданию преподавателя практическая работа.

4.

Создать серию паттернов в соответствии с (Т.З) в программе Adobe Illustrator.

5.

Из элементов фирменной (авторской графики)
создаем фирменные патеры

6.

Перенесем на новый файл нужные
детали

7.

Достаточно будет А4

8.

Делаем монохромный
паттерн - в 1 цвет м
растяжкой к белому

9.

Все детали паттерна в дин цвет только насыщенность цвета разная
Еще один элемент для
паттерна

10.

Выделяем объекты открываем вкладку
УЗОР

11.

Новый узор можно переименовать
Посмотреть ритм постановки элементов

12.

Подобрать расстояние между элементами

13.

После того как паттерн
получился как вы хотели
Закрываем вкладку
Положение элементов

14.

Все пропало!!!
Создаем форму любую

15.

Заходим во вкладку
заливки и находим
наш ухор

16.

Узор заливает собой
любую форму и
трансформируется с ним

17.

Возможность
трансформирования
через правую кнопку
мыши откроем окно

18.

Все галочки
позволяют
уменьшать размер
паттерна с
величиной объекта

19.

Убранные галочки
Не позволят
уменьшать паттерн с
объектом

20.

Вот так
Объект уменьшается и
зарезает паттерн

21.

Создаем дальше
паттерны по ТЗ!!!

22.

Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

23.

Сохранении серии паттернов для дальнейшего применения в программе Adobe Illustrator.

24.

Создадим файл для
сохранения

25.

Перенесем объект с паттерном
на новый файл

26.

Формат файла EPS универсальный
файл для любого АДОБА и позволяет
сохранять без фона

27.

Галочка на
прозрачность

28.

Презентационные листы с колонцифрой в соответствии с (ТЗ) в программе Adobe Illustrator.

29.

Задание
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

30.

Создаем 3 монтажные области
по ТЗ 200 на 200 мм
Задание
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

31.

Задание
Вот примерные образцы и
паттерны из них
Скопируем объект с
Это примерные
блоки под
паттерном
паттерны , их форма и
размеры зависят от вашего
решения

32.

Задание
КОЛОНЦИФРА
!!!
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

33.

Колонцыфра – это нумирация страницы в
нижней части листа оформить можно в
соответствии с вашим фирменным стилем
Задание
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

34.

Колонцыфра – это нумирация страницы в
нижней части листа оформить можно в
соответствии с вашим фирменным стилем
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

35.

36.

Визуализация применение паттернов в реальном продукте с помощью мокапов в программе
Adobe Photoshop
Каталог паттернов
Вариант 1

37.

Колонцыфра – это нумирация
Переносим
страницы
на мокап
в странички с
нижней части листа оформить
паттернами
можно в
соответствии с вашим фирменным стилем
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

38.

Открываем ПДФ
Колонцыфра – это нумирация
Переносим
страницы
на мокап
в странички с
нижней части листа оформить
паттернами
можно в
соответствии с вашим фирменным стилем
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

39.

Открываем ПДФ
Колонцыфра – это нумирация
Переносим
страницы
на мокап
в масштабируем
странички с
Переносим
нижней части листа оформить
паттернами
можно в
соответствии с вашим фирменным стилем
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Скопируем объект с
паттерном

40.

Открываем ПДФ
Колонцыфра – это нумирация
Переносим
страницы
на мокап
в масштабируем
странички с
Переносим
нижней части листа оформить
паттернами
можно в
соответствии с вашим фирменным стилем
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Умножение
Скопируем объект с позволит
принять
паттерном
реалистичность
наложения на
лист

41.

Открываем ПДФ
Колонцыфра – это нумирация
Переносим
страницы
на мокап
в масштабируем
странички с
Переносим
нижней части листа оформить
паттернами
можно в
соответствии с вашим
фирменным
Умножение
ко стилем
всем страничкам
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Умножение
Скопируем объект с позволит
принять
паттерном
реалистичность
наложения на
лист

42.

Открываем ПДФ
Колонцыфра – это нумирация
Переносим
страницы
на мокап
в масштабируем
странички с
Переносим
нижней части листа оформить
паттернами
можно в Экспорт по заданию
соответствии с вашим
фирменным
Умножение
ко стилем
всем страничкам
Задание
Сохраняем файлы по ТЗ
Вот примерные образцы и
паттерны из них
Умножение
Скопируем объект с позволит
принять
паттерном
реалистичность
наложения на
лист