1. Первым, что мы хотим сделать, – создать новый документ с размерами 1024×810.
2. Используя Paint Bucket Tool (инструмент Заливка) заполните Ваш фон цветом #15181C.
3. Дальше используйте Rectangle Marquee Tool (инструмент Прямоугольная область) для создания выделения, примерно следующего, и залейте его #121518. Это будет служить фоном для навигационного меню.
4. Теперь выберите Text Tool (инструмент Текст) и сделайте несколько ссылок примерно следующих.
5. Мы хотим пойти дальше и создать наши «делители» между каждой ссылкой. Сделайте выделенную область шириной в 1 рх, как показано ниже, и заполните ее #1C2024.
6. Теперь создайте новый слой и сделайте примерно следующее выделение, и заполните его #717070.
7. Идем дальше и создаем такие делители между всеми ссылками и Вы должны получить что-то похоже на это
8. Я пошел дальше и добавил простой текстовый логотип. Его первая часть – #FFFFFF и вторая часть – #13B71E.
9. Я искал sxc.hu и нашел хороший и простой склад фото, чтобы использовать для этого урока.
10. Чтобы разделить навигационное меню и фото, создайте новый слой над вашим фото и сделайте белую полосу вверху.
11. В зависимости от фото, Вы можете снизить непрозрачность слоя до 30 %.
12. Чтобы добавить что-то в фото, я пошел дальше и добавил текст. Это может быть лозунг или просто строчка текста, который Вы хотите.
13. Я использовал эти опции смешивания на слой шрифтов.
14. Область контента и футер довольно понятны для этого простого макета. Фон для футера и окон "Веб-дизайн" и "Print Design – # 121518.
15. Ваш окончательный результат должен выглядеть приблизительно так.
Комментариев нет:
Отправить комментарий