Скрипты

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

Квадратная кнопка с лентой в Photoshop

Квадратная кнопка с лентой в Photoshop

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

Шаг-1 Создайте новый проект в Фотошопе (Ctrl+N) размером 300 на 300 пикселей, цвет фона можете по желанию выбрать любой, я пока оставил его белым.

89745454355-00

Шаг-2 Теперь создайте новый слой (Shift+ Ctrl+N), можно назвать его кнопка.
Далее возьмите инструмент Прямоугольник (N), в настройках инструмента поставьте радиус округления углов на 25 пикселей, цвет заливки # bac014.

89745454355-01

Удерживая клавишу Shift нарисуйте квадратную форму.

89745454355-02

Шаг-3 Зайдите в стили слоя, дважды кликнув по миниатюре на панели слоёв, далее установите стили в соответствии с скриншотами ниже.

89745454355-03

89745454355-04

Получившийся результат должен быть такой.

89745454355-05

Шаг-4 Создайте новый слой с названием Лента.  Выберите инструмент Прямоугольник (N), уберите радиус скрепления углов, цвет заливки # 023a5d.
Нарисуйте прямоугольную фигуру.

89745454355-06

Шаг-5 Используя свободное трансформирования (Ctrl+T) на слое с лентой, переместите повернув её в верхний левый угол.

89745454355-07

Шаг-6 Удерживая клавишу Ctrl, кликните по миниатюре слоя с лентой, тем самым выделив рабочую область. Теперь возьмите инструмент Прямоугольная область (M) и проделайте действие показанное ниже в анимированном примере. Клавиша Delete удаляет всё внутри выделенной области, а сочетание Ctrl+D снимает выделение рабочей области.

423423432452246

Сделайте тоже и с другой частью ленточки.

Шаг-7 Теперь следующие стили для слоя с лентой.

89745454355-09

89745454355-10

Результат сейчас такой.

89745454355-11

Шаг-8 Создайте новый слой сразу после фонового. Возьмите инструмент Прямоугольник (N), поставьте ему цвет заливки чёрный. Нарисуйте маленькие квадраты как показано ниже.

89745454355-1289745454355-13

Шаг-9 Всё на этом основную часть мы закончили, осталось добавить нужный вам текст.

У меня результат получился такой.

89745454355-15



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