Подпишитесь на RSS FEED, чтобы знать последние новости.
Пробуем найти подходящий шрифт
Итак, первым делом нам надо найти подходящий шрифт. Похоже на то, что самый часто используемый шрифт в 2.0 это Arial Rounded, и если он вам по душе, тогда просто великолепно. Если же нет, то можете поискать… Единственное примечание состоит в том, что шрифт должен быть толстым (никаких тонких, как спичка, шрифтов). Теперь можно начать работу, для начала посмотрите, как он выглядит в увеличенном виде.
Колдуем над словом
В этой части начнем работать с FireWorks. Открываем, создаем новый документ 600*300px и с разрешением 72px, просто для того, чтобы было достаточно места для работы. Я также выбрал белую заливку.
Теперь жмем на ‘Text Tool’, затем надо написать любимое слово. Под “холст” я выбрал Share-Regular, размер 80 и цвет #6699CC.
Ваш текст будет светиться
Для начала создаем клон уже того, что у нас есть. Жмем ‘Ctrl+Shift+D’ и появится новый элемент, полный дупликат уже имеющегося. Делаем один из элементов невидимым, просто кликнув на “глаз”.
Теперь надо залить текст градиентом, но надо чтобы он был по всему слову, а не отдельно по букве. Для этого используем ‘Subselection Tool’ (маленькая белая стрелочка) выделяем все слово, переходим в ‘Text > Convert to Paths’ или просто жмем ‘Ctrl+Shift+P’. Теперь нужно это все объединить, поэтому идем в ‘Modify > Combine Paths > Union’. Но наш градиент неправильно работает. Выделяем текст, и в ‘Property Inspector’ меняет цветовую заливку с ‘Solid’ на ‘Linear Gradient’. Убедитесь что ваш градиент идет от выбранного вами цвета к белому, и сверху вниз.
Следующий шаг сложнее. Для начала выбираем ‘Pen Tool’ и пытаемся повторить следующий шаг.
Теперь, выделяем само слово и выделенное карандашиком и идем ‘Modify > Combine Paths > Punch. Теперь у вас создан светящийся слой нашего слова.
Подводим Итоги
Ну вот и все. Вы создали свое первое Web 2.0 слово. Можете добавить еще падающую тень или добавить больше бликов. Но если вам до сих пор не нравится, не надо расстраиваться, поменяйте градиент и “светящийся” слой (обычно 70-80%)… Вот, например, как получилось у меня:
Вы также можете добавлять больше кривых разных величин. И запомните, в некоторых случаях не надо ничего тяжелого придумывать, а просто и легко надо делать. Вот вам явный пример:
Подпишитесь на RSS FEED, чтобы знать последние новости.
14.01.2008 в 05:09 - Изменить
Здравствуйте!
Убедитесь что ваш градиент идет от выбранного вами цвета к белому, и сверху вниз.
А как сделать чтобы градиент шел от выбранного цвета к белому? каким инструментом делается эта черная полоска на 4й картинке.