Новое на форуме
Купить ссылку здесь за руб.
  • Страница 1 из 1
  • 1
Форум геймеров » Графика и дизайн » Вопросы и уроки по фотошопу » Создание красивой кнопки
Создание красивой кнопки
Offline Raccoon
Проверенный
83

62 сообщения



Опубликовано: Среда, 01.11.2017 (02:24) 1
[blueline]В данном уроке я постараюсь объяснить вам как создать объемную кнопку для оформления ваших работ.
Вот наш конечный результат который должен получится по окончанию.[/blueline]



[table]Для начала вам нужно определиться какие цвета будут использоваться при создании вашей кнопки. На данном процессе можно сильно пока не зацикливаться так как поменять цветовую гамму вы сможете чуть позже. Но при наличии правильных цветов вам все же будет куда проще в создании вашей кнопки.
В своём случае я буду использовать эти 3 цвета.
[/table]



[table]И начнем мы с того что нарисуем фигуру нашей будущей кнопки.[/table]





[table]После того как мы создали фигуру нашей кнопки нам нужно будет преобразовать наш слой для дальнейшего удобства в работе.[/table]



[table]Теперь нам нужно создать дубликат слоя с фигурой для этого нажимаем сочетание клавиш Ctrl+J. После создания дубликата переименуем их в 1 и 2 для того чтобы не путаться.
Слой под номером 2 должен находиться под 1 номером.
[/table]



[table]Перейдём на слой под номером 2 и стрелкой вниз подвинем фигуру на несколько пикселей. Из-за одинаковой цветовой заливки кажется что кнопка просто увеличилась по высоте. И теперь нам нужно нашему слою под номером 2 придать нужный нам цвет.[/table]



[table]А теперь нам осталось лишь придать цвет нашему слою под номером 1. Но в данном случае мы будет использовать не цвет а градиент для того чтобы получить красивый эффект выдавливания. А в качестве цветов мы используем те 2 цвета которые мы подобрали вначале урока.[/table]





[table]Теперь нам нужно перейти на слой под номером 1 и выделить его. Для этого зажмите Ctrl и нажмите мышкой на миниатюру нашего слоя после чего он должен выделиться.[/table]



[table]А теперь нажмём по очереди клавишу "M", чтобы перейти к инструменту выделения, и клавишу "D", чтобы сбросить цвета, а затем Ctrl+Shift+N, чтобы создать новый слой над фигурой.
Теперь жмём Ctrl+Backspace и выделенная область закрашивается в белый цвет. Помешаем её под слоем номер 1. И нажимаем Ctrl+D чтобы снять выделение.
Выставим прозрачность на 50% и кнопка готова!
[/table]



[table]Осталось добавить текст, который кстати тоже нужно грамотно оформить на кнопке. Создаем нужный нам текст и помещаем его на нашу кнопку по середине. После чего нам нужно придать нашему тексту цвет который будет немного темнее цвета который мы использовали на слое под номером 2.[/table]



[table]Создадим копию нашего текста Ctrl+j[/table]



[table]И нижний слой с текстом нам нужно преобразовать[/table]



[table]И после чего проделать с данным слоем пройденные ранее нами действия. А то биж выделить текст, нажать Ctrl+Backspace, опустить на пару пикселей вниз и выставить прозрачность но теперь уже на 40%[/table]




[table]Ну и на последок предадим небольшую тень нашей кнопке. Для этого выберите слой под номером 2 нажмите вторую кнопку мыши и выберите параметры наложения.[/table]



[table]И выставите настройки тени как на скриншоте. [/table]






Шрифт используемый в данной работе

Исходник урока
Изменено пользователем Raccoon - Среда, 01.11.2017, 02:24
Offline Infe[R]nos
Проверенный
14

25 сообщений


Опубликовано: Среда, 01.11.2017 (19:14) 2
отличный урос спс бро)))
Offline Falcon_pro
Проверенный
8

47 сообщений


Опубликовано: Среда, 01.11.2017 (21:18) 3
Для начинающих стоящия вещь! Залей по работе с шрифтом что-то, там текстуры сверху или еще что интересное, я думаю это будет очень полезно!
Изменено пользователем Falcon_pro - Среда, 01.11.2017, 21:18


Хочешь что-то красивое и уникальное, и достали однообразные PSD? Я тебе могу помочь :)
Offline DESTEQ
Руководящий проектом
Веб-мастер
178

743 сообщения



Опубликовано: Среда, 01.11.2017 (21:58) 4
Raccoon, урок действительно полезный для начинающих и понятный, хорошо написано, да и кнопка простая и привлекательная, современная)

Online smalik)
Партнёр сайта
10

28 сообщений


Опубликовано: Четверг, 02.11.2017 (00:30) 5
Raccoon, Спасибо за урок, по больше таких уроков like

Цените близких...
Форум геймеров » Графика и дизайн » Вопросы и уроки по фотошопу » Создание красивой кнопки
  • Страница 1 из 1
  • 1
Поиск: