Видео-уроки
Статистика
Комментарии

в 19:43 19.02.2024

в 00:58 25.12.2023
как зробить шоб зразу с текстурой появилос

в 13:17 20.07.2023
Содержимое сайта
Последние обновленные темы на форуме
Последний: 23a3sdasdasd322
Социальные сети
Тему создал Vetal, В Разделе: Социальные сети
6
Ответов
Последний: eniston4739
Дизайн сайта
Тему создал Raccoon, В Разделе: Общение
9
Ответов
Последний: eniston4739
Общение Mir-Devil
Тему создал Vetal, В Разделе: Общение
36
Ответов

  • Страница 1 из 1
  • 1
Создание красивой кнопки
Дата: Среда, 01.11.2017, 01:46 | Сообщение # 1
Raccoon
Friends Mir-Devil
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
[td]В данном уроке я постараюсь объяснить вам как создать объемную кнопку для оформления ваших работ.
Вот наш конечный результат который должен получится по окончанию.[/td]



[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]






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

Исходник урока

Дизайнер живёт своей профессией, делая из хаоса порядок.
Дата: Четверг, 02.11.2017, 00:36 | Сообщение # 2
smalik)
Пользователи
29Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
По больше уроков друг мой,по больше . А так спасибо за урок
Дата: Четверг, 02.11.2017, 08:17 | Сообщение # 3
Slavik
Старый знакомый Mir-Devil
Друзья
44Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Класс), это единственный сайт, где нормально всё объясняют что и как делать), и очень качественные работы! :40:, красава Максим, так держать)).
  • Страница 1 из 1
  • 1
Поиск: