Сайт Аргентум
11:45 01.09.2011
Argentum web site
Компания Аргентум занимается строительством (монтажом, проектированием) лестниц. Они занимаются как общественными объектами так и эксклюзивными проектами.
Основная идея которой я руководствовался при разработке дизайна, это принцип лучше увидеть чем услышать(прочитать). Сайт дает возможность увидеть товар лицом.
Главная страница (1920х1080)Максимальное разрешение для сайта 1920х1080. Дальше картинка будет растягиваться в ущерб качеству.
На главной странице заказчик хотел видеть лестницы из 2 фотографий. Окей =) Значит соединяем их в одно целое.
Задача: Слепить две фотографии.
Стыкуем фотографии:
01. Переношу два изображения на холстРисуем то как это должно выглядеть:
02. Быстро накидываю набросокНе не так, ищем дальше:
03.Во самое оно! Рисуем на чистовик.
04. Рисую балконГлавной проблемой была разная перспектива у фотографий. Править все объекты в сцене очень долго. Поэтому я решил проблему «Малой кровью». Я затер стыки между плитками на левой фотографии сделав полы монолитными, так как именно эти линии больше всего задавали перспективу.
05. Отрисовываю колонны и плитку
06. Заканчиваю картинку )Внезапно заказчик хочет поменять лесенку справа. Окей ) меняем лесенку на другую.
Кидаю лесенку.Для того чтобы дорисовать пол, я вырезал кусок целой плитки, размножил и с делал из него текстуру. Затем наложил на плоскость. Кисточкой дорисовал швы. Для того чтобы плитка смотрелась более естественно я добавил отражение.
Отражение делается довольно просто. Сохраняем готовую сцену. Вставляем и переворачиваем вверх ногами. Плющим по высоте слегка. Кидаем моушн блёр, и накладываем на плитку в режиме оверлэй с нужной прозрачностью. Лишнее естественно убираем маской.
07. Правим перспективу, дорисовываю пол, убираю лишние элементы.Обнаруживаю, что картинка не 1920 по ширине и дорисовываю правый край.
08. Готово ^_^
Стена дорисовывается почти так же как и пол )
Готово! Вот и внутренняя страница ;)
Раздел портфолио.Сейчас сайт уже верстается, и скоро можно будет его потыкать мышкой.
Бонус!
Вариант не вошедший в финальный макет:
Не принятый вариант навигации.P.S.
Если есть вопросы по тому как делается тот или иной элемент, то спрашивайте в коментах или другими способами.
На днях будет пост с редизайном одного сайта для
КрасИнсайта.
Пост целиком at SAMURAY DESIGN.
rss2lj
Argentum web site
Компания Аргентум занимается строительством (монтажом, проектированием) лестниц. Они занимаются как общественными объектами так и эксклюзивными проектами.
Основная идея которой я руководствовался при разработке дизайна, это принцип лучше увидеть чем услышать(прочитать). Сайт дает возможность увидеть товар лицом.
Главная страница (1920х1080)Максимальное разрешение для сайта 1920х1080. Дальше картинка будет растягиваться в ущерб качеству.
На главной странице заказчик хотел видеть лестницы из 2 фотографий. Окей =) Значит соединяем их в одно целое.
Задача: Слепить две фотографии.
Стыкуем фотографии:
01. Переношу два изображения на холстРисуем то как это должно выглядеть:
02. Быстро накидываю набросокНе не так, ищем дальше:
03.Во самое оно! Рисуем на чистовик.
04. Рисую балконГлавной проблемой была разная перспектива у фотографий. Править все объекты в сцене очень долго. Поэтому я решил проблему «Малой кровью». Я затер стыки между плитками на левой фотографии сделав полы монолитными, так как именно эти линии больше всего задавали перспективу.
05. Отрисовываю колонны и плитку
06. Заканчиваю картинку )Внезапно заказчик хочет поменять лесенку справа. Окей ) меняем лесенку на другую.
Кидаю лесенку.Для того чтобы дорисовать пол, я вырезал кусок целой плитки, размножил и с делал из него текстуру. Затем наложил на плоскость. Кисточкой дорисовал швы. Для того чтобы плитка смотрелась более естественно я добавил отражение.
Отражение делается довольно просто. Сохраняем готовую сцену. Вставляем и переворачиваем вверх ногами. Плющим по высоте слегка. Кидаем моушн блёр, и накладываем на плитку в режиме оверлэй с нужной прозрачностью. Лишнее естественно убираем маской.
07. Правим перспективу, дорисовываю пол, убираю лишние элементы.Обнаруживаю, что картинка не 1920 по ширине и дорисовываю правый край.
08. Готово ^_^
Стена дорисовывается почти так же как и пол )
Готово! Вот и внутренняя страница ;)
Раздел портфолио.Сейчас сайт уже верстается, и скоро можно будет его потыкать мышкой.
Бонус!
Вариант не вошедший в финальный макет:
Не принятый вариант навигации.P.S.
Если есть вопросы по тому как делается тот или иной элемент, то спрашивайте в коментах или другими способами.
На днях будет пост с редизайном одного сайта для
КрасИнсайта.
Пост целиком at SAMURAY DESIGN.
rss2lj