{ "permissions": "", "controlName" : "island_edit_hashtag", "savingURL" : "/category/3d/update/general", "formType": "title-description", "showAddItemButton": false, "items" : [ { "title": "3d", "text": "<style>\n\/* remember to use - transform-style: preserve-3d; *\/\nhtml,body {\n height:100%;\n overflow: hidden;\n}\nbody {\n background: radial-gradient(#E4CEA6, #9C8763);\n perspective: 900px;\n margin: 0;\n}\n#flip {\n animation: wrapper 6s ease-in-out infinite;\n height: 350px;\n width: 253px; \n position: absolute;\n left: 50%;\n top: 30%;\n transform: translateZ(-10px) rotateX(60deg) rotateZ(29deg) rotateY(0deg)!important;\n transform-style: preserve-3d;\n transform-origin: 0 0 0;\n}\n@keyframes wrapper {\n 50% {\n transform: translateZ(-10px) rotateX(60deg) rotateZ(29deg) rotateY(-180deg);\n }\n}\n#flip div {\n height: 350px;\n width: 24px;\n position: absolute;\n left: calc(100% - 1px);\n transform-origin: 0 100%;\n transform-style: preserve-3d;\n background-size: 253px 350px;\n}\n#flip #front, \n#flip #front div {\n background-image: url(http:\/\/blogs.slj.com\/afuse8production\/files\/2012\/06\/Hobbit1.jpg);\n box-shadow: inset rgba(255,255,255,0.3) 0px -1px 0 0,#35582C 0px 1px 0px 0px;\n}\n#flip #front > div > div > div > div > div > div > div > div > div > div { \n box-shadow: inset rgba(255,255,255,0.3) -1px -1px 0 0, #35582C 1px 1px 0px 0px;\n}\n#flip #back { transform: rotateY(.4deg); transform-origin: -100% 0; } \/* avoid pages overlap *\/\n#flip #back,\n#flip #back div {\n background-image: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/164210\/map1_.jpg); \n}\n\n#flip > div { left: 0; background-position-x: 0; }\n#flip div > div { background-position-x: -23px; animation: page 6s ease-in-out infinite; }\n#flip div > div > div { background-position-x : -46px; } \n#flip div > div > div > div { background-position-x : -69px; }\n#flip div > div > div > div > div { background-position-x : -92px; }\n#flip div > div > div > div > div > div { background-position-x : -115px; }\n#flip div > div > div > div > div > div > div { background-position-x : -138px; }\n#flip div > div > div > div > div > div > div > div { background-position-x : -161px; }\n#flip div > div > div > div > div > div > div > div > div { background-position-x : -184px; }\n#flip div > div > div > div > div > div > div > div > div > div { background-position-x : -207px; }\n#flip div > div > div > div > div > div > div > div > div > div > div { background-position-x : -229px; }\n\/* the more pieces you have, the smoother the bend is *\/\n\n@keyframes page {\n 15% { transform: rotateY(-10deg); }\n 50% { transform: rotateY(-2deg); }\n 65% { transform: rotateY(10deg); }\n 100% { transform: rotateY(0deg); }\n}\n\n#book {\n width: 248px;\n height: 350px;\n position: absolute;\n left:50%;\n top: 30%;\n transform: translate3d(0px,0px,-10px) rotateX(60deg) rotateZ(29deg);\n transform-style: preserve-3d;\n -webkit-transform-origin: 0 0 0;\n}\n@keyframes book {\n 25% {\n box-shadow: inset rgba(0,0,0,.2) 0px 0 50px -140px;\n }\n 50% {\n box-shadow: inset rgba(0,0,0,.2) 0px 0 50px -140px;\n }\n 100% {\n box-shadow: inset rgba(0,0,0,.2) 510px 0 50px -140px;\n }\n}\n#book #top {\n animation: book 6s ease-in-out infinite;\n background: url(https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/164210\/map2.jpg);\n background-size: 100% 100%;\n background-position: 100%;\n box-shadow: inset rgba(0,0,0,0.2) 510px 0 50px -140px;\n height: 350px;\n width: 248px;\n position: absolute;\n left: 0;\n top: 0;\n}\n#book #bottom {\n background: #E7DED1;\n box-shadow: rgba(83, 53, 13, 0.2) 4px 2px 1px,\n #35582C 1px 1px 0px 0px;\n height: 350px;\n width: 253px;\n position: absolute;\n transform: translateZ(-40px);\n left: 0;\n top: 0;\n}\n#book #shadow {\n animation: shadow 6s ease-in-out infinite;\n box-shadow: inset rgba(83, 53, 13, 0) -200px 0 150px -140px;\n height: 350px;\n width: 248px;\n position: absolute;\n left: -100%;\n top: 0;\n transform: translateZ(-40px);\n}\n@keyframes shadow {\n 20% {\n box-shadow: inset rgba(83, 53, 13, 0) -200px 0 150px -140px;\n }\n 50% { \n box-shadow: inset rgba(83, 53, 13, 0.3) -350px 0 150px -140px;\n }\n 60% { \n box-shadow: inset rgba(83, 53, 13, 0) -200px 0 150px -140px;\n }\n}\n#book #front {\n background: -webkit-linear-gradient(top,#FCF6EA, #D8D1C3);\n background-size: 100% 2px; \n box-shadow: inset #C2BBA2 3px 0 0px, #35582C -2px 1px 0px 0px;\n height: 40px;\n width: 251px;\n left: -3px;\n position: absolute;\n bottom: -40px;\n transform: rotateX(-90deg);\n transform-origin: 50% 0;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n#book #right {\n background: -webkit-linear-gradient(left,#DDD2BB, #BDB3A0);\n background-size: 2px 100%; \n box-shadow: inset rgba(0,0,0,0) 0 0 0 20px;\n height: 100%;\n width: 40px;\n position: absolute;\n right: -40px;\n top: 0;\n transform: rotateY(90deg);\n transform-origin: 0 50%;\n}\n\nh4 {\n position: absolute;\n bottom: 20px;\n left: 20px;\n margin: 0;\n font-weight: 200;\n opacity: 1;\n\tfont-family: sans-serif;\n color: rgba(0,0,0,0.3); \n}\n\n\/* bookmark *\/\n\n#bookmark {\n position: absolute;\n transform: translate3d(20px,350px,-16px);\n transform-style: preserve-3d;\n}\n#bookmark div {\n background: rgb(151, 88, 88);\n box-shadow: rgb(133,77,77) 1px 0;\n height: 10px;\n width: 20px;\n position: absolute;\n top: 9px;\n transform: rotateX(-14deg);\n transform-origin: 50% 0;\n transform-style: preserve-3d;\n}\n#bookmark > div > div {\n background: linear-gradient(top, rgb(151, 88, 88), rgb(189, 123, 123), rgb(151, 88, 88));\n}\n#bookmark > div > div > div {\n background: linear-gradient(top,rgb(151, 88, 88),rgb(133, 77, 77));\n}\n#bookmark > div > div > div > div {\n background: none;\n border-top: 0px solid transparent;\n border-right: 10px solid rgb(133, 77, 77);\n border-bottom: 10px solid transparent;\n border-left: 10px solid rgb(133, 77, 77);\n height: 0;\n width: 0;\n}\n#bookmark-shadow {\n background: linear-gradient(top,rgba(83, 53, 13, 0.25),rgba(83, 53, 13, 0.11));\n height: 15px;\n width: 20px;\n position: absolute;\n transform: translate3d(12px,350px,-25px) rotateX(-90deg) skewX(20deg);\n transform-origin: 0 0;\n}\n<\/style>\n\n\n<div id='book'>\n <div id='top'><\/div>\n <div id='front'><\/div>\n <div id='right'><\/div>\n <div id='bottom'><\/div>\n <div id='shadow'><\/div>\n <div id='bookmark'>\n <div>\n <div>\n <div>\n <div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id='bookmark-shadow'><\/div>\n<\/div>\n<div id='flip'>\n <div id='front'>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id='back'>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div>\n <div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\u041e\u0431\u0435\u0449\u0430\u043b\u0438 3d \u2014 \u0432\u043e\u0442 3d" } ] }

3d

Обещали 3d — вот 3d

#кранчи #reddeadredemption #assassinscreed #battlefield #fallout #месяц80х #justcause #итоги2018 #thegameawards

{ "permissions": "", "controlName" : "island_edit_partners", "savingURL" : "/category/3d/update/partners", "addItemButtonText": "+ Добавить партнера", "formType": "list-type-1", "showAddItemButton": true, "emptyBlockData": { "icon" : "/static/build/dtf.ru/images/partners.png", "message" : "Чем усерднее искать новых партнеров, тем быстрее они тут появятся", "btnText" : "Добавить партнеров" }, "items" : null }

{ "permissions": "", "controlName" : "island_edit_mentors", "savingURL" : "/category/3d/update/mentors", "addItemButtonText": "+ Добавить ментора", "formType": "list-type-1", "showAddItemButton": true, "emptyBlockData": { "icon" : "/static/build/dtf.ru/images/mentors.png", "message" : "Этому хэштегу не хватает звездных представителей индустрии", "btnText" : "Добавить менторов" }, "items" : null }

{ "permissions": "", "controlName" : "island_edit_alias", "savingURL" : "/category/3d/update/alias", "addItemButtonText": "+ Добавить алиас", "formType": "hashtag-form", "showAddItemButton": true, "emptyBlockData": { "icon" : "/static/build/dtf.ru/images/alias.png", "message" : "Здесь можно указать хэштеги, с которых нужно переадресовывать на эту страницу", "btnText" : "Добавить" }, "items" : [] }

Все Лучшие

Cтатьи

Инди Стас Шиловский

6 дек в 12:44

Создание стилизованного персонажа по 2D-концепту

Mido Lai сделал полный разбор рабочего процесса по созданию прекрасного персонажа Emily the Assassin. А еще поделился парочкой полезных трюков для персонажников.

{ "lastComments": [] }

24 комментария

119

Gamedev Стас Шиловский

6 ноя в 13:58

Создание бюста Сильваны в ZBrush

Charlotte Johnson

{ "lastComments": [] }

32 комментария

Офтоп Стас Шиловский

17 окт в 15:11

Создание джипа «Виллис»

{ "lastComments": [] }

7 комментариев

Почитать Стас Шиловский

23 авг в 12:56

Создание пистолета в ZBrush и Substance Painter

Mauricio Llano рассказывает о пайплайне создания своего проекта на курсе CGMA Weapons and props for games, который ведет Ethan Hiley. Используемые программы: Zbrush, Substance Painter, Toolbag.

{ "lastComments": [] }

11 комментариев

Офтоп Стас Шиловский

13 авг в 15:33

Создание охотницы в #ZBrush

Keegan Edwards рассказал о процессе создания Охотницы с помощью Zbrush, Substance painter, 3DCoat и Toolbag.

{ "lastComments": [] }

9 комментариев

Офтоп Стас Шиловский

7 авг в 14:19

Создание бюста демона в ZBrush

Испанский 3D-художник Fran Alonso делится с нами процессом создания бюста демона с помощью Zbrush, Maya, Mari и других программ.

{ "lastComments": [] }

9 комментариев

Офтоп Юлия Перевозникова

7 авг в 11:20

Создание 3D персонажа Наги. Часть 2

Продолжение предыдущего материала. Материал рассчитан на начинающий уровень.

Финальный шот

{ "lastComments": [] }

12 комментариев

Инди Юлия Перевозникова

6 авг в 09:08

Создание 3D персонажа Наги. Часть 1

{ "lastComments": [] }

70 комментариев

Офтоп Стас Шиловский

2 июля в 14:29

Bruno Camara: создание бронированного ящера в #ZBrush

Bruno Camara — 3D-дженералист из Сан-Паулу (Бразилия), который успешно работает в CG-индустрии более десяти лет, и сотрудничал с известнейшими студиями, среди которых Blur Studios, Riot и Crytek. В этой статье он подробно рассказывает о создании персонажа, от скетча до рендера.

{ "lastComments": [] }

19 комментариев

Офтоп Стас Шиловский

21 июня в 14:58

Перенос Цири в Overwatch

Agelos Apostolopoulos рассказал, как он создал великолепную модель Цири, адаптировав ее к стилистике Overwatch.

{ "lastComments": [] }

47 комментариев

Офтоп Стас Шиловский

15 июня в 15:18

Екатерина Зиновьева: Создание литейной орков в Unreal Engine 4

Художник по окружению Екатерина Зиновьева рассказала о своем персональном проекте, который она воплотила в жизнь с помощью Maya, Zbrush, Substance Painter и UE4.

{ "lastComments": [] }

14 комментариев

Офтоп Стас Шиловский

8 июня в 11:16

Скульптинг Бригитты в ZBrush

{ "lastComments": [] }

45 комментариев

Офтоп Стас Шиловский

1 июня в 12:12

Использование сканов при создании стилизованных персонажей

3D-художник и иллюстратор Константин Гдалевич рассказывает о создании стилизованного персонажа по концепту Jesus Blons. Текстурирование этого прекрасного кита было выполнено с помощью Quixel Suite и Megascans.

{ "lastComments": [] }

6 комментариев

Офтоп Ваган Маргарян

28 июня 2017

Создатели «Аватара» продлили контракт с компанией, занимающейся технологией 3D без очков

Джеймс Кэмерон, возможно, нашёл способ реализовать свою давнюю мечту.

{ "lastComments": [] }

3 комментария