База модов


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



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

Стильная навигация для сайта(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

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