verno.ru - Последние записи блога Голосов: 0 Адрес блога: http://verno.ru/blogs/latest.html Добавлен: 2012-08-21 09:17:31

Реалистичный 3D Текст с отражением в Adobe Fireworks

• 1.  Создайте новый файл и нарисуйте прямоугольник со светлой градиентной заливкой.

• 2.  Добавьте любой текст и выберите цвет. Желательно, чтобы шрифт был жирный (bold) и рубленный (без засечек - sans serif), тогда 3D-эффект будет выглядеть лучше.

• 3.  Изммените угол или перспективу текста. Можно использовать любой инструмент из меню Modify - Transform, например Distort. В этом уроке я сначала использовал свободную трансформацию из меню Modify - Transform - Free Transform (Ctrl+T) и повернул текст на 45 градусов против часовой стрелки (удерживая клавишу Shift), затем применил Modify - Transform - Numeric Transform... (Ctrl+Shift+T) и уменьшил высоту текста на 50 процентов (не забудьте снять галочку Constrain proportion).

• 4.  Добавьте к тексту контур белого цвета. Из панели свойств квадратик с карандашом в свойствах Advanced Stroke Apperance Options укажите ширину контура 2 или 3 пикселя (у меня 2).

• 5.  Чтобы получить лучшие результаты преобразуем текст в путь - щелкните правой кнопокой мыши по тексту и выберите пункт Convert to Path (Ctrl+Shift+P). Автоматически будет создана группа объектов (букв), которую необходимо разгруппировать - правая кнопка мыши - Ungroup (Ctrl+Shift+G).

• 6.  Теперь добавим объем для текста. Выделите все пути (буквы) в панели слоев (после 5 шага они должны быть выделены). И примените к ним всем фильтр Shadow and Glow - Solid Shadow (фильтры находятся в панели свойств). В настройках фильтра укажите 270 градусов и любую высоту тени (20-30) и серый цвет, например #EFEFEF. После применения фильтра, тень может накладываться на соседние буквы - это легко исправть. Выберите самую последнюю букву (от которой упала тень на соседнюю букву), зажмите клавишу Ctrl и клавишами стрелками вверх или вниз переместите слой с буквой в стеке слоев - пока не исчезнет наложение тени, и затем выберите следующую букву и тоже переместите в стеке слоев, так по очереди можно быстро убрать накладки тени.

• 7.  Этот шаг необязателен, но он придает 3D эффекту большую выразительность. Выберите все буквы в стеке слоев. И примените фильтр Shadow and Glow - Inner Shadow. Установите в настройках фильтра следующие настройки: distance-10, opacity – 20%, softness-20, и угол angle-90 градусов (в зависимости от вашего искажения текста угол можно попробовать другой угол).

Картинка также будет интересно выглядеть, если применить фильтр Shadow and Glow - Inner Glow. Можете позднее попробовать текст с этим фильтром и разными его настройками.

• 8.  Теперь когда 3D текст создан, можно сгруппировать все буквы - выберите их в слоях и нажмите Ctrl+G.
Добавим отражение текста. Сделайте дубликат слоя текста (нашей группы с 3d текстом), разместите его под оригинальным слоем в стеке слоев. И переместите его вниз на картинке (чтобы ровно переместить удерживайте клавишу Ctrl и двигайте клавишей вниз), так чтобы он стал отражением верхнего текста. Рекомендуется снизить яркость этого слоя до -50 с помощью фильтра Ajust Color - Brightness/Contrast. А также изменить прозрачность до 10%.

• 9.  На последних шагах добавим реалистичности к нашему отражению. Снова дублируем основной текст, разгруппируем его, удалим фильтры тени Solid Shadow и Inner Shadow, можно снова сгруппировать буквы и сдеалть заливку черным цветом.

• 10.  Разместите новый слой между слоем с 3D текстом и слоем с отражением. Примерно так, как на картинке ниже. Теперь примените к этому слою фильтр размытия Blur - Gaussian Blur с радиусом 5 и установите прозрачность до 50%. Это все.