Преглед на урок

Стилни бутони в техно стил

Стилни бутони в техно стил




В този лесен Photoshop урок ще ви покажа как да си направите професионално меню в техно стил като това за вашия уеб сайт.



1. Създайте нов документ File->New с размери 500×200 pixels и 72dpi. Вземете Paint Bucket Tool и оцветете документа с черен цвят.



2. Сега ще направим част от хедъра, където ще разположим бутоните на менюто. Направете нов слой Layer->New->Layer (Shift + Ctr + N). Вземете Rounded Rectangle Tool (Radius: 5 px) и начертайте правоъгълник като този:



3. Приложете следните настройки на слоя:

Натиснете върху изображението за цял размер


Натиснете върху изображението за цял размер


Натиснете върху изображението за цял размер


Трябва да сте получили подобен резултат:



4. Свършихме с хедъра. Време е да добавим и бутоните. Вземете Rounded Rectangle Tool (Radius: 2 px) и начертайте правоъгълник като този:



5. Приложете на слоя следните настройки:

Натиснете върху изображението за цял размер


Натиснете върху изображението за цял размер


Трябва да получите подобен резултат:



6. Супер! Сега ще добавим на бутона и блясък. Селектирайте слоя с бутона Ctrl+Click върху слоя, след това вземете Gradient Tool с бял към прозрачен цвят, създайте нов слой и и го запълнете по подобен начин:



7. Отменете селекцията от Select > Deselect и натиснете Ctrl+J, за да копирате слоя с градиента. Скрийте копието (това става като кликнете на окото пред слоя, което показва дали слоят е видим, или не).

Направете нова селекция на слоя с оригиналния градиент с Rectangular Marquee Tool като тази и изчистете селектирана област с Delete.



8. Премахнете селекцията с Ctrl+D и намалете прозрачността на слоя на 50%. Бутонът е готов! Слейте всички слоеве на бутона в един Ctrl+Click избирате слоевете, които ще сливате, след това с десен клик върху някой от селектираните слоеве избирате Merge Layers). Направете две копия на този слой и ги разположете както е показано:



9. Сега вече можете да добавите и текст!

Аз използвах следните настройки за текста: Kroeger056 (8 pt, no Anti-Aliasing). Това е всъщност, този шрифт е комерсиален. Чувставайте се свободни да използвате други шрифтове.



10. Това е! Имате хубави и стилни бутони в техно стил за вашия уеб сайт.




Моят опит опит по урока:



Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: Cherry
Източник: http://www.photoshopstar.com/

Коментари

fesel

Тва ако е в техно стил аз съм извънземно

giovaniki

Тва ако е техно сгил аз съм Britney Spears!

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.