Векторная графика
Тема 2
Тема 2
Флэт иллюстрации для смартфонов
Основные приемы создания флэт иллюстраций для смартфонов
Примеры ФЛЭТ дизайна для смартфонов
Составные контуры
Для того, чтобы начать работать с палитрой обработки контуров её необходимо открыть. Заходим в меню программы Adobe Illustrator - Окно - Обработка контуров.
Для тренировки предлагается выбрать фигуру - Овал (круг). Цвет заливки и цвет контура значения не имеют. Но если цвет контура будет отличаться от цвета заливки результат работы будет нагляднее.
Далее рисуем три круга одного диаметра (можно через копирование) и располагаем их относительно друг друга таким образом, чтобы все три имели одну пересекающуюся область с всеми и область пересечения только с одним кругом. назовем такую фигуру - ЗАГОТОВКА.
Далее инструментом Выделение (V) выделяем все объекты и удерживая клавишу Alt делаем достаточное для работы количество копий. В нашем случае 9.
Затем поочередно выделяем одну ЗАГОТОВКУ, нажимаем на палитре обработки контуров пиктограмму конкретного действия с объектами. Смотрим на результат.
Ниже имеется ссылка на запись видеоматериала по работе с инструментом.
Видео по работе с контурами.
Для отработки навыков предлагаю самостоятельно создать "Золотой" ключик.
Подсказки к работе - используются стандартные фигуры окружность и прямоугольник и инструмент - объединение.
Для того, чтобы начать работать с палитрой обработки контуров её необходимо открыть. Заходим в меню программы Adobe Illustrator - Окно - Обработка контуров.
Для тренировки предлагается выбрать фигуру - Овал (круг). Цвет заливки и цвет контура значения не имеют. Но если цвет контура будет отличаться от цвета заливки результат работы будет нагляднее.
Далее рисуем три круга одного диаметра (можно через копирование) и располагаем их относительно друг друга таким образом, чтобы все три имели одну пересекающуюся область с всеми и область пересечения только с одним кругом. назовем такую фигуру - ЗАГОТОВКА.
Далее инструментом Выделение (V) выделяем все объекты и удерживая клавишу Alt делаем достаточное для работы количество копий. В нашем случае 9.
Затем поочередно выделяем одну ЗАГОТОВКУ, нажимаем на палитре обработки контуров пиктограмму конкретного действия с объектами. Смотрим на результат.
Ниже имеется ссылка на запись видеоматериала по работе с инструментом.
Видео по работе с контурами.
Для отработки навыков предлагаю самостоятельно создать "Золотой" ключик.
Подсказки к работе - используются стандартные фигуры окружность и прямоугольник и инструмент - объединение.
Line - иконки
При создании иконок, которые в дальнейшем будут включены в мобильное приложение необходимо учитывать несколько важных моментов:
Ссылка на урок
Попробуйте создать свои иконки.
При создании иконок, которые в дальнейшем будут включены в мобильное приложение необходимо учитывать несколько важных моментов:
- Иконка должна быть понятна;
- Все иконки в одном приложении должны быть выполнены в одном стиле.
Ссылка на урок
Попробуйте создать свои иконки.
Флэт иконка для смартфона
Принципов создания этой иконке достаточно много.
Все зависит от того какими инструментами в программе вы владеете.
Самый простой способ - основан на окружностях.
Создать не менее 4-х концентрических окружностей с радиусами кратными одному и тому же числу. Самая маленькая окружность должна иметь цвет контура и цвет заливки. Все остальные только контур.
Провести две перпендикулярные прямые, проходящие через центр окружностей и выходящие за окружность, имеющую самый большой диаметр.
Выделить все объекты. В палитре - Обработка контуров - Разъединить. Разгруппировать все вновь полученные объекты. Лишние - удалить.
Инструментом Ножницы разъединить некоторые опорные точки. Лишнее удалить.
Из полученных объектов собрать иконку Wi-Fi как показано на рисунке справа.
Видеофрагмент "Как создать иконку Wi-Fi в AI" поможет выполнить задание (ссылка.)
Принципов создания этой иконке достаточно много.
Все зависит от того какими инструментами в программе вы владеете.
Самый простой способ - основан на окружностях.
Создать не менее 4-х концентрических окружностей с радиусами кратными одному и тому же числу. Самая маленькая окружность должна иметь цвет контура и цвет заливки. Все остальные только контур.
Провести две перпендикулярные прямые, проходящие через центр окружностей и выходящие за окружность, имеющую самый большой диаметр.
Выделить все объекты. В палитре - Обработка контуров - Разъединить. Разгруппировать все вновь полученные объекты. Лишние - удалить.
Инструментом Ножницы разъединить некоторые опорные точки. Лишнее удалить.
Из полученных объектов собрать иконку Wi-Fi как показано на рисунке справа.
Видеофрагмент "Как создать иконку Wi-Fi в AI" поможет выполнить задание (ссылка.)
