Модерен пластмасов бутон за мрежа с Photoshop Only Photoshop
Само Photoshop
Уроци и ресурси за Photoshop
Добре дошли в SoloPhotoshop, където ще намерите най-добрата информация за уроци, ресурси и статии за Adobe Photoshop!
Модерен пластмасов бутон за мрежа с Photoshop | Само Photoshop
Модерни уеб бутони с Photoshop
Продължавайки с поредицата от елементи за дизайн на уеб интерфейси, сега ще създадем модерен пластмасов бутон с Photoshop.
След урока за елегантни пастелни бутони, ще работим с втория от тази серия Modern Plastic Button, който е малко по-сложен, но все още не изисква извънредни познания за Photoshop.
Ще създадем нов документ за нашия бутон, ако искате да го създадете със същите характеристики, които използвах и аз. Отидете на "Файл> Нов".
След това трябва да активирате правилата и да създадете ръководства, които да ни помогнат да фокусираме новия си бутон. Бутонът ще бъде с ширина 220px с височина 80px. Вземете инструмента "Заоблен правоъгълник" и с радиус 35px плъзнете с помощта на водачите, за да създадете формата на бутона, точно както виждаме на следващото изображение.
Прилагане на стилове на слоеве
За да създадем пластичния ефект на нашия бутон, ще използваме отново стилове на слоеве, които са прости и ефективни, но преди всичко те могат да бъдат запазени за по-късна употреба. Щракнете двукратно върху слоя бутон в палитрата на слоя и ще се появят опциите за стилове.
Следвайки параметрите на следващите изображения, ще постигнем нашия стил на пластичен ефект:
Външен блясък
Вътрешно блестящо
Градиентно наслагване
Удар
Пластмасов стил
Осветеност на бутоните
Ефект, който е трудно да се постигне със стилове на слоеве, е този на осветлението, което красиво засилва контраста на дизайна, поради което ще го направим по традиционния начин, с няколко бели слоя извън фокуса и играене "Режимите на слоевете".