Сайт Аргентум

Компания Аргентум занимается строительством (монтажом, проектированием) лестниц. Они занимаются как общественными объектами так и эксклюзивными проектами.

Основная идея которой я руководствовался при разработке дизайна, это принцип лучше увидеть чем услышать(прочитать). Сайт дает возможность увидеть товар лицом.

Главная страница (1920х1080)

Максимальное разрешение для сайта 1920х1080. Дальше картинка будет растягиваться в ущерб качеству.

На главной странице заказчик хотел видеть лестницы из 2 фотографий. Окей =) Значит соединяем их в одно целое.

Задача: Слепить две фотографии.

Стыкуем фотографии:

01. Переношу два изображения на холст

Рисуем то как это должно выглядеть:

02. Быстро накидываю набросок

Не не так, ищем дальше:

03.

Во самое оно! Рисуем на чистовик.

04. Рисую балкон

Главной проблемой была разная перспектива у фотографий. Править все объекты в сцене очень долго. Поэтому я решил проблему «Малой кровью». Я затер стыки между плитками на левой фотографии сделав полы монолитными, так как именно эти линии больше всего задавали перспективу.

05. Отрисовываю колонны и плитку

06. Заканчиваю картинку )

Внезапно заказчик хочет поменять лесенку справа. Окей ) меняем лесенку на другую.

Кидаю лесенку.

Для того чтобы дорисовать пол, я вырезал кусок целой плитки, размножил и с делал из него текстуру. Затем наложил на плоскость. Кисточкой дорисовал швы. Для того чтобы плитка смотрелась более естественно я добавил отражение.
Отражение делается довольно просто. Сохраняем готовую сцену. Вставляем и переворачиваем вверх ногами. Плющим по высоте слегка. Кидаем моушн блёр, и накладываем на плитку в режиме оверлэй с нужной прозрачностью. Лишнее естественно убираем маской.

07. Правим перспективу, дорисовываю пол, убираю лишние элементы.

Обнаруживаю, что картинка не 1920 по ширине и дорисовываю правый край.

08. Готово ^_^

Стена дорисовывается почти так же как и пол )

Готово! Вот и внутренняя страница ;)

Раздел портфолио.

Сейчас сайт уже верстается, и скоро можно будет его потыкать мышкой.

Бонус!
Вариант не вошедший в финальный макет:

Не принятый вариант навигации.

P.S.
Если есть вопросы по тому как делается тот или иной элемент, то спрашивайте в коментах или другими способами.

На днях будет пост с редизайном одного сайта для КрасИнсайта.