Скрипты

ovoo-v2-5-4-cms-онлайн-кинотеатра-и-тв OVOO-это мощная, гибкая и удобная для пользователя CMS с передовой системой управления видеоконтентом. Она была создана, чтобы обеспечить уникальный опыт...
stackposts-v1-5-–-social-marketing-tool Stackposts-это инструмент маркетинга в социальных сетях, который позволяет и помогает вам легко публиковать автоматические сообщения, планировать...
grameasy-2-0-nul-автоматическая-публикация-в-instagram Grameasy - это мощный программный инструмент, который помогает настроить вашу учетную запись Instagram на автопилот, круглосуточно заниматься лайками и...

Для Photoshop

animation-glitch-photoshop-action Action для программы Photoshop, который генерирует видео ряд анимационных эффектов в виде помех на экране, из ваших изображений. Вы можете создать...
radiant-action-photoshop Экшен для программы Photoshop, создаёт эффект света и геометрических фигур, что поможет создать стильный модный вид вашему образу. Создавайте яркие и...
doomsday-action-экшен-для-photoshop Экшен для программы Photoshop, создаёт потрясающий эффект драматизма с глубокими тенями и световым контрактом. Отлично подойдёт при создании рекламных...

Делаем кнопку с подсветкой в Фотошопе

45345В этом уроке я покажу как сделать кнопку с неоновой подсветкой в программе Photoshop.

Используемая в уроке версия программы Photoshop CS4 Русская версия, дополнительно понадобятся готовые стили Фотошопа.

 

Создайте новый документ 300 x 300 пикселей с чёрным фоном. Нажмите клавишу U и выберете инструмент Прямоугольник со скруглёнными углами выставив радиус 3 пикселя, нарисуйте такую фигуру.

1-00_

Нажмите правой кнопкой мыши на слое с фигурой, и далие нажмите в появившемся контекстном меню Растрировать фигуру. Теперь опять выберете инструмент Прямоугольник со скруглёнными углами выставив радиус 10 пикселей. Нарисуйте фигуру как показано на картинке, фоновый цвет не имеет значения так как эту фигуру мы в дальнейшем удалим.

1-01_

Удерживая клавишу Ctrl нажмите левой кнопкой мыши на красную фигуру на панели слоёв для выделения рабочей области. Фигура должна выделиться переливающимся пунктиром.

1-02_

Уладите теперь слой с красной фигурой, как вы видите выделения рабочей области осталось

1-03_

Нажмите на клавиатуре Delete для вырезания области выделения и Ctrl+D для снятия выдиления, должно получиться так.

1-04_

Теперь надо придать стиль для тела кнопки, выставите значения как на скриншотах.

1-05_

1-06_

1-07_

В результате должно получиться так.

1-08_

Теперь нужно сделать эффект блика. Для удобства можно увеличить рабочую область до 200%. Возьмите инструмент  Линия толщина 1 пиксель, цвет заливки белый и проведите линии поставив процент непрозрачности как на показано на скриншоте.

1-09_

Теперь выделите рабочую область слоя кнопки

1-10_

Возьмите инструмент Овальная область, выставите такие настройки.

1-11_

И сделайте следующее:

17

Результат должен получиться такой

1-12_

Теперь добавьте новый слой, залейте выделенную область белым цветом и снимите выделение Ctrl+ D

1-13_

Добавьте маску к новому слою

1-14_

Возьмите инструмент Градиент и проведите им линию как показано ниже

1-15_

Поставьте уровень непрозрачности на 30% результат должен получиться такой.

1-16_

Теперь добавим неоновую подсветку, для этого возьмите инструмент Прямоугольник и создайтетакую фигуру

1-18_

Переместите слой с этой фигурой ниже основного слоя кнопки, осталось применять к этой фигуре стили, я использовал готовые стили.

Результат

1-26_

 



  1. Комментарии (0)

  2. Добавить свои

Комментарии (0)

There are no comments posted here yet

Оставьте свой комментарий

Posting comment as a guest. Sign up or login to your account.
Вложения (0 / 3)
Share Your Location

Векторная графика

плашки-для-рекламных-текстов Набор ярких плашек для рекламных текстов в векторном формате, которые значительно выделят ваш текст на общем фоне. Формат файлов: AI / EPS /...
start-up-rockets-–-ракеты-в-векторе Набор векторных изображений, разного вида летящих ракет. Можно использовать при создании анимации и рекламных баннеров. Формат файлов:...
pop-art-man-векторные-мужчин-в-стиле-поп-арт Набор изображений в векторном формате, яркие иллюстрации мужчин в модном стиле поп арт, отлично подойдёт при создании рекламных баннеров. Формат...

Растовая графика

атлетика-и-бодибилдинг-–-фото-клипарт Набор из 32 изображений высокого качества на тему атлетики и бодибилдинга. Отлично подойдут для рекламных флаеров, баннеров и слайдеров на сайтах...
интернет-технологии,компьютер,гаджеты-–-фото-клипарт Набор из 25 изображений высокого качества, различные интернет технологии, компьютеры, гаджеты. Отлично подойдет для слайд-шоу. Размер 4800 на 3200 px....
бизнес-леди-–-набор-фото-клипарта Набор из 15 изображений высокого качества с красивой блондинкой, бизнес-леди. Эти изображения отлично подойдут для использования в презентациях,...