ПредишенСледващото

В този урок ще ви покажа как можете визуално да се изработи проста меню в черно. За да направите това, ние ще използваме основните инструменти и стилове слой.

Стилен меню в черно

Създаване на нов документ в Photoshop (Ctrl + N) размер на 800x600 пиксела, фон - бял.

Стилен меню в черно

Стилен меню в черно

Бъдете вертикални водачи от 4 до 250, 300, 360, 550 пиксела. И двете хоризонтални релси на нива 100, 510 пиксела.

Сега ние ще създадем фона на менюто, но тази стъпка не е толкова важно. Изтеглете и отворете текстура дървото и го поставете в основния документ. Промяна на размера на слоя, прилагане на Free Transform команда Edit> Free Transform (Edit - Free Transform) или Ctrl + T. В лентата с опции в горната част, можете да зададете точната ширина и височина настроена на 32%.

Texture боядисани в естествен цвят на дървото, ние трябва да го направи черно и бяло. За да направите това, отидете на Image> Adjustments> Desaturate (Shift + Ctrl + U) (Изображение - Корекции - Desaturate).

Стилен меню в черно

Сега направи по-тъмен текстура. Създайте нов слой над другите слоеве и го наричат ​​Черно. Използвайте инструмент Paint Bucket Tool (Наливане), запълнете го с черен и промяна на непрозрачност стойност (непрозрачност) за този слой до 20%.

Стилен меню в черно

Създайте нов слой над всички слоеве и го кръстете тяло. Не забравяйте да изберете черно. На лентата изберете заоблени правоъгълник Tool (правоъгълник със заоблени ъгли), параметрите, Shape слоеве (Layer фигурата), стойността на радиус 5 пиксела и да се създаде форма правоъгълна черно. За прецизност ръководи по релси.

Стилен меню в черно

За да приложите стилове основния слой, за да направите това, отидете на Layer> Layer Style> Blending Options (Слоеве - Layer Style - Blending Options).

Inner Shadow (вътрешна сянка):

Стилен меню в черно

Outer Glow (външно осветление):

Стилен меню в черно

Стилен меню в черно

Задайте непрозрачност стойност (непрозрачност) на 80%.

Стилен меню в черно

Нашето меню ще се състои от седем бутона, горният бутон е най-тесните.

Първото нещо, което трябва да направим - да се създаде нова група за всички бутони. За да направите това, отидете на Layer> New> Group (Слоеве - New - група), или да кликнете върху иконата на папка в долната част на панела Слоеве. Наречете тази група бутони.

Сега трябва да се създаде набор от Body слой за това, като държите натиснат клавиша Ctrl, моля, кликнете върху миниатюрата на желаното слой. В рамките на една група, създайте нов слой, наречен Top.

Стилен меню в черно

Изберете Rectangular Marquee Tool на (правоъгълна област). Задръжте натиснат клавиша Alt, се изважда от дъното селекция. Ето как тя трябва да има:

Стилен меню в черно

Запълнете селекцията с черен цвят (# 000000).

Стилен меню в черно

Към този слой, нанесете стила Gradient Overlay (Gradient Overlay).

Стилен меню в черно

Стилен меню в черно

Смяна на непрозрачност стойност (непрозрачност) Горен слой до 15%.

Стилен меню в черно

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

Стилен меню в черно

Запълнете селекцията с черно. Използвайте бързи клавиши Alt + Backspace.

Стилен меню в черно

Няколко пъти Дублиране За мен и да ги поставят една под друга.

Стилен меню в черно

С клавишите бяхме готови, така че за удобство при работа с слоевете палитра рол Копчета група. Над него се създаде друг Текст група. Промяна на цвета на преден план да се бели, изберете Horizontal Type Tool на (хоризонтален текст) със следните параметри: шрифт тип Tahoma, Bold; размер 6.4; Свеж (чист) метод изглаждане. В най-горната част на бутона в центъра, напишете името на сайта.

Стилен меню в черно

След това отидете на Layer> Layer Style> Blending Options (Слоеве - Layer Style - Blending Options) и прилагат следните стилове слой:

Хвърлена сянка (сянка):

Стилен меню в черно

Inner Shadow (вътрешна сянка):

Стилен меню в черно

Градиент покритие (градиент наслагване).

Стилен меню в черно

Стилен меню в черно

Стилен меню в черно

Приключихме с текста, а сега е време за вас да изтеглите икони за iphone. За това меню, аз използвах 6 комплекта на икони:

  1. icon_user.png
  2. icon_smile_face.png
  3. icon_pencil.png
  4. icon_blog.png
  5. icon_favorities.png
  6. icon_post.png

Стилен меню в черно

Преместете иконата на основния документ и да ги приведе в съответствие с 2 ръководство.

Стилен меню в черно

Стилен меню в черно

Свързани статии

Подкрепете проекта - споделете линка, благодаря!