Новости
21.08.2017
Криптовалюта и ее актуальность при создании сайта Криптовалюта и ее актуальность при создании сайта

Впервые термин «криптовалюта» был упомянут в 2011 году. Тогда журнал Forbes назвал эту валюту «деьгами будущего», и не ошибся. Нынче редкий заказ на создание или продвиже...

14.08.2017
Крауд-маркетинг: сарафанное радио по-современному Крауд-маркетинг: сарафанное радио по-современному

Крауд-маркетинг – скрытый или «партизанский» вариант интернет-маркетинга, основанный на использовании рекомендаций/ответов на всевозможных форумах, блогах и прочих платфо...

02.08.2017
UX и веб-дизайна: знайте их тренды в лицо! UX и веб-дизайна: знайте их тренды в лицо!

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

Мировые новости


13.07.2015
3D-тext в Adobe Illustrator

3D-тext в Adobe Illustrator

В этом уроке мы будем создавать эффект объемного текста в Adobe Illustrator. Это типографический эффект идеально подойдет для дизайна постеров, поздравительных открыток и прочих подобных работ. Результат вам наверняка понравится, а урок можно выполнить всего минут за 30.
 
Шаг 1
 
Для начала создайте новый документ в Adobe Illustrator. Напишите несколько слов типа “see thru”, используя инструмент Type/Текст (T).
see through text effect
Шаг 2
 
Укажите тексту шрифт, похожий на рукописный. Expand/Разберите текст и Unite/Объедините составляющие в палитре Pathfinder/Обработка контура. Укажите отсутствие заливки и обводку толщиной примерно в 2-3 pt. Снова разберите текст.
see through text effect
Шаг 3
 
Выделите текст и в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос и примените следующие параметры:
see through text effect
Шаг 4
 
Нажмите OK и Expand/Разберите ваш 3D-объект.
see through text effect
Шаг 5
 
Разгруппируйте объекты, составляющие текст и используйте инструмент Selection/Выделение (V) чтобы выделить объекты, составляющие каждую сторону. Затем объедините объекты каждой стороны, нажав на кнопку Unite/Объединить в палитре Pathfinder/Обработка контура.
see through text effect
Шаг 6
 
Выделите передние стенки букв и укажите им заливку светлого цвета.
see through text effect
Шаг 7
 
Продолжайте объединять объекты, составляющие стороны и объединяйте их в палитре Pathfinder/Обработка контура. К примеру, у буквы “s” в нашем примере 10 сторон, не считая передней стенки. Убедитесь что каждая из таких сторон каждой буквы объединена в объекты.
see through text effect
Шаг 8
 
Указывайте получающимся объектом сплошные цвета на этом этапе. Вот как должна выглядеть, к примеру, буква “s” со своими 10 сторонами без передней части.
see through text effect
Шаг 9
 
Продолжайте процесс пока не закончите его со всеми буквами.
see through text effect
Шаг 10
 
Теперь приступим к раскрашиванию букв. Начнем с первой буквы. Выделите одну из сторон, к примеру верхнюю левую и залейте ее градиентом от светлого к более темному цвету. В примере использованы оттенки бирюзового. Инструментом Gradient/Градиент (G) настройте нужный угол градиента.
see through text effect
Шаг 11

Для внутренних сторон мы выбрали градиент от светлого коралового оттенка к темному бирюзовому.
see through text effect
Шаг 12
 
Продолжайте указывать градиенты сторонам букв. Некоторые внутренние стороны заливаем градиентом от коралового к бирюзовому, другие —  от синего к бирюзовому. Внешние стороны заливаем градиентом от бирюзового к средне-темному бирюзовому.
see through text effect
Шаг 13
 
Продолжаем окрашивать буквы.
see through text effect
Шаг 14
 
После того, как вы закончите, Group/Сгруппируйте (Control-G) ваш текст.
see through text effect
Шаг 15
 
Вновь примените ко всей группе эффект Extrude & Bevel/Вытягивание и скос, указав следующие параметры:
see through text effect
Шаг 16
 
Таким образом мы создадим тень. Expand/Разберите 3D/объект в меню Object/Объект.
see through text effect
Шаг 17
 
Настройте размер, угол наклона и расположение тени, затем примените к ней эффект Gaussian Blur/Размытие по Гауссу, указав радиус размытия в 6.1 px.
see through text effect
Шаг 18
 
Укажите в качестве цвета заливки для тени более темный оттенок фонового цвета и поместите под слоем с текстом в палитре Layers/Слои.
see through text effect
Результат
 
Укажите фону паттерн или градиент, чтобы работа обрела оконченный вид.
see through text effect