![](https://habrastorage.org/webt/gl/ev/_1/glev_1tsn801byhnhlnpcfn14cs.jpeg)
Всем привет!
Я продолжаю рассказывать о своих проектах в 3д. На этот раз я отошёл от игровой темы (смотрите статью Создал уровень из Battletoads / Double Dragon в 3D, часть 2 — анимация) и решил вспомнить культовый телефон Nokia 3310.
Я представил как могла бы выглядеть реклама для этого старичка, если бы она создавалась сейчас. Что из всего этого получилось, вы можете увидеть ближе к концу статьи.
Как и всегда, я оставлю ссылку на оригинальный ролик, если вам больше нравится смотреть видео.
Те, кто родился в 90-е хорошо помнят время, когда телефоны были большими пухлыми кусками пластика с кнопками и двухцветными дисплеями.
Положите современные смартфоны друг рядом с другом и сложно будет понять какой из них ваш.
![](https://habrastorage.org/webt/6q/2v/_3/6q2v_3tfh4lykv8_bqgijsmnqb8.png)
Но в этих простых пластиковых устройствах была какая-то изюминка. Можно было звонить кому-угодно из друзей, не заходя при этом домой, устанавливать одну из нескольких мелодий звонка и играть во встроенные игры. Никакой речи о том, чтобы скачать игру в Google Play тогда не было.
![](https://habrastorage.org/webt/tg/we/z8/tgwez8ugyzlilixpywj7-cllar0.png)
Из всего многообразия устройств, был один телефон, который многие до сих пор помнят и любят. Это культовый Nokia 3310 от одноименной финской компании.
![](https://habrastorage.org/webt/un/gp/kl/ungpkluvktc6g7vvrejequ5qdro.png)
Эта модель была выпущена под конец двухтысячного года, в год появления Витаса, игры Sims и фильма Брат-2.
![](https://habrastorage.org/webt/vq/sf/cg/vqsfcghwbq52x7po7hf1lpkahqk.png)
Телефон мог не просто принимать звонки и отправлять смс, в него был встроен таймер, калькулятор, будильник и целых 4 игры. 2 из которых стали не менее популярны, чем сам телефон.
3310 стал настоящим хитом и был продан тиражом в 126 миллионов копий.
При ёмкости аккумулятора в 900 миллиампер-час, заряд батареи мог держаться до 260 часов.
![](https://habrastorage.org/webt/zs/oe/hs/zsoehsumjshn60upooqxlqkuqkm.png)
Кроме того телефон отличался просто невиданной прочностью, которая сделала из 3310 интернет-мем.
В 2017 году в компании подумали, что новое это хорошо забытое старое и решили обновить модель, выпустив новую версию Nokia 3310.
Хотя кто-то и считает выпуск новой модели успешным, она всё-таки не стала такой же популярной, как оригинал.
![](https://habrastorage.org/webt/dg/th/tq/dgthtqkw3bx9zjb6h2yev9dnnv4.png)
Пока режиссёр Брайан Джей Сингер выпускал первых людей X, в Nokia снимали рекламу для своего нового устройства.
В роликах для ТВ рекламы показывали что угодно, но не сам продукт. Если вы когда-нибудь видели рекламу современных смартфонов, то в них, основным и главным элементом всегда является сам смартфон.
Мне стало интересно, а как бы выглядела реклама той самой культовой Nokia 3310, если бы её создавали сейчас. Тем более с помощью 3д всегда можно посмотреть на привычные вещи с другой стороны. Не долго думая я приступил к созданию своей рекламы.
![](https://habrastorage.org/webt/xl/qy/x9/xlqyx9qpivbcp8ilpuzgbcdipa4.png)
По моим заветам успешной рекламы, основой видео я решил сделать сам телефон. Честно сказать, я понятия не имел как должно выглядеть финальное видео. Но самый верный путь, просто начать делать и в процессе придумывать то, что приходит в голову.
Я нашёл подходящие референсы телефона на википедии. Автор статьи как будто специально для 3д-моделлеров добавил фотографии телефона со всех сторон.
![](https://habrastorage.org/webt/59/ua/0p/59ua0p6vmd_gierxns-s5qa5_7m.png)
Так как в рекламе нужно показать преимущества продукта, я открыл характеристики 3310 и примерно прикинул на что можно сделать упор.
![](https://habrastorage.org/webt/g_/48/qm/g_48qmpjaitska2ngyr2nxu9vkk.png)
Все 3д объекты состоят из полигонов, которые получаются из соединения трёх и более точек. Если полигонов в модели мало, то она называется лоу-поли модель, а если много — хай поли.
Для моего ролика вполне подойдёт и низко полигональное моделирование.
![](https://habrastorage.org/webt/_o/hd/it/_ohditvxcv-z0-jw4ehmjvwb0yk.png)
Если посмотреть на телефон, он состоит из пластиковых деталей, между которыми есть достаточно большие зазоры. Никто же не рассчитывал, что его будут проверять на водостойкость.
Созданием этих деталей я и начал заниматься. Сначала сделал переднюю крышку с углублением под надпись Nokia и дырками для динамика, а потом пластиковую рамку вокруг.
![](https://habrastorage.org/webt/wf/mc/tf/wfmctfuduluj5mhmoeghfsw_9dw.png)
Дальше я принялся за основной корпус. Сейчас всё выглядит хорошо, пока не повернёшь модельку боком, ведь это только плоская основа.
В нижней части корпуса будут располагаться кнопки, поэтому нужно заранее предусмотреть для них отверстия.
![](https://habrastorage.org/webt/64/6g/t9/646gt9ekeu8qh1ufjxafm6aqcre.png)
Удобнее всего разместить референсы со всех сторон, чтобы переключаться между видами и сразу редактировать модельку с нужной стороны.
В корпусе есть небольшие углубления, о которых я тоже не забыл. Вообще, когда я создаю какую-то модель, ориентируясь на оригинал, я стараюсь особое внимание уделять мелочам, потому что в мелочах кроется весь смысл.
С задней крышкой я возился достаточно долго, так как она должна повторять изгиб передней панели и быть скруглённой сверху и у меня почему-то никак не получалось сделать это скругление.
![](https://habrastorage.org/webt/jm/-h/xh/jm-hxhxf6bwr5jtgulx_na7b7io.png)
Не пугайтесь, я не стал красить телефон в эти безумные красный и синий цвета. Я просто включил отображение нормалей в Blender, чтобы они смотрели в нужные стороны и не были вывернуты.
![](https://habrastorage.org/webt/qi/tb/he/qitbhe4sp_pognhlu2qmfdc728q.png)
Через некоторое время я наконец доделал заднюю крышку, а вместе с ней и основу корпуса всего телефона.
Думаю, что я мог бы вечно редактировать модельку, двигая каждую вершину и ребро, но идеального сходства с оригиналом всё равно не добиться никогда, поэтому я держу себя в руках.
Пришло время для создания кнопок. Здесь ничего сложного. Я скопировал контур отверстия и выдавил его для каждой кнопки клавиатуры.
![](https://habrastorage.org/webt/rf/ab/_d/rfab_dzzby5qpekrlwdjy3utczq.png)
В Blender есть чудесный модификатор Lattice, что переводится как решётка. Создаётся та самая решётка, которая при деформировании действует на все привязанные к ней объекты. Если совсем просто, то с помощью решётки можно добавлять изгибы, углубления и тому подобное для всей модельки сразу.
![](https://habrastorage.org/webt/vr/fv/ms/vrfvmsywe_ngygjduroo1n2ykrm.png)
Ещё три кнопки в телефоне я создал с помощью кубов, как и большинство объектов которые создаются в 3д.
Моделька готова для первой покраски. Это тот самый цвет, который у меня прочно ассоциируется с 3310. Как вы сможете увидеть позже, я добавлю ещё несколько цветов корпуса.
![](https://habrastorage.org/webt/po/pa/f1/popaf1kxeglgftvvl0h1biswzne.png)
На задней крышке я также не забыл добавить пару кнопок.
В самом низу корпуса, его части не сходятся вместе, а наоборот приоткрывают внутреннюю часть, на которой находятся те немногочисленные, но такие нужные разъёмы телефона.
А по бокам ещё два элемента необычной стильной формы.
![](https://habrastorage.org/webt/6c/q4/ss/6cq4ssrzjhvjyuvd-1kr8mmcbjm.png)
Я подумал, что было бы круто разобрать телефон по частям с помощью анимации, чтобы показать все его внутренности.
Я посчитал, что совсем необязательно разбирать всё до винтиков, достаточно показать какие-то основные элементы. Поэтому я начал с создания части, куда вставляется тот самый вместительный аккумулятор.
![](https://habrastorage.org/webt/ws/7x/6h/ws7x6h0cxlgqip-ve4yz8yizz-y.png)
Как потом выяснится, некоторые элементы почти или совсем не видны на видео, но лучше сделать их заранее, чем потом пытаться выбирать подходящие ракурсы.
Я создал элемент, на котором крепится экран и то самое место, куда прилегает динамик, и панель с клавиатурой.
Также я добавил небольшое подобие винтиков и датчиков, чтобы деталь не смотрелась пусто.
![](https://habrastorage.org/webt/yh/a_/p_/yha_p_symfs0nlqopqg_qbnio8e.png)
Осталось установить внутренности в корпус и слегка подредактировать его, чтобы всё убралось.
Наш с вами телефон становится всё больше похож на настоящий. Думаю, что уже сейчас его можно было бы напечатать на 3д принтере.
Устанавливаю аккумулятор, который по моей задумке тоже будет участвовать в финальной анимации. Жаль, что 3310 нет под рукой.
![](https://habrastorage.org/webt/of/yp/lc/ofyplctpvwsfpgdgu3uv7iq2iby.png)
Самое время добавить надписи на кнопках. Для этого в Blender создается развёртка модельки, чтобы координаты на 3д объекте соответствовали координатам на текстуре.
![](https://habrastorage.org/webt/tv/ch/rr/tvchrrxld2rausqsqke6y2_r-wi.png)
Сначала я пытался взять такую фотографию телефона, но на 3д модельке это смотрелось совсем плохо, поэтому я заново нарисовал рисунки для всех кнопок и уже созданную мной текстуру добавил в блендер, а потом настроил развёртку для каждой кнопки.
![](https://habrastorage.org/webt/6k/w4/fz/6kw4fznqz2xov3rpdbygpf3lgcg.png)
Я также добавил текстуры для аккумулятора и для аккумуляторного отсека. И на этом с моделькой закончено.
Перед созданием анимации можно сделать что-то вроде аниматика. Я создал обычный прямоугольник, который примерно соответствует размерам телефона и уже его передвигал перед камерой.
![](https://habrastorage.org/webt/og/d1/kn/ogd1knmhr3z_gikic0hgysrk_cu.png)
![](https://habrastorage.org/webt/sg/ef/89/sgef89vydtg-fofhu2h2wf3lyeu.png)
Я добавил камеру на сцену и начал настраивать её перемещение.
Для видео я использовал одинаковые модельки телефона для каждого из ракурсов, но уже после создания ролика, я задумался, что проще было бы использовать одну и ту же модельку и просто двигать её по сцене вместе с камерой.
![](https://habrastorage.org/webt/om/jn/6e/omjn6ea-fj09abeyeqcxip2rkm0.png)
Вообще анимация достаточно кропотливый процесс и часто на её создание уходит гораздо больше времени, чем на создание самих моделек.
В моей сцене с несколькими одинаковыми модельками, камера передвигается между ними.
И если уж я стал использовать несколько моделек, то нужно было расположить их так, чтобы в разных кадрах они не попадали поле зрение камеры. Ох, сколько бы я тогда времени сэкономил.
Мне в голову пришла идея показать сразу две игры с телефона в видео. Первая — это та самая змейка, а вторая Space Impact, в которой космический корабль стреляет по врагам из бластера. И, чтобы добавить разнообразия, я создал анимацию Space Impact в 3д.
![](https://habrastorage.org/webt/v-/1w/qy/v-1wqyq-kxnofvs5zyo-hdwsrrg.png)
Всё не так сложно, как может показаться на первый взгляд. Несколько объектов из геометрических фигур перемещаются в пространстве, а интерфейс с очками и жизнями располагается верхней части, вот и вся игра.
![](https://habrastorage.org/webt/-s/d9/ic/-sd9ic3_9rpbjxdsli7bahfbic4.png)
В этой сцене я добавил анимацию разборки телефона. Выделил каждую из деталей и передвинул по одной из осей, а через несколько кадров вернул обратно.
![](https://habrastorage.org/webt/q2/6p/n1/q26pn11lzb_pxijz04cs28csmtc.png)
Змейка. Десятки часов люди проводили за ней, во времена, когда ещё не было такого безумного количества игр на телефонах.
Для неё я сделал 2д анимацию в After Effects с нуля. Я создал квадрат и на его основе собрал всю сцену.
![](https://habrastorage.org/webt/xc/od/sb/xcodsbr111mvwmasq04bxwxud7s.png)
Меню также пришлось рисовать с нуля. По задумке, в видео, телефон переключается между пунктами меню. У меня была гифка с таким переключением, которую я и взял за основу.
![](https://habrastorage.org/webt/hr/iv/sg/hrivsgyndmad7kxta7979gjlcdk.png)
Я совсем близко к финишной прямой. И занялся тем, что добавил на сцену освещение. А его здесь много. Я решил сделать модное появление из чёрного в самом начале видео. Для этого источники света должны включаться плавно и одновременно.
Добавил заставку главного экрана для некоторых моделек, для каких-то мест добавил фон и больше света.
![](https://habrastorage.org/webt/c4/-d/sg/c4-dsgabc7t16pdronqwrun5qog.png)
Ох, не знаю почему, но я забыл шильдик Nokia спереди и сзади телефона. А это значит, что придётся добавлять их для каждой из моделек на сцене.
![](https://habrastorage.org/webt/rg/u8/2z/rgu82zzn-0q2yshzejzaakpjy_k.png)
Последние приготовления — изменение цвета телефона и фона под ним, чтобы показать, насколько стильный и молодёжный телефон Nokia 3310.
![](https://habrastorage.org/webt/de/r_/ls/der_lslqnlwp_w17xfrn6cgvvws.png)
После того как рендер завершился, нужно было собрать ролик и добавить в него музыку и эффекты. Это интересная работа, о которой я расскажу как-нибудь в другой раз, а прямо сейчас мне не терпится показать вам финальный результат.
![](https://habrastorage.org/webt/4e/n0/fi/4en0fisnpl8iydwtzco463s6vy0.png)
Так выглядит мой вариант рекламы культового телефона Nokia 3310. При создании 3д, да и в любой другой серьёзной работе всегда будут появляться какие-то трудности, каким бы профессионалом вы не были. Привыкнуть к ним не получится, поэтому можно расценивать их как опыт, ведь когда-то и я не мог сделать даже малую часть того, что могу сейчас.
В любом случае, не бойтесь трудностей и делайте всё, что можно вообразить, главное, чтобы это было полезно вам и другим.
Пишите комментарии, если эта статья и видео были вам интересны. И до встречи.
Оригинальное видео
Комментарии (10)
Coppermine
02.08.2021 13:41Хм... А не проще использовать для таких целей NURBS? Мне становится немного не по себе при взгляде на сетку в области клавиатуры.
776166
03.08.2021 14:381) Реклама, как реклама, ни о чём. Увы. Из неё не понятны ни преимущества, ни фишки, ни вообще что-то что хоть как-то может привлечь моё внимание. Но как графическая работа, типа курсача — да. Хорошо.
2) Лучше разделять ролики о том, как что-то делается, и о том, что получилось.dendead Автор
03.08.2021 14:42Это просто как развлечение, вряд ли Nokia будет использовать моё видео в каких-то своих промо материалах)
Были такие предложения, но я считаю, что в этом случае теряется интрига всего видео.776166
03.08.2021 14:47+1Нокия, как показывает практика, сейчас совсем не понимает в своих продуктах, пытаясь выезжать на былой славе отдельных моделей. Например, перезапуск 6310. Хотя, я бы на её месте попробовал бы запустить в серию ряд старых моделей 1:1 с новой начинкой. Они были классными. Я бы даже прикупил бы что-нибудь, потому что это порно. Эта тенденция наконец-то набирает обороты, когда старые классные вещи обретают вторую жизнь. Например, автомобили. Ибо современная автопромышленность в основном убога и без изюминки.
shadovv76
11.08.2021 16:33чисто под настроение ....
"Корпорация Google не могла оставить без комментариев активно обсуждаемую тему сотрудничества Nokia и Microsoft. Интернет-гигант с недоверием отнесся к будущему грядущего союза двух производителей. В своем микроблоге вице-президент Google Вик Гундотра заявил, что «из двух куриц орла не получится»."
с тех пор ничего хорошего про Нокиа я и не слышал.
namee
С нетерпением ждём следующих постов о том как вы покушали и легли баиньки
pewpew
Ваше мнение очень важно для вас.
namee
Достоверность изложенного 125%