Главная » Статьи » Веб-дизайн

Создаём в фотошопе дизайн сайта
Для урока нам понадобиться текстура, сохраняем ее себе на компьютер.

Шаг 1.

Открываем картинку в Photoshop и следуем Edit > Define pattern. Пишем имя и жмем ОК. 
Создаем новый документ: 960 pixels ширина и 900 pixels по высоте. 
Берем Paint Bucket Tool,в панели опций выбираем: pattern. И выбираем тот который создали.

Кликаем на слое с помощью Paint Bucket Tool. Получите следующее:

Ставим цвет переднего плана: #49290a и с помощью Rounded Rectangle Tool создаем форму, и располагаем посередине макета.

Добавляем стили слоя:


Добавим другие формы, ниже коричневых форм. В этот раз используем белый цвет для форм.

Добавляем те же самые стили слоя что использовали ранее:


Результат:

Шаг 2.

В низ макета добавляем картинку растения и дивана.

Под слоем с диваном, создаем круглую форму используя инструмент Ellipse Tool

Следуем Filter > Blur > Gaussian blur и настройки как показано ниже:

Теперь у нас есть тень под диваном

Шаг 3.

На левой части макета создаем боксы, используя Rectangle Tool

Добавляем стили слоя:

 

Добавляем текст и картинки:

На правой части баннеры:

Создаем линию чтобы разделить посты

Чтобы создать линию, используем Horizontal Type Tool и следующие настройки шрифта:

Создаем кнопки:

Финальный результат:

автор: Grafpedia

Категория: Веб-дизайн | (31.10.2010)
Просмотров: 660 | Теги: фотошопе, Wallhacker, дизайн, сайта | Рейтинг: 0.0/0
Всего комментариев: 0