Как да създадете бутон

Съдържание:

Как да създадете бутон
Как да създадете бутон

Видео: Как да създадете бутон

Видео: Как да създадете бутон
Видео: Summer Cart България - Създаване на поръчка за регистриран клиент 2024, Може
Anonim

Ако решите сами да създадете бутон за навигационната лента на вашия сайт, е съвсем просто да го направите с помощта на програмата Adobe Photoshop. В резултат на това ще получите доста хубав бутон, който можете да настроите по цвят и други параметри точно към дизайна на вашия сайт.

Как да създадете бутон
Как да създадете бутон

Инструкции

Етап 1

Създайте нов документ в програмата (Файл - Нов или Файл - Нов). Сега превключете документа в сив режим, за това изберете Изображение - Режим - Сива скала. Сега, използвайки инструмента за правоъгълник, създайте правоъгълник, който съответства на размерите на вашия бъдещ бутон. Сега поставете изображението в режим RBG. Отворете палитрата RBG (вляво) и задайте всички стойности на 170. Напълнете правоъгълника със сиво.

Стъпка 2

Сега щракнете върху Image - Mode - Bitmap, за да поставите изображението в Bitmap режим. В прозореца Bitmap, в списъка Use, изберете стойността на Halftone Screen. Трябва да се отвори друг прозорец. В този прозорец задайте следните стойности на параметрите:

Честота: 256

Линии / инч

Ъгъл: 45

Форма / Кръгла

Ще завършите с правоъгълник, изпъстрен със звезди.

Стъпка 3

Сега превключете изображението обратно в режим Grayscale (Image - Mode - Grayscale). Задаване на съотношение на размера 1. Върнете изображението обратно в режим RBG. Прилагане на филтър Stylize - Fmd Edges.

Стъпка 4

След това приложете филтъра Blur - Motion Blur, в него задайте следните параметри:

Ъгъл - 36

Разстояние - 19

Тези стойности не са задължителни, можете да приемете своите, в зависимост от резултата, който искате да получите в крайна сметка. Това се отнася за всички параметри, дадени в това ръководство - опитайте се да експериментирате и да видите какво ще получите, може би ще бъдете доволни от друга опция, различна от тази, с която ще завърши авторът на инструкцията.

Стъпка 5

Сега оцветете изображението си. За да направите това, изберете Image - Adjustments - Hue / Saturation. Там поставете отметка в квадратчето до Colorize и, като преместите лостовете, изберете желания цвят на границата за вашия бутон.

Стъпка 6

Сега изберете изпъкналата част на бутона с Rectangular Marquee Tool и го направете малко по-лек. За да направите това, променете кривите на изображението - Изображение - Настройки - Криви.

Стъпка 7

Ако резултатът вече е задоволителен за вас, можете да спрете там и да помислите, че вашият бутон е завършен. Но ако искате, можете да промените изображението още малко, за да изглежда по-добре.

Стъпка 8

За да направите това, трябва да се отървем от изрязаните ъгли. Изберете Rectangular Marquee Tool и изберете областта на бутона, от която се нуждаете (без грозни ъгли) и копирайте (Edit - Копирайте или използвайте клавишната комбинация Ctrl + C). След това натиснете Ctrl + V, за да поставите копирания върху нов слой. Прилагане на изображение - Завъртане на платно - Обръщане хоризонтално.

Стъпка 9

Отново изберете желания фрагмент, копирайте и за пореден път приложете Изображение - Завърти платно - Обърни хоризонтално. По този начин изображението ще се върне в първоначалния си вид. Сега изтрийте този фрагмент (като правило това е най-горният слой в панела на слоевете). Сега поставете фрагмента от клипборда, като използвате Редактиране - Поставяне. Плъзнете парчето до левия край на вашия бутон, направете ръба правоъгълен. Направете същото с десния ъгъл.

Стъпка 10

Сега трябва да добавите текст към бутона. За да направите това, използвайте инструмента за текст, за да създадете необходимия надпис, като промените цвета на по-подходящ. Приложете филтър за размазване към бутона, за да го размажете малко.

Препоръчано: