Vectorboom
Уроки / Иллюстрации / Comments: 8

Как быстро создать реалистический векторный апельсин в Adobe Illustrator

Ярослав Лазунов
07.04.2013
Финальное изображение
Realistic Vector Orange

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

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

Шаг 1

В качестве референсных изображений я буду использовать фотографии laurel leaf и orange с Shutterstock.

В случае использования готовых фотографий, вам следует выбирать изолированные изображения. Конечно, вы можете создать подобные изображения самостоятельно. Для этого вам понадобится недорогая цифровая камера и light box. Если вы хотите создать light box своими руками, посмотрите этот видео урок.

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

Шаг 2

Теперь поместим изображения в Inkscape. Я предпочитаю именно этот векторный редактор для трассировки изображений. В моем уроке "Как создать векторную текстуру высокого качества" вы найдете подробную инструкцию трассировки, и узнаете о преимуществах Inkscape.

Каждый элемент будущей композиции следует трассировать в разных документах. После трассировки мы получаем вектор превосходного качества.

Шаг 3

Сохраняем файлы в формате SVG.

Продолжим работу в Adobe Illustrator. Запускаем приложение и открываем в нем файлы с апельсином и листом. Теперь удаляем фон из обоих файлов.

Шаг 4

Приступим к оптимизации размеров векторных изображений, то есть к уменьшению точек. Для удаления overlapped points воспользуемся скриптом Marge Overlapped Anchors, который вы можнте скачать здесь. Выделяем все объекты листа, затем переходим Object > Path > Simplify…. Подбираем параметры так, чтобы существенно уменьшить количество точек, но не сильно ухудшить качество изображения.

Те же действия необходимо совершить и со вторым файлом.

Шаг 5

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

Приступим к созданию теней. Копируем весь векторный лист и вставляем его вперед (Cmd / Ctrl + C; Cmd / Ctrl + F). Не снимая выделения с верхнего листа, нажимаем на кнопку Unite в панеле Pathfinder.

Переходим Object > Compound Path > Release, затем нажимаем на кнопку Unite в панеле Pathfinder еще раз.

Шаг 6

Временно отключим видимость полученной формы листа в панеле Layers. Создадим прямоугольник при помощи Rectangle Tool (M) и повернем его на некоторый угол. Применяем к прямоугольнику линейный градиент и Multiply режим смешивания. Цветами градиента следует управлять после применения режима смешивания. Наша задача  - создать тень на нижней части листа. Переместите прямоугольник в панеле Layers так, чтобы он находился между апельсином и листом.

Шаг 7

Создаем окружность при помощи Ellipse Tool (L). Заливаем окружность черно-белым радиальным градиентом и применяем Multiply blending mode в панеле Transparency panel. Эта окружность создает тень от апельсина на листе.  

Шаг 8

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

Выделяем форму листа, окружность и прямоугольник, затем нажимаем Cmd / Ctrl + 7, создавая Clipping Mask.

Шаг 9

Создаем два эллипса при помощи Ellipse Tool (L). Больший эллипс находится ниже меньшего и имеет opacity 0%. Выделяем оба эллипса, затем нажимаем Cmd / Ctrl + Opt / Alt + B, создавая бленд объект. Кликните два раза по иконке Blend Tool (W) панеле инструментов и установите требуемое количество шагов в диалоговом окне.

Теперь вы можете поработать с цветами обоих эллипсов для достижения нужного цвета и насыщенности тени.

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

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

  1.  
  2. Создать изолированные фотографии объектов, из которых будет состоять композиция. Лучше если вы создадите их сами, так как при загрузке подобного векторного файла на микростоки, вам  также потребуется  загружать релиз собственника (Property Release).
  3.  
  4. Трассировка растровых изображений в Inkscape.
  5.  
  6. Оптимизация векторных изображений в Adobe Illustrator.
  7.  
  8. Создание композиции и теней в Adobe Illustrator.

Удачи!

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.