Начална » Photoshop » Създайте раздела Web 2.0 с Photoshop

    Създайте раздела Web 2.0 с Photoshop

    Следващото ръководство по-долу се опитва да ви даде представа как да проектирате хубаво елегантно меню с разделителни знаци в Photoshop, стил Web 2.0.

    Етап 1

    Създайте ново платно с бял фон [#ffffff] на какъвто искате размер, за предпочитане правоъгълен; те са по-подходящи за изготвяне на раздели. След това превключете на Таб (Windows -> Канали), щракнете върху Създайте нов канал в долния десен ъгъл.

    Стъпка 2

    На избрания канален слой, начертайте подобна форма с инструмент Polygonal Lasso. Запълнете го с бял цвят [#ffffff]; откажете опцията Polygonal region (изберете инструмента Marquee и натиснете екрана); дайте формата Gaussian Blur с радиус 6.0px.

    Стъпка 3

    CTRL-L за да извикате диалоговия прозорец Level и да натиснете лявата и дясната стрелка, за да се срещнете със стрелката в центъра, подобно на изображението по-горе. Това ще “гладък” Вашата размазана форма се оформя и ви дава хубава заоблена форма.

    Стъпка 4

    В раздела Канали, Задръжте CTRL, кликнете върху Миниатюра на канала на слой Alpha 1. Новата форма ще бъде избрана, превключете обратно към Раздел "Слоеве", Създайте нов слой и запълнете избраната област с черно [# 000000].

    Стъпка 5

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

    държа CTRL, кликнете върху раздела Миниатюра на слоя , за да се подчертае цялото изображение в раздела.
    Когато изображението в раздела все още е маркирано, изберете Правоъгълен инструмент за надстройка, държа ALT и нарисувайте правоъгълна област, която искаме да премахнем.
    Трябва да виждате само избраната горна част. Изберете -> Промяна -> Договор, Договор от 2px и трябва да получите нещо като изображението вляво.
    Създайте нов слой, запълнете маркирания регион с бял [#ffffff]. Щракнете с десния бутон, изберете Опции за смесване тогава Gradiant Overlay. Заменете белия [#ffffff] стоп цвят със сиво [# 616161]. Разделът ви трябва да изглежда като изображението отляво.

    Стъпка 6

    Създайте нов слой; Изберете Заоблен правоъгълен инструмент (Радиус 8px), начертайте правоъгълник и сложете този слой зад слоя с черен етикет. Кликнете с десния бутон и изберете Опции за смесване и въведете следните настройки.

    Бъдете сянка

    • Непрозрачност: 31%
    • Разстояние: 0px
    • Спред: 0%
    • Размер: 2px

    Откос и релеф

    • Дълбочина: 100%
    • Размер: 0px
    • Омекотява: 0px

    Gradiant Overlay

    • Тук са настройките за цветни спирания.
    • Цвят: #aaaaaa, Местоположение: 0%
    • Цвят: #ffffff, Местоположение 100%

    Стъпка 7

    Поставете в някакъв текст, за да видите цялостния уеб 2.0 вид. Използвам шрифт Lucida Fax, размер на шрифта 32pt и 25pt. И вашият раздел е готов! Чувствайте се свободни да играете с комбинацията от цветове на Tab.

    Урок за изтегляне