Профессиональная навигационная панель

1. Для начала создайте новый документ с настройками, показанными ниже:


Профессиональная навигационная панель



2. Залейте фон чёрным цветом.

3. Потом инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение и залейте его белым цветом, как показано ниже:


Профессиональная навигационная панель



4. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и примените следующие стили:

Наложение градиента:


Профессиональная навигационная панель



Редактор градиента:


Профессиональная навигационная панель



Обводка:


Профессиональная навигационная панель



Вы должны получить такой результат:


Профессиональная навигационная панель


5. Далее, используя инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник белого цвета, как показано ниже:


Профессиональная навигационная панель



6. Примените стиль Наложение градиента (Layer Style — Gradient Overlay):


Профессиональная навигационная панель



Редактор градиента:


Профессиональная навигационная панель



Вы должны получить такой результат:


Профессиональная навигационная панель



7. Далее инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение, как показано ниже, и залейте его цветом #000000.


Профессиональная навигационная панель



8. Снизьте Непрозрачность (Opacity) слоя до 21% и у вас получится небольшая тень.


Профессиональная навигационная панель



9. Теперь добавим текст. Активное меню будет цветом — #2e2d2d, а не активное — #FFFFFF.


Профессиональная навигационная панель



10. Используя инструмент Прямоугольная область (Rectangular Marquee Tool), сделайте выделение, как показано ниже, и залейте его цветом — #FFFFF. Всё это делайте в слое под слоем с текcтом.


Профессиональная навигационная панель



11. Добавьте стиль Наложение градиента (Layer Style — Gradient Overlay) к этому слою.


Профессиональная навигационная панель



Редактор градиента:


Профессиональная навигационная панель



12. Сделаем область поиска. Для начала создайте область ввода. Используя инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник цветом #FFFFFF, как показано ниже:


Профессиональная навигационная панель



13. Примените стиль Обводка (Layer Style — Stroke) к этому слою и настройте, как показано ниже:


Профессиональная навигационная панель



14. Далее сделаем кнопку поиска. Используя инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник, как показано ниже:


Профессиональная навигационная панель



15. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и примените следующие стили:

Наложение градиента:


Профессиональная навигационная панель



Редактор градиента:


Профессиональная навигационная панель



Обводка:



Профессиональная навигационная панель



16. Я добавил немного блеска к кнопке и расположил лупу на ней.


Профессиональная навигационная панель



17. В конце я добавил логотип и пару кнопок в правом углу.


Профессиональная навигационная панель








Делаем Web-дизайн

Вас может также заинтересовать:

16 декабря 2017

Байонет: Nikon F Тип объектива: широкоугольный Фокусное расстояние: переменное

16 декабря 2017

Мощная и совершенная творческая камера, которая станет великолепным выбором для фотоэнтузиаста или фотографа-профессионала. Матрица DX 16,2 Мпикс. с защитой от пыли, светочувствительность до ISO 25600, ЖК-дисплей 3” (920000 точек), режим Live View, фокусировка по 39 точкам, экспозамер по 2016 пикс., серийная съемка 6 кадров/сек., видеосъемка Full HD, пыле- влагозащищенный корпус.

16 декабря 2017

На что похож идеальный проектор для домашнего кинотеатра? По нашему мнению, он должен быть достаточно компактен и легок, его разрешение должно составлять не менее 1920 х 1080, чтобы не было мучительно больно за отсутствующие на экране пиксели, а его цена должна быть сравнима с большим хорошим плоскопанельным телевизором, а не с новым автомобилем. Список проекторов, удовлетворяющих таким требованиям, невелик, но недавно он пополнился еще одним именем — Epson EMP-TW1000.