База модов


Популярные моды



Skyrim [28]Witcher 3 [9]Elder Scrolls Legends [17]
Dishonored 2 [14]Fallout 4 [2]Skyrim - Общее [11]
Oblivion [32]Fallout 3 [4]Creator Kit [16]
Construction Set [19]LORE [10]Бэйлон Гард [3]
Один Герой [8]Photoshop [9]Разное [19]

Стильная навигация для сайта(1)

Стильная навигация для сайта
В этом уроке мы будем создавать стильную черную навигацию для сайта.
Вот так она будет выглядеть в конце урока:

Шаг 1. Для начала создайте новый документ, размер его 560x500 пикселов, и залейте этот новый документ черным цветом. На новом слое создайте фигуру большого прямоугольника со скругленными углами в режиме слой - фигуры, радиус скругления угла –70 пикселов. Растрируйте слой, установите в качестве основного цвета в палитре цветов белый, а в качестве цвета заднего плана – темно серый цвет: #434343

Загрузите выделение слоя с фигурой прямоугольника (<Ctrl+клик по миниатюре слоя с прямоугольником>), поменяйте местами задний и передний цвета в палитре цветов.

Теперь цветом переднего плана должен быть темно-серый, а цветом заднего плана – белый цвет. Используйте инструмент gradient tool (Градиент) для того, чтобы создать линейный градиент от основного к прозрачному на белом прямоугольнике. Этот градиент создаст эффект отражения.

Теперь нужно сжать выделение: Contract (Сжать) из меню select > modify > contract (Выделение – Модификация – Сжать) и сожмите выделение на 2 пиксела. Не снимая выделения, создайте новый слой и заполните его черным цветом. Выделение пока не снимайте.

Шаг 2. Теперь примените инструмент transform tool ( Трансформирование) из меню edit > transform (Редактирование – Трансформирование - Масштабирование), чтобы уменьшить высоту черного прямоугольника до 99 %.

Слою с черным прямоугольником нужно добавить немного растушевки: feather (Растушевка) из меню select > modify >feather (Выделение – Модификация – Растушевка). Размер растушевки – 15 пикселов, после растушевки края черного прямоугольника станут скругленными. Теперь создайте новый слой и заполните его цветом с показателем: #3A3A3A

Далее создайте еще один прямоугольник со скругленными углами – радиус скругления угла – 15 пикселов.

Ждите продолжения

Источник: http://www.photoshop-master.ru/lessons.php?rub=4&id=1163

2987
Всего комментариев: 8
Алисёнок (23.02.2015 в 22:04) #8 Спам
avatar Такой мелкий шрифт в уроках(( А сам урок классный!
Ответить Like | 0
Ackibybl (09.04.2011 в 00:52) #5 Спам
avatar кулльный урок smile
Ответить Like | 0
Странник (05.02.2011 в 23:35) #3 Спам
avatar Удачи тебе Diablo , но только вот сейчас это делать уже очень тяжело. Сайтов на Юкозе по миру Тес уже *** знает сколько. По моему за тысячу переваливает точно.
Ответить Like | 0
VoidWalker (05.03.2011 в 01:03) #4 Спам
avatar Очень мало нормальных сайтов.Лишь единицы...
Ответить Like | 0
Странник (04.06.2011 в 01:13) #6 Спам
avatar Потому что всякое неответственное школоло берется за сайты. Но Наш сайт избранный)
Ответить Like | 0
Brony (09.11.2012 в 05:01) #7 Спам
avatar Есть так же МГ.
Ответить Like | 0
Diablo (05.02.2011 в 18:20) #2 Спам
avatar спасибо большое!! я возможно , скоро свой сайт создам про тес
Ответить Like | 0
Странник (05.02.2011 в 14:18) #1 Спам
avatar Хорошо так, но можно просто скачать определенные стили для фотошопа и, начертив произвольную фигуру (тот же прямоугольник) Применить к нему стиль. Эффект получится такой же, иногда и лучше бывает. Да времени будет занимать секунд шесть smile
Ответить Like | 0
avatar