среда, 13 июля 2011 г.

Макет для сайта корпоративного бизнеса


В этом уроке Вы выучите, как сделать чистый макет корпоративного стиля для Вашего бизнеса.
 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.                       Ваш окончательный результат должен выглядеть приблизительно так.