Как создать текстовый эффект в космическом стиле в Photoshop
от Rose
В этом уроке Photoshop вы узнаете, как создать футуристический текстовый эффект в космическом стиле, используя стили слоя Photoshop и пару фильтров.
Подробнее …
от Роуз
В этом уроке вы узнаете, как создать жуткий текстовый эффект Хэллоуина в Adobe Photoshop.
Подробнее …
от Rose
В этом уроке по Photoshop объясняется, как создать красивый текстовый эффект, вдохновленный матовым стеклом, с помощью фильтров Photoshop и стилей слоя.
Подробнее …
от Rose
В этом уроке объясняется, как использовать текстуру мрамора, стили слоя Photoshop и фильтры для создания приятного эффекта мраморного текста.
Подробнее …
от Rose
Подробнее …
от Rose
Узнайте, как создать текстовый эффект космических плиток в этом простом уроке Photoshop.
Подробнее …
от Rose
Этот урок покажет вам, как использовать пару стилей слоя Photoshop, а также несколько фотографий бликов, градиентные заливки и простой узор для создания эффекта блестящего текстурированного хромированного текста. Давайте начнем!
Подробнее …
от Rose
Стили слоев, текстуры и режимы наложения можно комбинировать различными способами для создания быстрых и простых эффектов. Этот урок покажет вам, как использовать их для создания простого, грубого, ржавого эффекта ужасного текста в Photoshop.
Подробнее …
от Rose
3D-среда в Photoshop CS6+ предоставляет множество параметров и настроек, которые помогут вам легко создавать потрясающие 3D-текстовые эффекты. Этот урок покажет вам, как вы можете поиграть с различными настройками, чтобы создать простой, но сложный эффект металлического текста.
Подробнее …
от Роуз
3D-среда в Photoshop CS6 — отличный способ создавать удивительные текстовые 3D-эффекты без необходимости использования какого-либо другого программного обеспечения для 3D-графики. В этом уроке объясняется, как использовать множество инструментов и настроек для создания красивого винтажного 3D-эффекта текста.
Подробнее …
Создайте большую красивую кнопку призыва к действию в Photoshop — SitePoint
Блоги
- DesignPhotoshop
Поделиться
Вчера я опубликовал пост с некоторыми рекомендациями по созданию кнопок призыва к действию. Сегодня мы собираемся сделать его в Photoshop. Здесь я использую довольно яркие цвета, но, конечно, вы можете изменить кнопку, чтобы она соответствовала стилю и цвету вашего сайта. Давайте начнем.
1. Создайте новый документ в Photoshop размером 400 х 400 пикселей.
2. Выберите инструмент формы «Прямоугольник со скругленными углами» (нажмите
3. Нарисуйте прямоугольник. В палитре слоев вы увидите новый слой с вашим прямоугольником и миниатюру векторной маски рядом с ним.
4. Мы добавим нашему прямоугольнику несколько стилей, чтобы он выглядел немного интереснее. Убедитесь, что выбран слой прямоугольной формы, затем щелкните значок Fx в нижней части палитры слоев.
5. Я выбрал следующие настройки. Режим наложения = умножение, цвет = средне-серый #666666, расстояние = 2, распространение = 2, размер = 2. Нажмите «ОК», чтобы применить.
6. Снова щелкните значок стилей слоя на палитре слоев и выберите «Наложение градиента» в раскрывающемся меню. Photoshop поставляется с множеством готовых градиентов, но мы собираемся создать свой собственный для этой кнопки. Нажмите прямо на раскрывающийся список градиента (не на треугольник), чтобы отредактировать градиент.
В этом случае я выбрал темно-оранжевый цвет для первой цветовой точки слева, желтый для середины и белый для третьей цветовой точки. (Чтобы добавить точку цвета, просто щелкните под градиентом.)
На данный момент кнопка выглядит так. Градиент и тени тонкие, но уже выглядят намного лучше, чем простой прямоугольник, с которого мы начали.
7. Следующий стиль, который нужно добавить, тоже тонкий.
Нам нужно немного Внутренней тени, поэтому выберите ее в диалоговом окне эффектов слоя. Я использовал следующие настройки: режим наложения = умножение, цвет = #666666, расстояние = 0, размер = 10 пикселей и непрозрачность около 35%.
Теперь кнопка выглядит так.
Так что я оставлю это со стилями. Вы можете добавить обводку или наложение цвета, просто поэкспериментируйте, пока не найдете то, что вам нравится.
Важная информация: Если вы столкнулись с проблемой создания кнопки или любого другого слоя с несколькими стилями, рекомендуется сохранить стили, чтобы вы могли использовать их снова, не просматривая все из вышеперечисленных. Поэтому, прежде чем нажать «ОК» в диалоговом окне «Стили слоя», нажмите «Новый стиль», дайте имя своему стилю и сохраните его.
Если вы хотите использовать его снова, откройте диалоговое окно «Стили слоя», щелкните слово «Стили» в верхнем левом углу (да, это кнопка!), и вы увидите все готовые и ваши собственные стили там.
8. Хорошо, теперь добавим немного текста. Выберите инструмент «Текст», а затем выберите понравившийся шрифт. Я использовал Avenir Heavy, размер 38 для «Зарегистрируйтесь сейчас» и Avenir Medium, размер 18 с отслеживанием 50 для слогана. Убедитесь, что текст и кнопка правильно выровнены. Я добавил тень к «Зарегистрироваться» с Расстоянием = 1 и Размером = 5, так что теперь текст выглядит так:
Я думаю, что это выглядит достаточно умно и привлекательно. Вы можете сделать кнопку более сложной, добавив изображение или значок. Но будь проще.
Мне нравятся кнопки загрузки Firefox и Thunderbird и используемые ими значки, но я не собираюсь их рисовать. Вместо этого я добавлю форму Photoshop.
9. Выберите инструмент «Пользовательская форма» и на панели параметров инструмента выберите нужную форму из раскрывающегося списка. Я выбрал сердце, потому что люблю ВСЕХ посетителей моего сайта.
10.
