| Главная » Статьи » Веб-дизайн |
Макет сайта волшебной ночи в Фотошопе (Часть 2).
Шаг 11. Копируем слой со словом Magic, заменяем его на night и размещаем, как на картинке внизу. Стили Слоя - Outer Glow (#FFFFFF) иGradient overlay (#F9DA5B, #FEAE00, and #FFD403).     Шаг 12. Добавим облаков. Скачиваем redheadstock's . выбираем кисть номер 2464, диаметра 960 пикселей и #234B7F цвета. Создаем новый слой "cloud1" и одократно кликаем там кистью. Теперь, перемещаем новый слой в папку Background и меняем размер облака (Ctrl+T).   Шаг 13. Выбираем Инструменты Dodge (Осветлитель) и Burn (Заткмнитель) и, соответственно, затемняем облако снизу и осветляем сверху. Непрозрачность (Opacity) этого слоя ставим - 50%.    Шаг 14. На новом слое "cloud2" добавляем ещё облаков (мы для них использовали #5F83A5 цвет). Затемнить и осветлить их можно также, как это делалось в предыдущем шаге.    Шаг 15. Повторяем предыдущий шаг, только теперь используем другую Кисть (цвет - #36638C) и рисуем облако на слое "cloud1". Затемнение, осветление и изменение размера - по желанию. 
  Шаг 16. Выбираем мягкий Ластик и стираем нижнюю часть облака на слое "cloud1", чтобы получился эффект плавного перехода.  Шаг 17. Переходим от шапки к телу сайта. Рисуем на новом слое прямоугольник #0A1D37 цвета (слой с ним должен находиться под папкой со слоями с облаками). Обратите внимание, что прямоуголник находится в пределах сделанных в самом начале направляющих. Далее идем Layer>Layer Mask>Reveal all и на этой маске проводим черно-белый градиент (см. рисунок). В конце отметим еще одной направляющей место перехода цвета в фон.    Шаг 18. Добавим (опять на новый слой) ещё один прямоугольник, который будет использоваться в дальнейшем под навигацию. Цвет у него пусть будет - #091525, маска слоя - как в предыдущем шаге.   Шаг 19. Нарисуем необычную rss-иконку в шапке нашего сайта. Для этого, для начала, скачаем и помещаем его на новый слой "moon-rss". После этого регулируем значения Hue/Saturation (Ctrl+U) и добавляем Стили Слоя - Inner Glow и Outer Glow.       Шаг 20. На новом слое (находящемся над слоем с луной) рисуем маленькое облако #7997B3 цвета. Лишние места стираем Ластиком.   Шаг 21. На новый слой (находящийся под слоем с облаком, но над слоем с луной) добавляем классическую фигуру rss-иконки (#DCA30B цвета) и применяем к ней Стили Слоя, показанные внизу. Ну и в конце, добавляем звездочку, как в шаге 10. 
   Шаг 22. Помещаем эту на новый слой, она будет служить фоном под основную навигационную панель. Передвигаем её в нужное место (Move Tool (V)), изменяем размер (Ctrl+T) и деформируем (Flag warp). 
   Шаг 23. Затемняем (Burn Tool) некоторые места меню, чтобы увеличить иллюзию трехмерности.   Шаг 24. Добавим текстуру с помощью Стилей Слоя Gradient Overlay (#045F96 и #FBF4BD) и Pattern Overlay.    | |
| Просмотров: 715 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
