3D эффект в Иллюстраторе

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-6

Я буду выполнять урок в Illustrator CC в русскоязычном варианте.

1. Наброски в иллюстраторе.

а) Создаём новый документ с параметрами как на рисунке 1.   3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_1

б) Пишем выражение “3D Эффект” (вы можете написать любое другое выражение это не имеет значения, как и выбор шрифта). Я взял MyriadPro Bold Condensed и размер кегля 150 pt. После этого нужно преобразовать текст в объект (Ctrl + Shift + O). 3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_2

 

2. Применяем эффект “Вытягивание и скос”.

а) Применяем эффект “Вытягивание и скос” с параметрами как показано на рисунке.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_3

 

б) Обратите внимание на изменение стандартных параметров.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_4

 

У нас должен получиться рисунок аналогичный прикреплённому ниже.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_4_2

в) Разбираем наше изображение на составные части, для этого выделив наш текст нажимаем “Разобрать оформление”.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_4_3

После того как мы разобрали наш эффект нам нужно разгруппировать все слои. Верхний слой, это непосредственно сама надпись “3D Эффект”, нужно объединить в одну группу. Это нужно сделать чтобы после экспорта в фотошоп не возникло проблем.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_4_4

 

3. Экспортируем наш эффект.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_5

 

Экспортируем в фотошоп формат со слоями. Обратите внимание на то что слои не должны быть слиты.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_6

 

 

 

4. Открываем изображение в фотошопе.

После открытия у нас должно получится примерно такое изображение.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_7

 

Если вы всё сделали правильно при экспорте то вы получите много-много всяких слоёв. Верхний слой должен объединять в себе основное выражение “3D эффект”. Теперь нам нужно выделить все слои кроме верхнего и объединить их.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_8

 

Теперь слоёв поубавилось и работать станет значительно легче.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9

 

 

Создаём серый фон и перемещаем его в самый низ.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-2

 

 

5. Накладываем эффекты.

а) Применяем эффекты к самому верхнему нашему слою – это сама надпись “3D эффект” без боковых граней.

Интересное по теме  Модульная сетка в графическом дизайне

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-3

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-4

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-5

 

 

Вот что у нас получилось если мы всё сделали правильно.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-6

 

Нужно сделать тень под буквы.

б) Теперь копируем этот слой и удаляем все только что наложенные эффекты.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-7

 

в) Красим наш главный слой в чёрный цвет.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-8

 

г) Размываем его при помощи “Гаусса”.

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9

 

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-2

 

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

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-5

 

 

6. Добавляем свет в центре.

Затем я добавляю свет в центре (рисую белый круг, затем размываю его при помощи размытия по Гауссу с большими параметрами размытия – 130 пикселей)

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-3     3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-6

 

7. Радуемся полученному результату.

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

3д_эффект_в_адобе_иллюстраторе_3D_effect_v_adobe_illustrator_9-9-4

 

 

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

(Visited 19 times, 1 visits today)

Комментарии:

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