Създайте раздела 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.
Урок за изтегляне