Фотореалистичный дизайн сайта  Дата: Ноя 01 | Категория: Photoshop | Автор: admin |

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

VIP членам доступен для скачивания PSD файл и css/xhtml код.

Для урока нам понадобиться текстура, сохраняем ее себе на компьютер.

Шаг 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 Перевод:Irdin