Скрипты

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, создаёт потрясающий эффект драматизма с глубокими тенями и световым контрактом. Отлично подойдёт при создании рекламных...

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

mini_2-00

 

В этом уроке показан способ создания навигационных кнопок для сайта в программе Photoshop,по этому принципу можно делать различные варианты кнопок навигационных панелей.

Созаём новый документ размером 500 на 300 пикселей с черным фоном. С помощью инструмента Прямоугольник рисуем такую фигуру.

43

Теперь придадим этой фигуре стили как на скриншотах.

2-17_

2-16_

2-15_

Должно получиться так

2-14_

Теперь возьмём опять инструмент Прямоугольник и нарисуем прямоугольник чуть меньше имеющегося.

2-12_

Растрируйте эту фигуру (Слой>Растрировать>Фигуру)

Возьмите инструмент Прямоугольник со скруглёнными углами выставите радиус на 4 пикселя и нарисуйте по верх белого прямоугольника фигуру, цвет фона красный.

gif_1

Растрируйте эту фигуру, удерживая клавишу Ctrl нажмите левой кнопкой мыши на слое с красной фигурой для выделения рабочей область.

Удалите слой с краной фигурой.

2-11_

Инвертируем выделенную область для этого нажмите сочетание CTRL+SHIFT+I

Растрируйте белый прямоугольник, далее нажмите клавишу Delete на клавиатуреи после CTRL+D для снятия выделения.

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

2-10_

Придаём стили белой фигуре

2-09_

2-08_

Результат такой

2-07_

Теперь берём инструмент Линия ставим ширину 1 пиксель, цвет заливки можете взять какой вам нравиться и рисуем следующее.

gif_2

Тем-же инструментом Линия но уже шириной 2 пикселя рисуем выше ещё одну линию.

2-06_

Добавляем необходимый текст

2-02_

Теперь берём инструмент Прямоугольник со скруглёнными углами ставим радиус 15 пикселей и делаем следующие.

gif_3

Дублируем получившиюся  фигуру 2 раза и выставляем дубли последовательно, объедините после эти три слоя в один.

2-01_

Инструментом Прямоугольная область выделите выступающию часть и нажмите клавишу Delete

gif_4

Вот в принципе и всё результат получился такой.

2-00_

 



  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 изображений высокого качества с красивой блондинкой, бизнес-леди. Эти изображения отлично подойдут для использования в презентациях,...