Как сделать тень в adobe illustrator
Перейти к содержимому

Как сделать тень в adobe illustrator

  • автор:

Как в Adobe Illustrator сделать тень

Share on Facebook

Share this.

Pin on Pinterest

Tweet about this on Twitter

Share on VK

Share on Tumblr

Print this page

В этом уроке мы научимся рисовать тень в иллюстраторе так, чтобы работу в итоге можно было сохранить в форматах EPS 8 или 10. Почему в этих форматах? Потому что именно их принимают на самых крупных микростоках, таких как фотобанк Shutterstock.

Смею заметить, что эффекты фотошопа для создания тени, такие как Размытие или Тень, не поддерживаются в форматах EPS 8 и 10.

Самый простой способ создания тени — с использованием инструмента Переход (Alt + Ctrl + B).

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

как нарисовать тень в иллюстраторе - шаг 1

Выделяем оба квадрата и переходим Объект — Переход — Параметры перехода. В появившемся диалоговом окне задаем параметры: Метод — заданное число шагов 50, Ориентация — выровнять по странице, нажимаем кнопку Ок.

как нарисовать тень в иллюстраторе - шаг 2

Далее переходим Объект — Переход — Создать (Alt + Ctrl + B).

как нарисовать тень в иллюстраторе - шаг 3

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

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

как нарисовать тень в иллюстраторе - шаг 4как нарисовать тень в иллюстраторе - шаг 5

Второй способ создания тени заключается в использовании градиента.

как создать тень в иллюстраторе - шаг 1

как создать тень в иллюстраторе - шаг 2

Цвет градиента нужно подбирать так, чтобы он шел от цвета тени (цвета объекта который ее отбрасывает) к цвету фона.

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

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

как сделать тень в иллюстраторе - шаг 1как сделать тень в иллюстраторе - шаг 2

Применяем к нашей точке серый цвет. И собственно все — тень готова!

как сделать тень в иллюстраторе - шаг 3как сделать тень в иллюстраторе - шаг 4

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

создание тени от предмета в иллюстраторе - шаг 1создание тени от предмета в иллюстраторе - шаг 2

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

создание тени от предмета в иллюстраторе - шаг 3создание тени от предмета в иллюстраторе - шаг 4

Корректируем опорные точки.

создание тени от предмета в иллюстраторе - шаг 5создание тени от предмета в иллюстраторе - шаг 6

Помещаем наш объект поверх созданной тени.

создание тени от предмета в иллюстраторе - шаг 7

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

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

Share on Facebook

Share this.

Рисуем тени и блики в Illustrator. Видео урок

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

Как нарисовать тень в Illustrator поэтапно. Видео урок

Рисование контура тени.

Тени, как правило, располагаются внутри предмета и проходят по краю, поэтому, удобно будет использовать инструмент «Создание фигур (Shift+M)» для отсечения лишнего или создания новой фигуры на основе двух существующих.

Для этого нарисуйте два круга со смещением, как показано на рисунке ниже. Или другие необходимые фигуры. Важно помнить, что рисуя тень, главное правильно провести линию внутри предмета и замкнуть, все что за пределами, — обрежется. Выделите оба предмета. И возьмите инструмент «Создание фигур». Удерживая клавишу ALT, щелкните по лишней области и она удалиться.

Рисование контура тени

Если вы хотите сделать рисунок более красивым, создайте второй контур тени рядом с первым. Вторая тень будет более светлой, чем первая и это добавит объема. Ведь, чем больше деталей прорисовано, тем красивее рисунок.

Раскраска теней и бликов.

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

  1. Кликнув два раза по образцу цвета перетянуть указатель выше или ниже.
  2. Оставить цвет тем же. Но поменять режим наложения. Для теней подойдет «Умножение», а для освещенной части предмета «Осветление».

Раскраска теней и бликов

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

Раскраска теней и бликов

Также хорошим эффектом объема обладает сетчатый градиент (Mesh Tool). Этот инструмент позволяет «натянуть» сетку на фигуру и раскрасить каждое из звеньев в отдельный цвет. С помощью сетчатого градиента, можно не только создавать тени и блики, но и придать векторному рисунку фотореализма.

Другие способы нарисовать тень

Кроме того, красивые тени получаются благодаря инструменту «Градиент». Если поставить с обоих сторон черный цвет и поменять значение прозрачности от нуля до 50%, выйдет красивая тень с плавным перетеканием. В сочетании в режимом наложения «Умножение» выглядеть она будет очень реалистично, даже на цветном фоне.

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

красивые тени градиент

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

Складки на одежде или тени, имеют не правильную форму, поэтому, для рисования подойдет инструмент «Карандаш».

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

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

Как добавить тень в Illustrator

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

Количество просмотров этой статьи: 73 641.

В этой статье:

Программное обеспечение Illustrator от Adobe Systems используется для создания графики, типографики, высококачественных печатных и веб-документов. Оно особенно ценится среди графических дизайнеров, так как программа «искусна» в создании 3D-логотипов и блоков текста формата «rich text». После того как вы добавили объект или текстовое поле в документ Illustrator, вы можете добавить блеск, отражения, тени и другие эффекты к вашей работе с тем, чтобы показать ее «глубину». Тень в Adobe Illustrator называют «падающей тенью», потому что тень изображения падает ниже изображения или текста, чтобы оно выглядело так, как будто объект поднимается. Эта статья покажет вам, как добавить тень в Illustrator.

Step 1 Откройте приложение Adobe Illustrator.

Откройте приложение Adobe Illustrator.

Step 2 Откройте существующий документ.

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

Step 3 Выберите слой, содержащий.

Выберите слой, содержащий объект, к которому вы хотите добавить тень. Вы можете выбрать слой на Layers Palette (Палитра слоев). Для доступа к этой палитре перейдите в меню «Window» на верхней горизонтальной панели инструментов. Нажмите пункт «Layers» в выпадающем списке.

Step 4 Нажмите на объект.

Нажмите на объект или текстовое поле, к которому вы хотите добавить тень.

Step 5 Выберите меню

Выберите меню «Effect» (Эффект) на верхней горизонтальной панели инструментов. Выберите «Stylize» в выпадающем меню под заголовком «Illustrator Effects». (Есть также опция «Stylize» под пунктом «Photoshop Effects,» но она не будет создавать тень).

Step 6 Выберите пункт

  • Если вы используете старую версию Illustrator, вы можете найти диалоговое Drop Shadow, выбрав «Object» (Объект) в верхней горизонтальной панели инструментов и выбрав «Drop Shadow» из выпадающего меню. Должно появиться диалоговое окно Drop Shadow.

Step 7 Выберите пункт

Выберите пункт «Mode» для вашей выпадающей тени. Это способ, с помощью которого тень будет смешиваться. Это включает в себя такие опции, как «Hard Light (Жесткий свет), Multiply (Затенение), Soft Light (Мягкий свет), Color Burn (Затемнение основы), Overlay (Наложение)» и многое другое. Поэкспериментируйте с этими режимами, если вы не знаете, как ваша тень должна смешиваться.

Step 8 Выберите процентное соотношение для

Выберите процентное соотношение для «Opacity» (Непрозрачность). Чем выше процент, тем больше ваша тень будет выделяться.

Step 9 Выберите смещения вдоль X и Y.

Выберите смещения вдоль X и Y. Они определяют, как далеко тень будет смещаться, или от самого изображения. Они измеряются в пунктах (pt), которая является стандартной единицей измерения в типографии (1pt приблизительно ==> 0,035 см). Например, размер шрифта измеряется так же на компьютере, то есть 12 pt.

Step 10 Выберите область размытия.

Выберите область размытия. Это похоже на смещения вдоль X и Y тем, что оно определяет расстояние от конца тени, где вы хотели бы начать размытость. Например, если у вас есть смещения вдоль X и Y величиной в 7 pt, значение вашего размытия может быть 5 pt.

Step 11 Выберите цвет вашей тени.

Выберите цвет вашей тени. Хотя многие тени черного цвета, вы можете выбрать другой цвет на цветовой шкале.

Step 12 Выберите для изменения темноту тени вместо ее цвета.

Выберите для изменения темноту тени вместо ее цвета. Если вы щелкните круг рядом с «Darkness,» то можете выбрать, сколько черного цвета появится в тени. Если вы выбираете 100 % темноту, то будет полностью черная тень. Если вы выбираете 0 %, то тень станет такого цвета, как сам объект.

Step 13 Нажмите на кнопку.

Нажмите на кнопку «Ok», или включите опцию «Preview» (Предварительный просмотр), чтобы посмотреть, что вы сделали, прежде чем внести изменения в объект.

Step 14 Измените падающую тень.

  • Если вы повторите шаги, чтобы создать тень из меню «Effects», то будет создана еще одна падающая тень в верхней части вашей текущей тени.

Наложение теней и растушевок

Одной из наиболее полезных функций в графических программах является автоматическое создание тени объектов, текста или изображений (рис. 6.40-6.42). Ранее такая возможность имелась в программах Adobe Photoshop или Adobe Illustrator, а в программах верстки этого можно было добиться с большим трудом.

Добавление тени к объекту

  1. Выберите объект, текстовый фрейм или помещенное изображение, тень от которых вы хотите создать.
  2. Выполните команды Object ->Drop Shadow (Объект -> Тень). Откроется диалоговое окно Drop Shadow (рис. 6.43).
  3. Установите одноименный флажок. Вы сможете пользоваться всеми средствами управления тенью. Включите флажок Preview, чтобы видеть эффекты изменения настроек.
  4. Выберите режим наложения для тени в списке Mode (Режим).
  5. Установите значение Opacity (Непрозрачность) в зависимости от того, насколько прозрачной должна быть тень.
  6. Установите смещения X Offset (Сдвиг по оси X) и Y Offset (Сдвиг по оси Y) в зависимости от требуемого расстояния между тенью и объектом.
  7. Выберите значение Blur (Размывка) для задания размытости краев тени.
  8. Используйте список Color (Цвет), чтобы установить цвет тени.
  9. Щелкните по кнопке ОК, чтобы добавить тень.

Параметры настройки в списке Mode аналогичны параметрам настройки в режиме наложения в палитре Transparency.

Рис. 6.39. Переключатель Isolate Blending в палитре Transparency группирует объекты, чтобы они могли взаимодействовать только друг с другом

Рис. 6.40. Пример тени, примененной к тексту

Рис. 6.41. Пример тени, примененной к тексту, расположенной над изображением

Вы можете использовать список образцов Swatches, чтобы выбрать именованные цвета либо включить цвета CMYK, RGB или LAB

Невозможно установить тень только к части текста. Эффект применяется ко всему тексту во фрейме.

Рис. 6.42. Пример тени, примененной к помещенному изображению

Рис. 6.43. В диалоговом окне Drop Shadow можно применять тени к объектам, тексту и изображениям

Удаление тени объекта

  1. Выберите объект, к которому применена тень.
  2. Выполните команды Object ->Drop Shadow (Объект -> Тень). Откроется диалоговое окно Drop Shadow.
  3. Снимите флажок Drop Shadow. Эффект тени будет отключен.

Программа InDesign позволяет применять команду Feather (Растушевка) к объектам для смягчения граней изображения.

Растушевка граней объекта

  1. Выберите объект, текстовый фрейм или помещенное изображение, у которого вы хотите растушевать грани.
  2. Выполните команды Object ->Feather (Объект -> Растушевка). Откроется диалоговое окно Feather (рис. 6.44).
  3. Установите одноименный флажок. Появятся остальные опции управления. Включите флажок Preview (Предварительный просмотр), чтобы видеть изменения параметров настройки
  4. В поле Feather Width (Ширина растушевки) установите ширину растушеванных краев.
  5. Выберите одну из опций в списке Corners (Края) — рис. 6.45:
    • Sharp (Острый) служит для растушевки края объекта, острые углы остаются;
    • Round (Круглый) предназначена для растушевки и закругления острых углов изображения;
    • с помощью опции Diffuse (Рассеянный) грани объекта растушевываются, переходя от непрозрачного к прозрачному цвету.
  6. Щелкните OK, чтобы завершить команду.

Используйте опцию Diffuse, если хотите добиться эффекта, аналогичного при выполнении команды Feather в программе Adobe Illustrator.

Удаление растушевки объекта

  1. Выберите объект, к которому применена растушевка.
  2. Выполните команды Object ->Feather (Объект -> Растушевка). Откроется диалоговое окно Feather.
  3. Отключите одноименный флажок. Растушевка объекта будет удалена.

Рис. 6.44. Диалоговое окно Feather

Рис. 6.45. Инструмент Eyedropper в панели инструментов позволяет выбирать атрибуты объектов

Рис. 6.46. Используйте диалоговое окно Eyedropper Options, чтобы выбрать и установить конкретный атрибут Eyedropper

Рис. 6.47. Инструмент Eyedropper белого цвета позволяет выбрать атрибуты объекта

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *