Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как работать с изображениями в Figma

Простая инструкция: как добавить изображение на макет и отредактировать его без «Фотошопа».

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В Figma очень удобно работать с изображениями: быстро обрезать, удалить фон или скорректировать цвет. А ускорить работу над ними помогут встроенные функции и плагин.

Как добавить изображение на макет

Перетащите изображение на макет с рабочего стола или из папки:

Скопируйте изображение сочетанием клавиш Ctrl (⌘) + C и вставьте его в макет, нажав Ctrl (⌘) + V:

Также можно копировать изображения из интернета: нажмите правой кнопкой мыши на любую иллюстрацию в браузере, выберите «Копировать изображение», затем перейдите в Figma и нажмите Ctrl (⌘) + V:

Функцией Place Image можно автоматически поставить изображение сразу туда, где оно должно находиться:

  • Создайте несколько произвольных фреймов на макете.
  • Нажмите на иконку , выберите пункт File и нажмите на Place Image. Или зажмите клавиши Ctrl (⌘) + Shift + K.
  • В появившемся меню выберите любые изображения.
  • По очереди добавьте изображения на фреймы. На курсоре отображается миниатюра текущей иллюстрации.

С помощью заливки можно использовать изображение в качестве фона фрейма или фигуры:

  • Выберите ваш фрейм или фигуру.
  • На панели инструментов в блоке Fill нажмите на цвет и в появившемся меню в верхнем правом углу вместо Solid выберите Image.
  • В том же меню нажмите на чёрно-белую картинку и выберите любое изображение на компьютере.

Аналогично можно использовать изображение как заливку обводки. Только вместо блока Fill нужно заходить в блок Stroke.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

Настройки изображения

В Figma у любого изображения можно изменить свойства заливки и сделать минимальную коррекцию цвета. Чтобы открыть эти настройки, выделите любую иллюстрацию на макете, затем в блоке Fill нажмите на её миниатюру.

Fill — изображение полностью заполняет собой доступное пространство, в котором находится.

Fit — изображение заполняет пространство так, чтобы его было видно целиком.

Crop — обрезает изображение и фиксирует его видимую часть. При изменении размера оно может растянуться.

Tile — всё свободное пространство заполняется копиями изображения. Это свойство очень удобно использовать с паттернами.

Хотя в Figma можно сделать минимальную цветокоррекцию, качественно отредактировать фотографию не получится — для этого лучше идти в Photoshop.

Настройки цветокоррекции в Figma:

  • Exposure — экспозиция.
  • Contrast — контраст.
  • Saturation — насыщенность.
  • Temperature — температура.
  • Tint — оттенок.
  • Highlights — интенсивность света.
  • Shadows — интенсивность тени.

Маска слоя

С помощью маски слоя можно придать изображению нестандартную для Figma форму:

  • Создайте любую фигуру, выберите изображение на макете и расположите их друг на друге. Проследите, чтобы на панели слоёв изображение было выше фигуры.
  • Зажав Ctrl (⌘), выделите фигуру и изображение, затем на панели инструментов нажмите на иконку .
  • Чтобы изменить отображаемую часть изображения, просто выделите её на панели слоёв и измените размер на холсте.

Таким же образом изображением можно заполнить что угодно: от нескольких фигур до текста.

Полезные приёмы

Отразить изображение по вертикали можно с помощью горячих клавиш Shift + H. По горизонтали — Shift + V.

Скопировать SVG-иконку с любого сайта в Figma можно через браузер:

  • Зайдите на сайт с нужной иконкой, нажмите правую кнопку и выберите «Посмотреть код». Справа откроется панель с HTML-кодом сайта.
  • В окне с кодом на панели сверху нажмите на иконку и выберите нужную иконку на сайте.
  • В HTML-коде выделится тег

, прямо над ним будет — нажмите на него и скопируйте с помощью сочетания Ctrl (⌘) + C на клавиатуре.

Быстро вырезать объект поможет плагин Remove BG, который автоматически удаляет фон.

Как установить плагин Remove BG:

  • Зайдите на страницу плагина и установите его, нажав Install.
  • Зарегистрируйтесь на сайте remove.bg.
  • На сайте нажмите на иконку профиля и зайдите в панель управления. В панели нажмите на « Ключ API», затем ― на кнопку «Показать» и скопируйте полученный код.
  • Зайдите в Figma, нажмите на иконку , перейдите, затем в Remove BG, нажмите на Set API key. В появившееся окно вставьте ключ, который вы взяли с сайта, и нажмите OK.

Учтите, что этот способ не подойдёт для финального удаления фона, так как плагин работает не идеально. Но если вам нужно просто показать идею, то Remove BG поможет сэкономить кучу времени.

Как сделать внешнюю тень в фигме

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Чтобы сделать внешнюю тень в фигме, выберите нужный элемент, например круг. В правой панели напротив надписи «Effects» нажмите на плюс. По умолчанию будет стоять надпись «Drop shadow», что означает внешняя тень.

Если хотите изменить параметры тени, то нажмите на иконку солнца. Можно изменять значение тени по оси X и Y. Значение «Blur» означает размытие тени. Значение «Spread» означает распространение. Также можно изменять цвет и прозрачность, как показано на скриншоте выше.

Как добавить внутреннюю тень в фигме

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Чтобы добавить внутреннюю тень к любому объекту, выберите его и нажмите на «+» напротив надписи «Effects». Вместо значения «Drop shadow» выберите из списка «Inner shadow», что переводится как внутренняя тень. Изменять параметры тени можно также как и у внешней тени, нажав на иконку солнца.

Как добавить размытие фона в фигме

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Чтобы добавить размытие фона в фигме, нажмите на иконку плюса напротив надписи «Effects». Выберите из списка Background blur. После этого внизу надписи Fill уменьшите прозрачность. Например поставьте 10%. В этом случае размытие фона будет работать.

Вы можете увеличить размытие нажав на иконку солнца в эффектах и увеличить цифру в большую сторону. В результате вы получите размытие фона под этим слоем. Чтобы увидеть размытие можно поместить вниз фотографию.

Почему у некоторых не работает функция Backround blur? Просто потому, что вместо изменения прозрачности внизу надписи «Fill» они изменяют прозрачность внизу надписи «Layer». Нужно изменить прозрачность именно в заливке, тогда все будет работать отлично.

DISTRICT F

Речь в сегодняшнем посте пойдёт не только об эффекте рваной, измятой, состаренной бумаги, а о «бумажной» тематике в целом: создании сториз в виде бумажных коллажей, видео и снимков с «рваным» краем, состаренных текстур для воспроизведения фотографий в ретро-стиле и т. Обо всём по порядку — ниже.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

NICHI / ios + android

Приложение радует большой библиотекой текстур, милых иллюстраций, наклеек и надписей для создания уникальных историй , коллажей, мудбордов и заставок на смартфон.

В том числе есть множество бумажных стикеров, чернильных надписей, газетных вырезок, почтовых марок и шероховатых фонов для придания аутентичности любому кадру. (Подробнее о NICHI я написала в этой статье ).

PREQUEL / ios + android

PREQUEL же «наслаивает» эффекты прямо поверх ваших фото и видео (в распоряжении пользователя — более сотни бесплатных стилей).

Так, в данном контексте представляют особый интерес две вкладки: ALBUM (эффект состаренных потрескавшихся винтажных фото / видео) и, собственно, PAPER (фактурные рваные края на фото / видео).

Более полный обзор приложения — здесь.

STORYLUXE / ios

С помощью STORYLUXE легко создавать фото- и видеоистории. В бесплатной версии насчитывается более двухсот готовых рамок и шаблонов, в том числе на «бумажную» тематику (вкладки PAPER и COLLAGE): с рваными краями, качественными зернистыми текстурами, рамками в виде крафтовых коллажей.

PICSART / ios + android

Это популярное приложение для творческих проб, фотообработки и компоновки коллажей также располагает огромной (регулярно пополняющейся, кстати) коллекцией PNG-картинок.

Среди них — десятки наклеек в виде различных листов и кусочков бумаги с измятыми, заломанными, подпаленными текстурами, а также газетные и книжные вырезки, порванные рисунки, снимки и многое другое.

Найти всё это легко во встроенном поисковике PICSART, вбив фразу «рваная бумага».

INSTAGRAM / ios + android

Однако вы отнюдь не ограничены только вышеупомянутыми приложениями.

10 лайфхаков в работе с Figma

Мы студия Mish, преимущественно сфокусированы на дизайне сайтов и мобильных приложений. В прошлом году полностью перешли со Sketch на Figma, уже обжились в новом редакторе и очень его любим. Рассказываем, какие лайфхаки применяем, чтобы сделать работу в Figma эффективнее.

Статья будет полезна как новичкам, так и уже опытным пользователям.

На небольших проектах мы всю работу ведем в одном файле: храним в нем черновики, концепты и чистовые макеты с компонентами. Чтобы разработчик и заказчик понимали, где лежит готовый для верстки макет, а где концептуальный черновик, мы делим файл на страницы.

Список страниц дробим на условные разделы. Для лучшего считывания используем эмодзи, а названия страниц отбиваем пробелами от начала строки. Получается что-то вроде структуры с вложенностью.

На самом деле эта структура лишь визуальное решение, так как Figma не позволяет создавать дополнительные уровни вложенности в станицах. В качестве названия раздела используется пустая страница.

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

С помощью эмодзи 🟢 или 🟠 можно отмечать степень готовности раздела для передачи в разработку.

Чтобы при смене состояний элемента сохранялись тексты, слои текстовых элементов должны быть названы одинаково. Это удобно при изменении состояний кнопок, элементов списка и инпутов.

Чтобы так работало, слои текстовых элементов должны быть названы одинаково, например, Title и Title, как в примере ниже.

Чтобы быстро сделать заливку фигуры логотипом, флагом или аватаром, удобно хранить эти картинки в качестве цветовых стилей.

Это удобно, если нужно найти и заменить неактуальный цвет, шрифт или заменить все экземпляры компонента на другие.

Также этот способ можно использовать, чтобы перенести мастер-компонент в другой файл. Как — читайте в следующем совете.

В Figma нет встроенной возможности перенести используемый мастер-компонент в другой файл, поэтому вам придется делать это вручную. Но есть надежный способ, как ускорить этот процесс.

Для этого нужно:

  • скопировать мастер-компонент в нужный файл;
  • присоединить этот файл в качестве библиотеки к текущему;
  • выбрать любой экземпляр старого мастер-компонента;
  • через меню Instance на панели инструментов заменить выделенные экземпляры на новый компонент;
  • Готово! Осталось просмотреть все экземпляры на предмет слетевших текстов и стилей, а чтобы тексты при замене компонента сохранялись, называйте одинаково слои на двух связанных компонентах (об этом мы писали выше).

По такому же принципу можно перенести из одного файла в другой цветовые и текстовые стили. Для цветовых стилей также можно использовать плагин Style Organizer или его аналог.

Если список сделать автолейаутом, то работать с ним становится гораздо удобнее: можно быстро увеличить количество строк через Cmd+D или удалить строки из середины списка, при этом отступы между элементами сохранятся.

Autoflow

Плагин позволяет создавать связи кривыми между объектами, артбордами и расположением в 2 клика. С этим инструментом легко проиллюстрировать связи между экранами и схемы переходов от страницы к странице

Avatars

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

С помощью плагина вы можете генерировать аватарки вымышленных людей, в заданную дизайнером область (прямоугольник, звезда, многоугольник и т. Плагин поддерживает множественную загрузку.

BeatFlyer Lite

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Этот плагин позволяет дизайнеру создать анимационные эффекты всего за пару кликов мыши. В анимацию можно добавлять сколько угодно эффектов.

Blobs

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Один из трендов современного дизайна – цветовое решение в виде капель (кривых Безье). Плагин «Blobs» помогает контролировать уникальность фигуры, количество точек и т.

Bullets

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Редко, когда макет обходится без создания списков. Плагин Bullets позволяет создать стильные маркированные списки. Создавайте стили, сохраняйте их в Figma и используйте их в рамках работы над всем проектом.

Chart

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Chart позволяет создавать графики разнообразных форм. Работает как с рандомными данными, так и с данными клиента. Поддерживается копипаста из Google Sheet, Excel, Numbers, что значительно уменьшает время на обработку данных.

Charts

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Charts позволяет создавать линейные, круговые, кольцевые и многие другие диаграммы. Является неким аналогом Chart, так что стоит решить, каким плагином вам пользоваться удобнее.

Chroma

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Chroma позволяет создать стили цвета. Нужно выбрать объекты с заливкой, запустить плагин, и цветовые стили сгенерируются автоматически. Удобно, когда не нужно искать нужные цвета, можно выбрать из генерируемых.

Color Kit

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

С помощью плагина Color Kit можно генерировать оттенки выбранного цвета от тёмных к светлым. Раннее дизайнерам требовалось использовать сторонние программы и приложения. Теперь получить 50 оттенков синего можно непосредственно в Figma.

Content Buddy

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Многие дизайнеры сталкивались с ситуацией, когда необходимо изменить одинаковый текст сразу в нескольких макетах. Раньше приходилось открывать каждый макет и отдельно и делать правку. Но плагин Content Buddy, позволяет организовать автоматическую правку одновременно в 50 макетах!

Content Reel

Этот плагин избавляет дизайнера от нужды придумывать «рыбный текст» для макета. Content Reel генерирует как текст, так и аватарки и имена пользователей, телефоны и адреса электронной почты, названия компаний и URL-адреса.

Design Lint

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Многие дизайнеры знакомы с ситуацией, когда после сдачи макета, разработчики находят расхождения – несоответствие цветов, шрифтов, заливки и т. Design Lint избавляет дизайнера от таких ошибок. Он проверяет макет полностью и автоматически исправляет несоответствия. Инструмент работает динамически и учитывает при проверке уже внесённые дизайнером исправления.

Плагин позволяет работать над макетом, не зацикливаясь на ошибках и мелких помарках.

Design System Organizer

Этот инструмент позволяет сгруппировать элементы в удобном интерфейсе. Таким образом можно упорядочить структуру, без утомительной работы. А значит, дизайнер избавлен от необходимости прописывать вручную такие пути как «Иконки / Маленькие / Состояния / По умолчанию». Если вы переименуете название группы, то это название будет автоматически изменено для всех компонентов и стилей.

Dot Grid

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин для тех, кто работает с сетками. С его помощью, можно украсить точечную сетку согласно выбранным параметрам (ширина, длина, цвет, разрывы). Dot Grid поможет заполнить пустоту ненавязчивым привлекательным элементом.

Figmotion

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Один из нескольких представленных в нашей подборке инструментов для создания анимации. С его помощью можно прямо в Figma, не переключаясь на сторонние инструменты, добавлять в макет анимационные эффекты.

Font Scale

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Это плагин для новичков в дизайне, которые ещё не приобрели навык автоматически, «на глаз», определять пропорции шрифтов. Font Scale позволяет быстро создать последовательную иерархию типографики.

GiffyCanvas

Без этого плагина, дизайнеру приходится создавать изображения с расширением GIF в отдельной программе, а после загружать её в прототип. Плагин GiffyCanvas позволяет создать GIF прямо в Figma. Нужно только загрузить изображения, из которых должна получится гифка, и прописать чёткие параметры.

Humaaans for Figma

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Добавив плагин Humaaans for Figma, вы получаете возможность пользоваться огромной библиотекой с иллюстрациями людей. С этими иллюстрациями можно работать прямо в Figma, комбинируя, создавая новые образы. Плагин позволяет менять причёски и одежду, добавлять разное окружение.

Image tracer

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Image tracer поможет вам преобразовать растровые чёрно-белые изображения в кривые, чтобы получить возможность внести изменения. Подходит для тех, кто часто теряет исходники логотипов и иконок.

Isometric

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Isometric позволяет создать изометрическую проекцию дизайна прямо в Figma, не прибегая к помощи Photoshop и других графических программ.

LilGrid

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин LilGrid стоит на страже порядка в вашем интерфейсе. Очень полезный инструмент для тех, кто хочет организовать максимально аккуратное рабочее пространство. При этом, LilGrid не поменяет элементы дизайна, а только поможет их упорядочить на холсте.

LottieFiles

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин LottieFiles позволяет украсить прототип анимациями. Плагин позволяет создавать собственные анимации или использовать готовые из библиотеки. Плагин позволяет вставлять анимационные фреймы как высококачественные SVG.

Mapsicle

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В прототипе нужна карта? С плагином Mapsicle можно генерировать карты и вставлять в заданную область. При этом можно воспользоваться набором стилей и поиском по координатам.

Material Palette

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Многие дизайнеры используют инструмент Material Design для создания палитр. Теперь создавать палитры можно прямо в Figma, экономя время и силы. Сейчас в плагине три типа палитр: True monochrome, Monochrome и Material.

Movie Posters

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Movie Posters – полезный плагин для тех, кто занимается созданием сайта по тематике «Кино, ТВ и сериалы». В векторный объект, созданный дизайнером, подгружается постер фильма, сериала или ТВ-шоу, популярный на данный момент.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Если вы любите эксперименты и «поиграть с цветами» – плагин Palette как раз для вас. Машинный интеллект генерирует автоматические палитры. Вы можете блокировать цвета, менять их местами. Плагин постоянно обновляется, туда добавляются новые варианты палитр, что позволяет экспериментировать на полную катушку.

Status

Плагин Status позволяет помечать статус дизайна. Когда над макетом работают несколько разработчиков, бывает трудно понять – какие страницы уже готовы к реализации, а над какими ещё ведётся работа. Воспользуйтесь плагином Status, чтобы решить эту проблему.

Table Paste

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Table Paste – ещё один табличный плагин, который позволяет перенести данные из Excel в стилизованные таблицы в Figma. Работать с ним достаточно просто – нужно создать свой стиль таблицы, а затем переносить данные из Excel, они автоматически стилизуются.

Themer

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Дизайнеры знают, как много времени и нервов отнимают сложные макеты, когда требуется переключать темы. С помощью плагина Themer можно создавать «темы», закрепив за ними стили из библиотек. А затем по одному клику менять стили.

TinyImage Compressor

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин TinyImage Compressor позволяет экспортировать ваши файлы в Figma и сжать их размер без потери качества. Плагин оптимизирует JPEG, а также PNG без фона, автоматически преобразует множественную загрузку в ZIP-папку. Правда у плагина есть ограничение на сжатие 15 файлов бесплатно, после придётся приобрести лицензию, но многие дизайнеры отмечают, что плагин сжимает файлы на 90% лучше, чем встроенные инструменты Figma.

Translate

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Translate помогает автоматически перевести интерфейс на выбранный язык. Пока количество языков ограничено, но у расширения огромный потенциал.

Tumble

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Tumble добавит эффект гравитации и прибьёт объекты к нижней границе фрейма. Таким образом, можно быстро создать забавные паттерны, которые «работают благодаря силе Ньютона».

Unsplash

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Unsplash интегрируется со стоковым сервисом и позволяет выбрать бесплатное стоковое изображение на любую тему. Можно использовать случайные снимки или поискать внутри расширения близкую по тематике.

Vector Maps

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

С помощью Vector Maps можно загрузить в макеты векторные карты. Для выбора страны или региона достаточно ввести название в поиск или выбрать на карте. Карта импортируется в Figma в виде отдельного фрейма.

Webgradients

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В плагине Webgradients встроенный фильтр позволяет выбрать сочетания цветов для создания градиентов. Созданные градиенты можно добавить в избранное, чтобы, работая над разными страницами одного макета, экономить время на подборе.

Wire Box

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Плагин Wire Box позволяет преобразовать макет высокой точности в варфреймы, помогая сосредоточиться на UX, а не на UI. Конечно, работать в системах hi-fi быстрее и проще, но иногда требуется вернуться в lo-fi. Изменение цвета прототипа на навязчивый розовый показывает, что прототип уже в варфрейме.

Детали Урока

  • Программа: Adobe Illustrator CS3 – CS6
  • Сложность: средняя
  • Время Выполнения: 1 час

Хотели бы вы изобразить билет в кино, который использовался в нашем мире несколько десятилетий тому назад? Если да, тогда давайте начнем, и вы несомненно освоите отличные инструменты Иллюстратора и создадите вашу собственную впечатляющую и великолепную работу! Откройте программу, создайте новый документ и приступим.

Шаг 1

Возьмите инструмент Rectangle Tool (M) и изобразите показанный ниже и залитый светло-коричневым цветом прямоугольник.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Захватите на панели инструментов Ellipse Tool (L) и начертите маленькую окружность, заполненную любым цветом (я для своей работы выбрал черный). Отключите контур. Разместите эту окружность в левом верхнем углу прямоугольника, как показано на рисунке ниже. Мы используем ее далее для создания перфорации. (Направляющие линии, показанные на рисунке, показаны лишь для вашего удобства и не представляют значимой важности для урока).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 3

Выделите обе черные окружности и выполните команду Object > Blend > Make (Command + Alt/Option + B).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Пока полученный бленд выделен, пойдите в Object > Blend > Blend Options и измените Spacing на Specified Steps, а количество шагов на подходящее значение для того, чтобы получить следующее изображение.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создайте следующий бленд объект на противоположной стороне прямоугольника.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 5

Скопируйте коричневый путь и вставьте его сверху (Command + C затем Command + F). Измените цвет контура на зеленый, а заливку для копии прямоугольника отключите.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В палитре Appearance щелкните кнопку добавления нового эффекта и выберите команду Path > Offset Path.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Введите подходящие значения так, чтобы получить следующий результат.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выполните команду Object > Expand Appearance.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 6

Изобразите следующие пути зеленого цвета с помощью Pen Tool (P). Сделайте это самостоятельно, поскольку это просто.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Теперь начертите три дополнительных прямоугольника, которые будут нам нужны далее в уроке. Назовите их: “1”, “2” и “3”, как показано на рисунке. Мы будем на них ссылаться. Отключите у них у всех контур.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 7

Переместите коричневый путь назад.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Начертите четыре показанных ниже эллипса, используя инструмент Ellipse Tool (L).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделите оба бленда.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 8

Увеличьте изображение для того, чтобы найти и удалить окружности, пересекающиеся с четырьмя эллипсами, показанными ниже.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Кроме того, удалите все окружности, которые расположены над центральным вырезом билета.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

И после совершенных манипуляций вы достигнете следующего результата.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 10

Теперь нам предстоит поработать с текстом. Возьмите инструмент Type Tool (T), измените цвет заливки на красный и напечатайте текст, который вам нравится. Так как мы рисуем билет в кино, то я выбрал текст: “ADMIT ONE”, что в переводе с английского означает, что по данному билету допускается только один человек. Разверните полученный текст с помощью команды Object > Transform > Rotate, как показано ниже. Разместите текст по центру, что указано на диаграмме красной стрелкой и выберите подходящие опции в палитре символов.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделите текст вместе с прямоугольником “1”, щелкните на границе прямоугольника “1” инструментом Selection Tool (V).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

и центрируйте текст по горизонтали и вертикали при помощи панели Align.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Слегка сместите затем текст вправо, чтобы придать рисунку большую красоту.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Другие тексты сделаны таким же способом, показанным только что, с помощью прямоугольников “2” и “3”. Создайте их самостоятельно так, как вам нравится.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 11

Скопируйте и вставьте назад коричневый путь (Command + C затем Command + B).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Немного сдвиньте копию влево и вверх. Залейте ее более светлым цветом.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Скопируйте основной коричневый путь билета и вставьте его назад снова (Command + C затем Command + B). Теперь чуть-чуть сдвиньте его вправо и вниз. Залейте эту новую копию серым цветом. Таким образом вы получите достаточно тонкий билет, имеющий ненулевую толщину.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 12

С помощью инструмента Rectangle Tool (M) нарисуйте прямоугольник чуть большего размера, чем основной коричневый путь, затем залейте его радиальным градиентом, показанным ниже.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Не снимая выделения с прямоугольника, в палитре Appearance щелкните на кнопке добавления нового эффекта и выберите эффект Artistic > Sponge.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Установите указанные на диаграмме ниже значения необходимых величин для эффекта.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Щелкнув по кнопке добавления нового эффекта снова, на сей раз выберите эффект Texture > Grain. Точно также установите для него значения.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Разместите эффекты в части заливки. Другими словами, ваш билет должен напоминать текстуру бумаги.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделив коричневый путь, разместите его над прямоугольником, к которому вы только что применяли эффекты.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 13

Переведите тексты, напечатанные на билете, в кривые с помощью меню Type > Create Outlines (Command + Shift + O).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Если желаете, то можете изменить цвета текста и зеленой линии. Взглянув на билет после применения эффектов, я решил, что вишневый текст и травянистые линии будут смотреться куда более эффектно. Следуйте своему собственному вкусу и представлению о красоте.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Все линии и тексты, напечатанные на билете, выделив, сгруппируйте (Command + G). Затем в палитре прозрачности измените режим наложения на Color Burn, а прозрачность установите приблизительно равной 95%, как показано для этой группы.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 14

Давайте теперь наложим на билет гранжевую текстуру. Я использовал для этой цели фотографию асфальта, сделанную на улице.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выполните File > Place, чтобы вставить фото в работу.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Object > Live Trace > Tracing Options — команда, которую вы должны выполнить следующим шагом. Выполните ее и установите значения для трассировки, которые показаны на диаграмме ниже. Не забудьте также установить опцию Ignore White (указанную стрелкой). После этого щелкните на кнопку начала трассировки.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 15

Конвертируйте полученные объекты в векторные пути с помощью кнопки Expand на панели управления. Затем измените на светло-серую заливку всех полученных объектов.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

С применением инструмента Direct Selection Tool (A) выделите пути, расположенные за пределами билета. Выделение сделайте приблизительно, на глазок.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Дважды нажмите кнопку Delete на вашей клавиатуре.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Удалите таким образом те пути, которые находятся за пределами билета. Необходимости в них в дальнейшем нет. Как и было сказано выше, не стоит пытаться удалять все без исключения пути тютелька в тютельку. Достаточно сделать это приблизительно.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 16

Теперь нам нужно разместить полученные из текстуры векторные пути над текстом и травянистыми линиями билета. Для этого выделите и группу из текста и линий, и группу из светло-серых путей, сделанных из текстуры,.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

а затем в палитре прозрачностей откройте всплывающее меню и выберите команду Make Opacity Mask.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Установите флажок. указанный стрелкой.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 17

Давайте теперь применим ко всему билету в целом новую гранжевую текстуру. Для этой цели я использовал фото потолка в ванной, который довно требует ремонта, хотя позволяет создавать интересные текстуры (Правда, Саша?). Разместите это фото также над билетом.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Фотография нашего потолка получилась слишком темной. Если ваша фотография такая же, то я рекомендую осветлить ее до использования. Если у вас установлен плагин Phantasm CS от компании Astute Graphics, то выполните команду Effect > Phantasm CS Studio > Brightness/Contrast, и установите подходящие значения яркости.

После применения плагина выполните команду Object > Expand Appearance.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Трассируйте также и новое изображение, как вы делали это одним шагом выше. Опции трассировки показаны ниже на диаграмме.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выполните для полученной текстуры команду Object > Expand Appearance.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Установите маску прозрачности в палитре прозрачностей, как показано. Эта маска применяется ко всей работе, сделанной ранее. Другими словами, ко всем объектам билета.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 18

Поставьте билет на уголок, выполнив команду Object > Transform > Rotate.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для того, чтобы создать тень от билета сперва нарисуйте показанный путь. Заливку пути сделайте белой, отключите контур, прозрачность установите нулевой.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Над этим путем нарисуйте следующий, меньшего размера, со светло-серой заливкой и со стопроцентной прозрачностью.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создадим еще один прямоугольник, вытянутый в горизонтальном направлении, как это показано на рисунке ниже. Заливаем новый объект вертикальным линейным градиентом от светло-коричневого цвета (R= 230, G= 218, B= 202) к белому цвету.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Применим к этому прямоугольнику режим смешивания Multiply в панели Transparency (Window > Transparency)

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В результате применения этого режима смешивания белый цвет становится прозрачным.

Шаг 4

Сместим прямоугольник с градиентной заливкой вниз, удерживая клавиши Shift и Option/Alt, что приведет к дублированию объекта.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Используем комбинацию горячих клавиш Cmd/Ctrl + D несколько раз для последовательного повторения последнего действия, то есть смещения и дублирования прямоугольника.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделяем все горизонтальные прямоугольники с градиентной заливкой. Два раза кликнем по иконке Wrinkle Tool в панели инструментов иллюстратора. Этот инструмент находится в одной группе с Width Tool. В открывшемся диалоговом окне установите параметры, которые показаны на рисунке ниже.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Совершаем горизонтальные движения указателем Wrinkle Tool по краям прямоугольников. В результате мы получим деформированные пути, как это показано на рисунке внизу.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Открываем панель Swatches (Window > Swatches) и выбираем паттерн USGS 22 Gravel Beach, для этого переходим Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures > USGS 22 Gravel Beach в сплывающем меню панели Swatches.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Этот паттерн состоит из окружностей, которые имеют черную обводку. Для наших целей такой цвет не подходит, следовательно, нам нужно отредактировать паттерн. Вытягиваем паттерн из панели Swatches на рабочую область.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Разблокируйте прямоугольник без заливки и обводки в панели Layers. Выделяем всю группу с белым паттерном, затем перетаскиваем ее назад в панель Swatches.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Используя описанную технику, создайте еще один паттерн. В этот раз его элементы должны иметь обводку нейтрально серого цвета (K=40).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 9

Вернемся к нашей векторной картонной текстуре. Копируем нижний прямоугольник со сплошной заливкой и вставляем его вперед (Cmd/Ctrl + C; Cmd/Ctrl + F). Поместим этот прямоугольник выше всех созданных объектов.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Теперь применим к нему паттерн с белыми объектами.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Уменьшим прозрачность до 50% в панели Transparency.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Дублируем прямоугольник с белой текстурой. Применим к новому объекту паттерн с серыми элементами. Установим для этой текстуры 100% прозрачности.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Применим к серой точечной текстуре режим смешивания Multiply и уменьшим прозрачность, если это необходимо.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Поздравляем! Вот и все! Картонная текстура готова.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Теперь вы можете использовать ее в своих проектах. В качестве примера хотел бы показать созданный мною векторный абстрактный фон с картонными цветами.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Шаг 2

Создадим прямоугольник при помощи Rectangle Tool (M) с заливкой светло-серого цвета и без обводки.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Берем Warp Tool (Shift + R). Настройки этого инструмента на данном этапе работы показаны на рисунке ниже. Для открытия диалогового окна Warp Tool Options два раза кликнете по иконке инструмента в панели Tools или нажмите на Enter.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Теперь деформируем нижний край прямоугольника, придав ему произвольную волнистую форму.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Копируем полученную форму и вставляем копию вперед (Cmd/Ctrl + C; Cmd/Ctrl + F). Заливаем верхнюю форму вертикальным градиентом, который состоит из двух оттенков серого или другого цвета, если вы хотите получить цветную бумагу.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Не снимая выделения с верхней формы и не изменяя настроек Warp Tool Options, переместим ее нижний край немного верх.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Копируем нижнюю форму и вставляем ее назад (Cmd/Ctrl + C; Cmd/Ctrl + B). Перекрашиваем самый нижний объект в темно серый цвет. На рисунке ниже видимость двух верхних форм временно отключена для наглядности.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Копируем последнюю форму и вставляем назад. Перекрашиваем новый объект в белый цвет и смещаем копию немного вниз, используя клавишу стрелка вниз.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделяем темно-серый и белый объект, затем переходим Object > Blend > Make, затем Object > Blend > Blend Options и устанавливаем количество шагов. Думаю, для наших целей 30 шагов будет достаточно.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для того чтобы тень от бумаги выглядела полупрозрачной на любом фоне, применим к бленд объекту режим смешивания Multiply в панели Transparency.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Обычно края рваной бумаги не равномерно прилегают к поверхности, поэтому тень будет выглядеть не так равномерно, как сейчас. Для изменения формы тени заблокируем темно-серую форму, входящую в бленд объект и выделим белую форму в панели Layers.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Берем Warp Tool и немного изменим его настройки, отключив опции Detail и Simplify. Это даст нам возможность не создавать новые точки на пути во время его деформации. Одинаковое число точек у объектов, которые входят в бленд избавляет нас от артефактов. Теперь изменим форму нижнего края белой формы при помощи Warp Tool. В некоторых местах приблизив путь к темно-серой форме, а в других местах отдалив.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Теперь можно включить видимость двух верхних объектов в панели Layers.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Если тень вам кажется слишком грубой и жирной, то вы можете уменьшить Opacity белого объекта от 100% до 0% в панели Transparency.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для этих же целей вы также можете сделать светлее верхнюю форму, входящую в бленд объект. Падающая тень от бумаги готова.

Выделяем светло-серую форму, затем берем Wrinkle Tool и открываем его диалоговое окно. Настройки инструмента, подобранные мной экспериментальным путем показаны на рисунке ниже.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Проводим по нижнему краю выделенной формы в горизонтальном направлении.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Такое искажение действительно похоже на край рваной бумаги. Теперь нам осталось только выделить самую верхнюю форму и аналогичным образом обработать ее нижний край.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Эффект рваной бумаги готов! Это довольно популярный прием в графическом дизайне. В качестве примера использован абстрактный шаблон для создания инфографики с Shutterstock.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Настраиваем
документ

Давайте
начнём с зарисовки элементов нашего узора. Я зарисовала тему к Хэллоуину по мотивам
Kawaii, с которой
мы будем работать. Вы можете самостоятельно нарисовать скелеты, мумии, ведьм, Франкенштейна, Дракулу и пугающий текст или использовать те рисунки, которые нарисовала я.

Помните, что
итоговая работа будет чёрно-белой по трём причинам: это стильно, дешевле
напечатать в одном цвете, и детям будет весело раскрашивать получившийся
рисунок.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Откройте новый
документ в Illustrator CC (Command-N). Мы хотим создать монтажную область такого
размера, с которым сможем работать. В целом размер не важен, если он не
слишком маленький или большой. Сейчас
создадим монтажную область 600 х 600 пикселей. Дайте ей название и поместите (Файл
> Поместить) зарисовку на нашу область, подогнав масштаб под параметры
документа.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Заблокируйте
«Слой 1» на панели Слоёв и Создайте новый слой, дав ему название «Рисунок».

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём кавайную летучую мышь

Характерная черта японского стиля Kawaii – жирные контуры и вариации штрихов
на рисунке. Поэтому мы
сосредоточимся на  формировании наших
элементов посредством изменения Толщины обводки. Я нарисую первых двух
персонажей с вами и расскажу вам обо всех остальных.

Инструментом
«Эллипс» (L) вчертите
круглые формы, формируя мышь – заливка на 0, чёрная обводка на 0. Подгоните масштаб,
трансформируйте и  поверните несколько
эллипсов, чтобы они вписались в эскиз.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для создания
крыла выделите три эллипса под крылом и используйте функцию Объединения на панели Обработки контуров. Выделите фигуру эллипса за новой фигурой
и нажмите на «Минус нижний» на панели Обработки контуров. Удалите нижнюю обрезанную фигуру.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для создания
ушей Инструментом «Прямоугольник» (М) нарисуйте блок с правой стороны от эллипса
уха и нажмите на Вычитание переднего на панели Обработки контуров, чтобы мы
смогли вырезать фигуру уха.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для
внутреннего крыла Инструментом «Дуга» нарисуйте дугу от одного края к другому.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для рта используйте
Инструмент «Эллипс» (L) (заливка на 0, чёрная обводка толщиной
3) и перейдите в Объект > Разобрать, чтобы превратить контур в фигуру. Затем, как и для уха, создайте прямоугольник, чтобы покрыть верхнюю половину
контура рта и нажмите на Вычитание переднего на панели Обработки контуров.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Используйте Инструмент
«Перо» (Р), чтобы вручную нарисовать клыки.

Отрегулируйте
и расположите части тела по своему усмотрению. Затем заполните фигуры цветом. Вы увидите, что я заполнила свою мышь чёрным цветом с белой обводкой и
Скруглёнными углами (на панели Обводки).

Выделите ухо,
крыло, глаз и клык: Alt-Shift-перетащить для копирования и с выделенными
копиями перейдите в Объект > Трансформировать > Зеркально отразить элементы
(по вертикальной оси). Вы можете перетащить их в нужную область.

Наконец, Сгруппируйте
(Command-G) все формы мыши
вместе.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём кавайного паука

Давайте перейдём к пауку. Паучья голова очень похожа на мышиную. Я добавила звезду в качестве зрачков при помощи Инструмента “Звезда”. Для паутиной нити был использован Инструмент “Отрезок линии” () с Толщиной обводки 3 и следующими настройками: Скруглённый конец и Угол, Наклонная линия: Наклон 1/ Промежуток 5.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для ног создайте овал Инструментом “Эллипс” (L) и перейдите в Объект > Контур > Добавить опорные точки. Инструментом “Ножницы” (С) обрежьте, как показано ниже. Удалите нижнюю часть эллипса и преобразуйте концы оставшейся части в Скруглённые концы на панели Обводки.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Скопируйте ногу: Alt-Shift-перетащить для создания остальных трёх ног. Затем отрегулируйте масштаб и поверните каждую ногу, чтобы она пропорционально входила в эскиз. После этого выделите четыре ноги и при помощи Инструмента “Зеркальное отражение” (О) установите точку привязки (светло-синий курсор) в центре тела паука.

Дважды кликнув на инструменте на панели Инструмента, мы можем воспользоваться окном с расширенными настройками Зеркального отражения. Выберите “Вертикальный” и нажмите “Копировать”. Теперь у нас есть отражённая копия выделенной области.

Сгруппируйте (Command-G) все элементы паука вместе.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём кавайную сладкую кукурузу

Нарисуйте длинный овал Инструментом “Эллипс” (L). Перейдите в Эффект > Деформация > Дуга, настроив Горизонтальный сгиб на 61%. Нажмите ОК.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Чтобы наклонить основы, выберите Инструмент “Свободное трансформирование” (Е) на панели Инструмента и выберите “Свободное искажение”, чтобы изменить низ. У Инструмента “Свободное трансформирование” есть новый виджет, который позволяет вам контролировать деформацию объектов естественным образом.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Перетащите, удерживая Shift-Alt для создания копии, и уменьшите масштаб, чтобы создать маленькую искру. Затем Разберите оформление (Объект > Разобрать оформление) обоих искорок.

Инструментом “Эллипс” (L) создайте глаза. Для создания улыбки также воспользуйтесь Инструментом “Эллипс” (L) с чёрной обводкой и без заливки. Инструментом “Ножницы” (С) на панели Инструмента разделите её на половины и примените Скруглённые концы на панели Обводки. Используйте Инструмент “Отрезок линии” (), чтобы создать разделения контура объекта. Выделив обе линии, перейдите в Эффект > Деформация > Дуга вниз при Горизонтальном сгибе 35%. Разберите оформление обеих линий.

Перед группированием наших элементов вам может понадобиться правильно расставить элементы. Сгруппируйте (Command-G), когда закончите.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём кавайную тыкву

Инструментом “Эллипс” (L) нарисуйте овал под углом, затем используйте Инструмент “Зеркальное отражение”. Перейдите в Обработка контуров > Объединить, чтобы соединить фигуры.

Инструментом “Преобразовать опорную точку”(Shift-C) сделайте верхний и нижний наклон. Используйте Инструмент “Эллипс” (L) для создания глаз.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Инструментом “Эллипс”(L) нарисуйте рот, а Инструментом “Перо” (Р) создайте выступающую фигуру зуба. Перейдите в Обработка контуров > Вычитание переднего.

Затем для создания бороздок тыквы используйте Инструмент “Отрезок линии” () для создания двух вертикальных линий. Для левой линии перейдите в Эффект > Дуга, установив значение на 37%(вертикально) и для правой линии – -37%.

Разберите оформление двух согнутых линий. Затем перейдите в Упорядочить > На задний план. Корешок тыквы и вьюнки были нарисованы от руки Инструментом “Перо” (Р). Сгруппируйте фигуры по окончании.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём других персонажей

Для остальных персонажей и объектов на узоре мы продолжаем использовать те же инструменты в создании. Кратко расскажу об этом:

  • Кровавое глазное яблоко: Инструмент “Эллипс” (L) для основных частей. Инструмент “Перо” (Р) для капилляров. Инструмент “Скруглённый прямоугольник” для кровавых потёков. Сгруппировать (Command-G).
  • Конфета: Инструмент “Эллипс” (L) + Инструмент “Скруглённый прямоугольник” + Инструмент “Звезда” использованы для главных частей. При помощи Инструмента “Эллипс” (L) и панели Обработки контуров вы можете сделать закрученные концы обёртки и рот. При помощи Инструмента “Зеркальное отражение” (О) создайте зеркальное отражение. Сгруппируйте (Command-G).
  • Паутина: Инструмент “Многоугольник” и “Отрезок линии” (). Затем Сгруппировать (Command-G)

Убедитесь, что внешняя оболочка ваших объектов состоит из толстой обводки и тонких внутренних штрихов. Все штрихи должны иметь Скруглённые концы. У внешних фигур обводка была 6, а внутренние штрихи – между 1-3. Разные линии помогают наметить фигуры. Рот тыквы, насупленные брови были отражены в улыбку (Объект > Трансформировать > Зеркально отразить (по горизонтали)). Финальный результат должен выглядеть как-то так:

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём текст

Новая функция в Illustrator – Инструмент “Печать вслепую”. При помощи Инструмента “Печать” (Т) напечатайте “ВОО!”, использовав шрифт “ChunkFive”.

На панели инструментов или панели Символов вы можете найти Инструмент “Печать вслепую”. Если мы выберем любой символ этим инструментом вы увидите появившиеся маркеры для изменения буквы. Например, для вращения щёлкните на маленьком кружке на верху маркеров. Вы можете управлять всеми параметрами также и с панели Символов. Здорово то, что если у вас Wacom Cintiq, вы можете управлять символами, просто касаясь экрана пальцем. круто! Можете свободно управлять своим текстом по своему усмотрению.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Для текста “trick-or-treat” я использовала шрифт Brody, однако, вы можете использовать любой другой шрифт. В Illustrator CC есть новый расширенный фильтр на панелях Управления и Символов, который поможет найти подходящий шрифт. Это облегчает поиск, т. есть предпросмотр шрифтов, их видов, а также можно открыть список стилей, например italic, bold и т. для конкретного шрифта.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём узор

После завершения создания рисунка нам нужно из него сделать узор. Переместите и измените нарисованные элементы, как вам нравится. Я скопировала несколько паутин и изменила масштаб элементов. Как закончите, Сгруппируйте все объекты вместе (Command-G).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Мои элементы больше, чем мне нужно для печати, т. я буду печатать на принтере А4, поэтому я уменьшила масштаб, удерживая клавишу Shift, чтобы зафиксировать пропорции. Убедитесь, что стоит галочка в Иллюстратор > Установки > Основные > Масштабировать обводки и эффекты, иначе рисунок не уменьшится в размерах.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Чтобы создать узор, перейдите в Объект > Узор > Создать, чтобы появилась панель Настроек узора. Вы увидите плиточный узор, затемнённый вокруг оригинальной копии. На этом этапе вы можете внести любые нужные изменения в рисунок, расстояние и тип. Когда закончите, Назовите свой узор “Кавайный Хэллоуин”.

Создайте Копии 9х9, чтобы посмотреть, как это будет смотреться в большом масштабе. Копии определяют количество повторений рисунка на предпросмотре узора. Нажмите “Готово” в верхней части экрана, и ваш узор появится как новый образец на панели Образцов.

Выделите сгруппированный рисунок и перейдите в Объект > Спрятать > Выделенное (Command-3).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Изменяем монтажную область

Теперь, когда наш узор готов, нам нужно решить, на бумаге какого размера мы его напечатаем. У большинства есть принтер А4. Поэтому мы перейдём в Файл > Настройка документа > Редактировать монтажные области: Стиль: А4 или настройте размеры доступной печатной бумаги.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделив образец “Кавайный Хэллоуин”, возьмите Инструмент “Прямоугольник” (М) и создайте прямоугольник, который подойдёт под ваши параметры.

Файл > Печать. Введите нужные настройки для принтера и распечатайте на белой бумаге. Для большой распечатки отнесите документ в местную печатную контору, где вы сможете получить длинный лист.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Заверните!

Счастливой упаковки! При помощи разных инструментов и инструментов нового Illustrator CC вы смогли создать собственную упаковочную бумагу к Хэллоуину! Здорово то, что вы всегда можете вернуться к образцу с узором и изменить текст, поэтому если вы собираетесь напугать Мумию, за минуту измените текст и распечатайте!

Я действительно надеюсь, что вам понравилось моё руководство, и я бы с удовольствием посмотрела бы на ваши узоры упаковочной бумаги к Хэллоуину.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как настроить новый файл проекта

Как всегда, давайте начнём проект, открыв Illustrator и настроив Новый документ, перейдя в Файл > Новый (или Control-N), который мы настроим следующим образом:

  • Ширина: 1200 пикселей
  • Высота: 600 пикселей
  • Единицы измерения: пиксели

И на вкладке с Расширенными настройками:

  • Цветовой режим: RGB
  • Растровые эффекты: Экран (72 пикселов на дюйм)
  • Режим предпросмотра: по умолчанию

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как настроить слои

После создания нового документа нам нужно разбить его на слои, чтобы мы смогли отделить наши вазы (которые мы используем как поддержку для разных текстур) от фона.

Поэтому откройте панель Слоёв и создайте два слоя, которые мы назовём так:

  • слой 1: фон
  • слой 2: вазы

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как создать фон

С разбитым на слоями документом мы можем начать работать над текущим проектом, и начнём мы с фона. Убедитесь, что находитесь на первом слое, и мы начнём!

Инструментом “Прямоугольник” (М) создайте прямоугольник 1200 х 600 пикселей, который мы окрасим в цвет #FF8269 и затем выровняем по центру Монтажной области при помощи опций панели Выравнивания “Горизонтальное и Вертикальное выравнивание по центру”, убедившись, что выравнивание сделано относительно Монтажной области.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как создать вазу

Предположим, вы уже перешли на второй слой. Начнём работать над декоративной посудиной, на которой будут размещены текстуры.

Начните с создания нижней области вазы, использовав круг 128 х128 пикселей, который мы окрасим в цвет #FFE7C5 и затем выровняем по центру относительно Монтажной области, расположив её на расстоянии 178 пикселей от нижнего края.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Добавьте основную фигуру для области шеи при помощи прямоугольника 24 х 88 пикселей (#FFE7C5) и основы из скруглённого прямоугольника 48 х 8 пикселей (#FFE7C5), которые мы расположим, как показано на образце.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Откройте контур верхней половины круга и нижней половины прямоугольника, объединив их в единую большую фигуру при помощи комбинации клавиш Control-J, не забыв настроить переход между областью шеи и нижней частью вазы, как показано на образце.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

После того, как мы закончим работать с вазой, можем добавить переднюю линию при помощи линии шириной 160 пикселей и Обводкой толщиной 2 пикселя (#2A323D). После того, как мы сгруппировали (Control-G) две фигуры вместе, добавьте оставшиеся образцы (Control-C > Control-F дважды), которые мы расположим на расстоянии 160 пикселей от оригинала.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как добавить текстуры при помощи зернистого эффекта

Первый метод, и мой самый любимый, – это применение Эффекта зернистости, который изначально был в Photoshop.

Перейдите к первой вазе (левой) и затем при помощи Инструмента “Прямое выделение” (А) выделите фигуры тела и основы вазы, которые мы скопируем (Control-C) и вставим на передний план (Control-F), где они будут использованы в качестве Обтравочной маски.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

нам нужно, чтобы две фигуры вели себя как одна целая, нам нужно превратить их в Составную фигуру, перейдя в расширенное меню Обработки контуров и затем кликнув на функции “Составная фигура”.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Далее нам нужно применить линейный градиент к Составной фигуре, установив цвет левой стороны на белый (#FFFFFF) и правой стороны на то же значение, используемое для более тёмных областей (#2A323D).

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

После применения градиента мы можем добавить зернистую текстуру, перейдя в Эффект > Эффекты Photoshop > Текстура > Зерно, где мы установим Тип зернистости на Гравированный и затем изменим уровни Интенсивности и Контраста, пока не достигнем интересного результата. В моём случае я выставил значение 40 для Интенсивности и 50 для Контраста, что дало мне достаточно тяжёлую для работы текстуру.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

В зависимости от результата вы можете отрегулировать положение текстуры, открыв панель Градиента и перетащив верхний ползунок либо влево для добавления большей детальности, либо вправо, чтобы их удалить. Нужно всегда помнить настраивать уровень Непрозрачности более светлого стоп-цвета (в нашем случае левый) на 0% (или близкое значение, например 10%), т. в противном случае белый цвет разрушит текстуру.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Сейчас нам нужно сделать переход нашей текстуры к вазе, открыв панель Непрозрачности и выбрав нужный Режим перехода. Для текущего примера я выбрал Перекрытие, что, как вы видите, образует приятный, мягкий переход между текстурой и вазой, и это то, что мне нужно. В зависимости от проекта вы можете прийти к использованию разных Режимов наложения и уровней Непрозрачности, поэтому я очень рекомендую поэкспериментировать с ними, пока не найдёте то, что создаёт интересный эффект.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как создать текстуры при помощи пользовательской точечной кисти

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

Как мы делали в предыдущем способе, сначала нам нужно создать копию основного тела вазы и подставки, которые мы превратим в Составную фигуру, которая позже станет Обтравочной маской.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Далее нам нужно создать пользовательскую кисть, нарисовав пару кругов разных размеров (#000000), изображённых в круге (отмечено зелёным), расположив маленькие кружки возле внешнего контура, а большие – возле середины.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Совет: как видите, я создал новый документ, так что мои элементы кисти не перекрывают вазы, но вы можете делать всё в одном проекте, если будете осторожны.

Когда все фигуры будут на месте, вам нужно перейти на панель Кистей, выделив их все, и кликнуть на Новой кисти, установив тип кисти на Дискретную. Откроется новое окно, где вы сможете настроить её параметры, но сейчас оставьте их как есть, т. вы не сможете предварительно посмотреть на любые изменения. Дайте кисти название и нажмите ОК, т. настроим мы её в следующем шаге.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Если вы внимательнее посмотрите на панель Кистей, вы заметите точечную кисть, которую мы только что создали, но которую нужно выбрать и затем использовать в рисовании горизонтальной линии Инструментом “Кисть” (В). Это поможет нам посмотреть на изменения, которые мы собираемся внести в разные параметры кисти.

Когда у вас будет линия, можете вернуться на панель и дважды кликнуть на кисти, чтобы появилось новое окно, где можно настроить разные параметры и предварительно посмотреть на изменения.

В моём случае я установил Размер на Давление и снизил его уровень до 28%. Затем я изменил Интервал на 40%, убедившись, что Дискрет равен 0% и Поворот установлен на Случайный с углом -120 градусов. Я установил Раскраску на Оттенки, т. хочу, чтобы можно было изменить цвет кисти позже, когда понадобится.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Когда я закончу изменять кисть, то могу вернуться к своему проектному файлу и использовать его для добавления текстуры по бокам вазы, использовав цвет #000000 для левой стороны и #FFFFFF – для правой. В зависимости от того, что вы хотите достичь, можете настроить Толщину Обводки, чтобы получить желаемый эффект. я хотел добиться мягкого результата, я снизил его до значения 0. 3 пикселей.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Когда вы будете довольны результатом, нужно будет расположить Составную фигуру на переднем плане текстуры (правая кнопка мыши > Монтаж > На передний план) и затем использовать её как Обтравочную маску (выделенные нужные фигуры > щелчок правой кнопкой > Создать обтравочную маску), чтобы придерживаться границ вазы.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Как создать текстуры при помощи образцов узора

Наш третий и последний способ – тот, о котором вы, вероятно, никогда бы не подумали, и вот почему я действительно хочу открыть его, т. он очень прост в использовании и даёт действительно интересные результаты.

Перейдите к последней вазе и смотрите!

Как мы делали в предыдущих методах, начните с создания Составной фигуры, использовав копию (Control-C > Control-F) тела и основы вазы.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Выделив Составную фигуру, откройте панель Образцов и кликните на меню Библиотеки образцов, затем спуститесь вниз к Узоры > Базовая графика > Базовая графика_текстуры. Как видите, есть набор опций, из которых можно выбрать, но для этого проекта мы используем одну опцию под названием “Волны”.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Далее нам нужно настроить видимость текстуры, установив её Режим наложения на Перекрытие и снизив Непрозрачность до 60%, что должно дать нам интересный финальный результат.

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Снято!

Готово, друзья-текстурщики: приятное, лёгкое руководство о том, как создать текстуру для разных проектов при помощи трёх разных способов.

Как обычно, если у вас есть какие-нибудь вопросы, не стесняйтесь задавать их в комментариях, и я вернусь к вам так скоро, как смогу!

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Создаём упаковочную бумагу для Хэллоуина в Illustrator CC

Adblock
detector