Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Обои для Apple iPhone X в Adobe Illustrator

11 марта 2018 | Опубликовано в Уроки | 1 Комментарий »

Одна из вещей, за которые мир любит iPhone — визуальное оформление. Оно всегда безупречно, будь то ПО, рекламная или печатная продукция. В этом уроке мы будем создавать обои для iPhone X и Silver iPhone X. Для этого нам понадобится Adobe Illustrator и один из наших любимых инструментов — Сетчатый градиент. Этот урок достаточно прост, он идеально подходит для знакомства с инструментом, а также хорош как творческое упражнение.

 

Результат

Шаг 1

Начнем с создания документа по размеру обоев iPhone X — 1125px (W) x 2436px (H). Инструментом Rectangle/Прямоугольник (M) растяните фигуру по размеру холста и укажите ей цвет заливки #1C51A5.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Шаг 2

Инструментом Select the Mesh/Сетчатый градиент (U) добавьте точку цвета #FAF4F1 затем еще одну белого цвета.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Шаг 3

Продолжаем использовать инструмент Mesh/Сетчатый градиент (U) и добавляем цвета фуксии — #FD0186. Теперь немного красного #FF0026 в левый верхний угол. Теперь начинается самая увлекательная часть! Возьмите инструмент Direct Selection/Прямое выделение (A) и выделяйте точки внутри сетчатого градиента. Меняйте их расположение, а также экспериментируйте с манипуляторами, чтобы создать абстрактные переливы цветов.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Шаг 4

Добавляем еще цветов! Используйте оранжевый #FF0026. Его же добавьте в нижний правый угол, а затем и более светлый оттенок этого цвета.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Шаг 5

Не создавайте новых точек инструментом Mesh/Сетчатый градиент (U), вместо этого инструментом Direct Selection/Прямое выделение (A) выделяйте уже существующие и перекрашивайте их. Также не стесняйтесь выходить за рамки холста, модифицируя сетку. Ниже вы видите наш пример и где какие точки находятся.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Результат

Когда вам будет нравится результат, растяните прямоугольник по размеру холста, выделите объект с сетчатым градиентом и прямоугольник и нажмите Ctrl+7, чтобы создать обтравочную маску и скрыть лишнее.

Этот урок на 20% состоит из техники и на 80% из творческого подхода. Пробуйте, экспериментируйте, меняйте цвета и сетку, чтобы найти вариант, который будет нравиться вам больше.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Варианты

Из указанных ниже цветов можно по такому же принципу создать обои для Silver iPhone X!

Apple iPhone X Live Wallpapers - Illustrator Tutorial

И еще один вариант

Красивые вариации получаются, если использовать пурпурный цвет.

Apple iPhone X Live Wallpapers - Illustrator Tutorial

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Григорий
    Thumb up Thumb down 0

    b70f0053bda641b910612e0a4ab1358e.jpg

[an error occurred while processing the directive]


[an error occurred while processing the directive]