Как да се направи проста Userbar в Adobe Photoshop

Има няколко правила за създаване на userbars. ние в този урок ще се придържаме.

  1. Размер 350h19 пиксела.
  2. Модела с оцветяване при 45 °
  3. шрифта Visitor
  4. Черната ивица по цялата дебелина на изображението Userbar на 1 пиксела. Тя не може да се направи, но с черна инсулт Userbar-добре се откроява мнения в този форум.

1. Отворете Adobe Photoshop. Създаване на нов документ с размери 350h19:







2. Направете рамка на картина: запълване на изображението с черно (Edit -> Fill -> Черно). и след това изберете инструмента Rectangular Marquee Tool. Изберете частта от изображението, така че краищата остават неразпределени размер площ от 1 пиксел. Изтриване на избраната област. След като премахнете селекция (Ctrl + D), ще има черна рамка по периметъра на Userbar.

3. Създайте нов слой - за фон (Layer - New - Layer или Shift-Ctrl-N) и го поставете под рамката на леглото. Запълнете го с желания цвят

2а. За създаване на черна рамка може да бъде да се направи по друг начин. След създаването на документ (вж. Стъпка 1), запълнете го с желания цвят. След това, на слоевете от слоевете палитра, кликнете върху този слой, щракнете с десния бутон, изберете Blending Options. В екрана за избор, отидете на раздела "засенчване" в раздела и направи, както е показано на фигурата по-долу:

Ние се получи същия резултат, след стъпките 2 и 3.

4. Можете да добавите вътрешна сянка. Продължете в същия прозорец, както в параграф 2, и изберете опцията, Inner Shadow (вътрешна сянка):

не е задължително да притежават същите параметри като в нашия пример, можете да експериментирате.







5. Направете люка. За да направите това, създайте нова текстура. Това се прави така.

Създаване на документ с размери 4х4 пиксела с прозрачен фон.

Увеличете до максимум полученото документа (1600%), за да направи по-лесно за работа. Vyberaem инструмент Pencil (молив) размер 1px и направи с него цвят линия # на 91E780, както е показано по-долу:

Сега запазете получения модел като модел (образец). Меню Edit -> Define Pattern и даде своя модел всяко име:

6. Върнете се към нашите котки. Отново, отворени Blending Options (вж. 2а), отидете на раздела шаблон наслагване (Pattern Overlay). в параграф Модела изберете само текстурата, която сме създали и промените следните параметри:

7. Добавете текста. Посетителски изберете шрифт - това е лесен за четене и с малко количество (изтегляне на шрифта). Цвят бял. След надпис нашия установен прилага в текст сянка ефект Outer (Външен сянка):

И добави външен люпене (инсулт) 1 пиксел:

8. Можете да добавите към нашия имидж стъкло ефект. За тази цел създаване на нов слой (Layer - New - Layer или Shift-Ctrl-N) над фоновия слой, но под слоя с надпис. Изберете горната част на изображението инструмента Elliptical Marquee Tool и я запълнете с бяло с инструмента Paint Bucket инструмент (G). Допълнително намаляване на прозрачността на този слой (непрозрачност) на 30%:

Нашата Userbar готов.

Вместо стъкло ефект, можете да използвате друг метод, който често се използва при създаването на userbars - запълване на заден план, не е плътен цвят и наклон. За да направите това, изберете два цвята за запълване на фона на лентата с инструменти:

След това използвайте Gradient Fill инструмент (Gradient Tool). Ние кликнете в горната част на вашата снимка и задръжте левия бутон на мишката, начертайте линия в долната част на документа (можете напротив, ако наклона отива в обратната посока).

Тогава готов Userbar ще изглежда така:

Можете да изтеглите изходния код на PSD-Userbar. за себе си да експериментират с него и да научат как да изготвят своите котки. Не забравяйте, че можете да поставите Котки снимки! Ето защо ние предлагаме да направите своя собствена. ;-)