Работы в «стол»
Думаю, что у каждого дизайнера найдется не мало работ «в стол», варианты по какой-то причине не принятые клиентом. Но ведь это вовсе не значит, что они плохи. Не всегда хочется выкладывать непринятую работу в портфолио, но показать ведь кому-нибудь нужно. Вот представляю разработку логотипа для тюнингового ателье, стилизованный под стальной щит (я кстати заметил что всем, кто связан с автомобилями, будь то продажа или тюнинг, нравятся стальные щиты, аля Lamborghini или Ferrari) и макет главной страницы сайта.
И вроде заказчику понравилось, но куда-то он пропал, видимо дела.
PS.: Что-то зачастили эти щиты, в следующем посте напишу, как "легко" его можно нарисовать и анимировать для сайта :)
Не смог придумать иллюстрацию для заголовка следующего поста, потому опубликую все тут. И так рисуем щит (как я его рисую), нет не тот щит, что вы подумал, а стальной щит с эмблемой и и ленточкой. Вооружимся редактором трехмерной графики, так как предполагалось что на сайте щит будет поворачиваться в зависимости от положения мышки. В моем случае Это LightWave 3D (как-то с популярным 3D Max у меня не пошло дело дальше просмотра его интерфейса).
1. Возьмем .jpg нашего логотипа, поставим его фоновым изображением и начнем моделим щит и ленту, как по трафарету. Я это делаю примитивно используя (по-моему это так называется) Subpatch Modeling. Щит конечно делаем загнутым, что это за щит без изгиба, shit какой-то, а не щит, и анологично делаем ленту.
2. Берем оставшиесе эллементы логотипа импортируем их в 3D из .eps или .ai файлов, предварительно сохраненных. Тут мы их экструдим, гнем по форме щита и ленты, кому хочется пусть снимет фаску, чтобы не было острых углов.
С моделингом покончено, сливаем все объекты в один слой и идем (едем, бежим, летим) рендерить.
3. В сцене ставим свет, окружение и задний фон, хотя нам лого для сайта нужно и рендерить будем с альфа каналом, можно и не ставить.
4. Не забудем настроить материалы, в LW 3D это очень просто делать, как-то интуитивно получается.
5. делаем поворот лого на 60 градусов в 20 кадрах.
Ну и почти все готово, считаем нечеловеческую красоту и получаем секвенцию из 20 кадров с альфа каналами. Закидываем все это в Photoshop, избавляемся от фона (да, да вот для этого альфа каналы и нужны) и сохраняем в PNG-24. Далее открываем Flash, и делаем «Magic» ;) Можно написать скрипт можно воспользоваться кнопками, возьмем второе, так как мы не сильны в Action Script. Если очень коротко, то берем две кнопки, при наведении на левую логотип поворачивается в право, на правую, влево. Ну и при сходе с зоны кнопки логотип не должен «скакнуть» в исходное положение, он должен туда вернуться плавно.
В общем, результат:
Подписка
Оставить комментарий:
06.01.2010, 01:07
05.01.2010, 20:44
14.12.2009, 14:35