HOME | DD

Description
/* ------ deviantART Resets ------ */ body div#devskin11270933 i.gr1 { display:none; } body div#devskin11270933 i.gr2 { display:none; } body div#devskin11270933 i.gr3 { display:none; } body div#devskin11270933 i.gb { display:none; } body div#devskin11270933 i.tri { display:none; } body div#devskin11270933 ul.list { display:none; } body div#devskin11270933 div.gr-top { display:none; } body div#devskin11270933 div.gr-body { background-color:#fff; border:none; color:inherit; } body div#devskin11270933 div.gr-body .gr { border:none; } body div#devskin11270933 div.gr-body .text { margin:0px !important; padding:0px !important; position:relative; } body div#devskin11270933 div.gr-body .text p br, body div#devskin11270933 div.gr-body .text li br { display:block; } body div#devskin11270933 div.gr-body .text br { display:none; } body div#devskin11270933 div.main_wrapper { width:auto; height:auto; position:relative; overflow:visible; padding:0; z-index:99; } body div#devskin11270933 .gr-body { background-color:#000; } body div#devskin11270933 p { margin:0px; } /* ================================= Grid/Cols ================================== */ body div#devskin11270933 .col { display:inline-block; float:left; } body div#devskin11270933 .col.full { width:97%; margin-left:1.5%; margin-right:1.5%; } body div#devskin11270933 .col.half.one { margin-left:0%; } body div#devskin11270933 .col.half.two { margin-right:0%; } body div#devskin11270933 .col.half { margin-left:1.5%; margin-right:1.5%; width:46%; } body div#devskin11270933 .col.third.one { margin-left:0%; } body div#devskin11270933 .col.third.three { margin-right:0%; } body div#devskin11270933 .col.third { width:30%; margin-left:1.5%; margin-right:1.5%; } /* ================================= General ================================== */ body div#devskin11270933 .bg { width:100%; } body div#devskin11270933 .clear { clear:both; } body div#devskin11270933 { background-color:#fff; margin:0px; padding:0px; font-family:'Source Sans Pro', sans-serif !important; font-size:16px; line-height:25px; } body div#devskin11270933 h1, body div#devskin11270933 h2, body div#devskin11270933 h3, body div#devskin11270933 h4 { letter-spacing:normal; font-family:'Source Sans Pro', sans-serif !important; } body div#devskin11270933 h1 { line-height:1.2em; } body div#devskin11270933 h2 { font-size:2.5em; line-height:1em; font-weight:500; margin:0px; } body div#devskin11270933 p { font-size:1.21em; line-height:1.4em; margin-bottom:1em; } body div#devskin11270933 a { font-weight:normal; } body div#devskin11270933 a.btn { padding:3px 6px; text-decoration:none; text-transform:uppercase; display:inline-block; border:2px solid #7f7f7f; margin:5px auto; font-size:0.9em; letter-spacing:normal; } body div#devskin11270933 a.btn.gray { color:#7f7f7f; } body div#devskin11270933 a.btn.gold-fill { border-color:#99893a; background:#99893a; color:#fff; } body div#devskin11270933 a.btn.brown-yellow { border-color:#a67e3d; background:#ffe461; color:#80722d; } body div#devskin11270933 a.btn.gold { border-color:#99893a; color:#99893a; } body div#devskin11270933 a.btn.orange { border-color:#ff6c00; background:#ff6c00; color:#fff; } body div#devskin11270933 ul { margin:0px; padding:0px; } body div#devskin11270933 li { margin-bottom:25px; } body div#devskin11270933 .social_ctnr { min-height:38px; margin:15px auto; width:100%; max-width:300px; } body div#devskin11270933 .twitter_cntr, body div#devskin11270933 .fb_ctnr { display:inline-block; width:90px; height:25px; margin:0px 5px; float:left; } body div#devskin11270933 .gplus_ctnr { display:inline-block; width:90px; height:25px; margin:0px 5px; float:right; } body div#devskin11270933 .twitter_cntr, body div#devskin11270933 .gplus_ctnr { margin-top:15px; } body div#devskin11270933 .fb_ctnr { margin-top:10px; } body div#devskin11270933 .padb10 { padding-bottom:10px; } /* ================================= Section 1 ================================== */ body div#devskin11270933 .bg.top { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/top_bg.png') center top no-repeat; background-size:cover; } body div#devskin11270933 .section_1 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:520px; } body div#devskin11270933 .section_1 .title { } body div#devskin11270933 .section_1 h1 { color:#000; } body div#devskin11270933 .section_1 .title_img { max-width:944px; width:100%; } body div#devskin11270933 .section_1 .brands { text-align:center; margin-top:30px; } body div#devskin11270933 .nav { padding-top:45px; margin-bottom:15px; } body div#devskin11270933 .nav a { font-weight:600; text-decoration:none; color:#000000; text-transform:uppercase; font-size:0.85em; letter-spacing:1px; margin-left:10px; margin-right:20px; } body div#devskin11270933 .nav a:first-child { margin-left:0px; } body div#devskin11270933 .nav img { float:right; } body div#devskin11270933 .nav ul { list-style-type:none; margin:0px; padding:0px; width:70%; display:inline-block; } body div#devskin11270933 .nav ul li { display:inline-block; } body div#devskin11270933 .title_img { } body div#devskin11270933 .lines_bg { width:100%; height:30px; background:url('https://www.da-files.com/creative/contests/surface/top_lines.png') repeat-x center top; } body div#devskin11270933 .jw-countdownclock { line-height:normal; } body div#devskin11270933 .jw-countdownclock-face { font-family:'Source Sans Pro', serif; font-size:4em; font-weight:lighter; margin:5px auto 10px auto; line-height:1.1em; } body div#devskin11270933 .jw-countdownclock-value { letter-spacing:1px; display:inline-block; } body div#devskin11270933 .jw-countdownclock-days .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/days_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-hours .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/hrs_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-minutes .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/mins_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-seconds .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/sec_title.png') no-repeat center bottom; } /* ================================= Section 2 ================================== */ body div#devskin11270933 .bg.second { background:#fff url('https://www.da-files.com/creative/contests/surface/second_bg.jpg') repeat-x center top; position:relative; z-index:51; } body div#devskin11270933 .section_2 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:565px; padding-bottom:30px; } body div#devskin11270933 .section_2 h1 { color:#000; font-size:2em; font-weight:600; padding-bottom:15px; } body div#devskin11270933 .lines_bg2 { width:100%; height:30px; background:url('https://www.da-files.com/creative/contests/surface/second_lines.jpg') repeat-x center top; } body div#devskin11270933 .phase1_ctnr { margin:30px auto; } body div#devskin11270933 .counter_ctnr { background:url('https://www.da-files.com/creative/contests/surface/circle.gif') no-repeat center top; background-size:100%; min-height:387px; max-width:387px; } body div#devskin11270933 .counter_inner_ctnr { max-width:320px; max-height:156px; padding-top:40%; margin:0 auto; text-align:center; } body div#devskin11270933 .counter_inner_ctnr a { margin:0 5px; } body div#devskin11270933 .twoweeks_img { max-width:299px; width:100%; } body div#devskin11270933 small { line-height:1em; color:#808080; } body div#devskin11270933 small span { color:#ff7723; } /* ================================= Section 3 ================================== */ body div#devskin11270933 .bg.third { background:#ffe461; position:relative; z-index:50; } body div#devskin11270933 .bg.top.third { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/second_bg.png') no-repeat center bottom; background-size:100%; min-height:1125px; padding-top:30px; z-index:50; } body div#devskin11270933 .bg.bottom.third { background:url('https://www.da-files.com/creative/contests/surface/second_bottom_bg.jpg') no-repeat center top; background-size:cover; min-height:990px; width:150%; margin-left:-25%; margin-top:-3%; z-index:51; transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); } body div#devskin11270933 .bottom.third .rotate { transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); } body div#devskin11270933 .section_3 { max-width:940px; margin:0px auto; padding:0px 30px; } body div#devskin11270933 .section_3 h2 { margin-bottom:23px; color:#000; } body div#devskin11270933 .section_3 .enter_title { margin-top:30px; margin-bottom:50px; } body div#devskin11270933 .section_3 .step { display:inline-block; max-width:300px; } body div#devskin11270933 .prizes_ctnr { background-size:100%; position:absolute; z-index:52; width:100%; text-align:center; margin:745px auto 0px auto; min-height:620px; } body div#devskin11270933 .prize_details { max-width:940px; margin:330px auto 0 auto; text-align:left; } body div#devskin11270933 .prizes_img { max-width:1000px; width:100%; } body div#devskin11270933 .example_img, body div#devskin11270933 .mobile_example_img { max-width:1422px; width:100%; } body div#devskin11270933 .example_ctnr { position:absolute; z-index:52; width:100%; text-align:center; margin-top:1400px; } body div#devskin11270933 .questions_ctnr { max-width:1000px; margin:30px auto; padding:0px; } body div#devskin11270933 .questions_img { max-width:1000px; width:100%; } body div#devskin11270933 .white_header { height:2px; background-color:#fff; max-width:1080px; margin:0 auto; } body div#devskin11270933 .city_bg_container { text-align:center; position:relative; left:300px; top:20px; } /* ================================= Section 4 ================================== */ body div#devskin11270933 .bg.fourth { background:#ed7d4d url('https://www.da-files.com/creative/contests/surface/orangedots_bg.png') center top; background-size:cover; width:108%; margin-left:-4%; margin-top:-8%; position:relative; z-index:52; transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); } body div#devskin11270933 .section_4 { max-width:900px; margin:0px auto; padding:30px 30px; min-height:525px; } body div#devskin11270933 .fourth .rotate { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); } body div#devskin11270933 .section_4 p, body div#devskin11270933 .section_4 h5 { color:#fff; } body div#devskin11270933 .section_4 h5 { font-size:1.4em; font-weight:normal; font-style:italic; } body div#devskin11270933 .phase2_ctnr { max-width:940px; width:100%; margin:30px auto; } /* ================================= Section 5 ================================== */ body div#devskin11270933 .section_5 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:475px; } body div#devskin11270933 .interview_ctnr { width:100%; margin-top:0px; } body div#devskin11270933 .interview_ctnr .details { max-width:940px; min-height:900px; margin:0 auto; } body div#devskin11270933 .interview_ctnr .details.redline { max-width:940px; min-height:900px; margin:0 auto; border-bottom:1px #ed7d4d solid; } body div#devskin11270933 .bg.fifth { background:#f7f7f7 url('https://www.da-files.com/creative/contests/surface/graydots_bg2.jpg') no-repeat center top; background-size:100%; width:109%; margin-left:-4%; margin-top:-10%; padding-bottom:2%; position:relative; z-index:53; transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); } body div#devskin11270933 .bg.fifth .bottom { background:#ffe461; margin-bottom:-200px; position:relative; z-index:50; } body div#devskin11270933 .fifth .rotate { transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); } body div#devskin11270933 .meetart_ctnr { margin:30px auto; max-width:940px; padding:50px 30px 0px 30px; text-align:left; transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); } body div#devskin11270933 .meetart_ctnr img { margin-left:11%; } body div#devskin11270933 .interview_ctnr .details .jordancrane { padding:0px 30px; margin-top:40px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image { width:30%; float:left; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image img { width:100%; max-width:300px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy { width:70%; float:left; padding-bottom:50px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy img { line-height:150%; padding:0px 0px 10px 30px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy p { font-size:15px; line-height:160%; padding:0px 0px 0px 30px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-subheader { width:100%; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions { padding-bottom:20px; width:100%; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions h3 { font-size:30px; font-weight:400; padding:10px 0 10px 0; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions p { font-size:15px; line-height:160%; } /* ================================= Section 6 ================================== */ body div#devskin11270933 .lift { float:left; position:relative; min-height:500px; } body div#devskin11270933 .bg.sixth { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/bottom_bg.jpg') no-repeat center bottom; background-size:100%; position:relative; z-index:53; } body div#devskin11270933 .sixth .button_ctnr { text-align:center; margin:30px auto 0px auto; padding-bottom:30px; } body div#devskin11270933 .sixth .button_ctnr a { margin:5px 10px; } body div#devskin11270933 .section_6 { max-width:940px; margin:-30px auto 30px auto; padding:0px 30px; } body div#devskin11270933 .section_6 h4 { margin:10px auto; } body div#devskin11270933 .meet_ctnr, body div#devskin11270933 .criteria_ctnr { margin:30px auto; } body div#devskin11270933 .judges_header_img, body div#devskin11270933 .criteria_header_img { max-width:940px; width:100%; } body div#devskin11270933 .bios_ctnr { max-width:940px; margin:30px auto 0px auto; padding:50px 30px; background:#808080 url('https://www.da-files.com/creative/contests/surface/gray_bg.png') center top; } body div#devskin11270933 .bios_ctnr .name_title_ctnr { margin:15px auto; } body div#devskin11270933 .bios_ctnr p { color:#fff; } body div#devskin11270933 .section_6 .rules_title { margin:30px 0px; } body div#devskin11270933 .section_6 h4 { font-weight:normal; font-size:1.2em; } body div#devskin11270933 .bios_ctnr li { font-size:1.2em; color:#fff; margin-bottom:15px; } body div#devskin11270933 .orangeish { color:#FF7723 !important; } /* ------------------------------ Comments Bar ------------------------------- */ body div#devskin11270933 .ppb { } body div#devskin11270933 .ppb a { color:#534786; font-family:'Source Sans Pro', sans-serif !important; font-size:28px; font-weight:500; } body div#devskin11270933 .c { text-align:center; padding:20px; } body div#devskin11270933 .commentslink { color:#534786; font-family:'Source Sans Pro', sans-serif !important; font-size:28px; font-weight:500; margin:0; text-align:center; padding:20px 0; text-decoration:none; } /* ================================= Mobile ================================== */ body div#devskin11270933 .mobile { display:none; } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.bottom.third { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes { display:block; padding:0px 0px 30px 0px; color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes.mobile_prizes_img { width:100%; display:block; max-width:800px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes h2 { padding:10px 30px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes ul { padding:0px 45px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes h2 { color:#000 !important; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.example { display:block; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col { float:left; display:block; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col.half, body div#devskin11270933 .col.third { width:97%; margin-left:1.5%; margin-right:1.5%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.bottom.third { min-height:450px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .prizes_ctnr { margin:1130px auto 0px auto; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .city_img, body div#devskin11270933 .prizes_img, body div#devskin11270933 .example_img { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.fourth, body div#devskin11270933 .bg.fifth { width:100%; margin-left:0%; margin-top:0%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.fifth, body div#devskin11270933 .bg.fourth, body div#devskin11270933 .bg.bottom.third, body div#devskin11270933 .fifth .rotate, body div#devskin11270933 .fourth .rotate, body div#devskin11270933 .bottom.third .rotate, body div#devskin11270933 .meetart_ctnr { transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col { float:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .meetart_ctnr img { margin-left:0%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .section_5 { max-width:940px; margin:0px auto; padding:0px; min-height:475px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane { padding:0px 10px; margin-top:40px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image { width:100%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image img { width:100%; max-width:300px; margin:0 auto 0; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy { width:100%; float:left; padding-bottom:50px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy img { width:100%; padding:0px; max-width:170px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy p { font-size:15px; line-height:160%; padding:0px 5px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions { padding-bottom:50px; width:100%; } }

How to Enter
Official Rules
Prizes
View Entries
Semifinalists
Winners

bit.ly/1pe2dq6','counturl':'ht… for a new you? Join me in The Transformation Challenge sponsored by motherboard on deviantART! #SurfaceArt '}">

moonbeam13.deviantart.com/jour… }">

Show us "who you are" transformed into "what you could be".
You get three panels to show us a three-stage progression into a radically different person or thing.
Use the template. Any style. Any visual medium. Any tool, any machine. If you are shy, you can use an original character or object instead of yourself.
Three grand prize winners will be selected, their entries will be featured as a billboard on deviantART and Motherboard's website linking back to the artist's deviantART account. The winners will be flown, all expenses paid, to either Brooklyn, NY, Honolulu, HI, or Los Angeles, CA to collaborate with either Dash Shaw, Jasper Wong, or Jordan Crane in their studios and will each win a Microsoft Surface Pro 3.*.
*In order to qualify as a Grand Prize Winner, you must be able to travel between July 25th - August 1st to participate in the collaboration. Winners will be assigned to a specific city.

Step 1
Download the three-panel template below and create your original entry using any static visual medium.
Download Template Read Official Rules »

Step 2
Show us your transformation! Remember, it must be a three-stage progression that ends with you or your original character changing into a radically different person or thing submitted as a single .JPG or .PNG file fitting on the provided template.

Step 3
Enter your artwork into the contest by using the ENTER NOW button below. Your entry should include in the deviation description your answers to the questions asked below.
Enter Now »

Three Grand Prize Winners will Receive
A Microsoft Surface Pro 3
$1000 from deviantART
All expenses paid trip to one of three locations: Brooklyn, NY, Honululu, HI, or Los Angeles, CA to participate in Phase 2 and collaborate with a selected artist

For this challenge, the adventure continues beyond just physical prizes. The three grand prize finalists will be flown to one of the three artists studios to work alongside either Jasper Wong, Dash Shaw, or Jordan Crane on a collaborative project. We will document your journey for you and the world to see. The joint artworks produced from the collaboration will be featured on a page on deviantART sponsored by Microsoft and also on Motherboard.
Are you up for this quest?

Jordan Crane was born in Los Angeles, California, which is still his home. He was educated in public school and attended USC for engineering. He self-published the first issue of Non in 1997. The anthology grew quickly, and by the fifth and final issue, it was an impressively designed package wrapped by a silkscreen cover, featuring top tier talent as well as his own Xeric award winning graphic novel Col-Dee. During this time, Crane published his first graphic novelette The Last Lonely Saturday, a simple story of love and death, which has become an enduring favorite.
Crane's specific particular design aesthetic could be found across his work, featuring warm covers accentuated by an eye for colors playing and fighting together. Crane's illustrated and design work has been critically recognized with several awards. In 2010, Jordan's biggest book design project, The Art of Jaime Hernandez was published by Abrams books. That same year, he launched www.whatthingsdo.com, a website portal featuring many of today's top cartoonists, a natural follow up to his previous editing work in Non.
Right now, Crane is finishing his graphic novel Keeping Two, a collection of short stories titled Lower the Living, and the fifth issue of his comic book Uptight, which will feature his first scifi story titled the Dark Nothing. His current work can be found in his ongoing comic book Uptight, published by Fantagraphics.

How did you use the Surface to create your artwork?
I used the Surface from start to finish. I used to work on paper, and my process is nearly the same digitally. I start by making notes, just words at this point, things that I'd like to draw, relations and associations on the topic. When a couple of interesting things start to poke out at me, I'll start sketching. At this point I do simple figure drawings to see if the idea has legs. So I open up Manga Studio, get my page sized, and start rough sketches. I push the idea through to the last panel, and when I have something that works, then reduce the opacity on the layer, and do the final tight drawing on a new layer. Then colors. I'll initially just fill the spaces with harsh contrasting colors to make sure I get all the nooks and crannies filled in. Then I'll find a pair of colors I like, something that's pleasing but still pretty argumentative. Then I will tone everything based on that pair. Then fiddle some more with the colors, and then done.
What programs did you use?
I used Manga Studio Pro from start to finish for this comic strip.
How long did it take to create the piece?
I worked on it for about 8 hours. Drawing and coloring from start to finish was about 4 hours. It was spread out over a couple of days, so I got to think about it a lot, so that'd account for another 4 hours. I do a lot of my best drawing inside my head.

Jasper Wong is an artist, illustrator, and curator. He is a man who wears many hats and best known for his art that is a unique clash of Asian-influenced pop culture on paper. Jasper has exhibited worldwide, in places such as Japan, California, France, London, Mexico, New York, Hong Kong, Chicago, and Australia and he has been selected on multiple occasions by Archive magazine as one of the 200 Best Illustrators worldwide. He has also scored press in publications such as Communication Arts, Society of Illustrators, American Illustration, Taschen's Illustration Now, Hypebeast, Booooooom, Arrested Motion, Hi-Fructose, Acclaim, Complex, Vice, Highsnobiety, VNA, Street Art News and Juxtapoz. He was recently chosen as one of the HB100. A list of Hypebeast's 100 most influential figures in the industry, which included the likes of Kaws, Pharrell, Banksy, Jay Z and Kanye West.
Jasper is also the founder of a gallery in Hong Kong called ABOVE SECOND and another creative venue in Honolulu called LOFT IN SPACE. In its existence, both Monocle magazine and CNN have chosen it as one of the best galleries in the city. Jasper is also the creator and lead director of POW! WOW! HAWAII, which is a non-profit organization of contemporary artists committed to community enrichment through the creation of art outreach programs, educational programs and engaging the community in the creation and appreciation of art.
Another venture is in the form of a community art center called LANA LANE STUDIOS. It is a repurposed industrial warehouse that has been transformed into progressive 2D/3D creative workspace and center for teaching and learning. It is a place where creative output flourishes, interacts with and inspires the community. It is a combination of private studio spaces and a fully functional art school for the youth of Hawaii.

How did you use the Surface to create your artwork?
It started as a sketch on paper and inked on vellum. It was then scanned on to the Surface. I transferred the same process that I normally use on the computer, but implemented the Surface instead. I was able to easily work on the illustration on the go. Something that wasn't as possible with my laptop, because it can be cumbersome taking it out while on the move.

What programs did you use?
I used Photoshop.
How long did it take to create the piece?
It took me about a week to complete the piece. I have a 1 and half year old daughter and she loves to play with the Surface. She likes to draw with the pen. But, it also slowed my progress.

Dash Shaw is a cartoonist and animator whose last graphic novel, "New School", was named one of the best books of 2013 by NPR. His other recent books include "BodyWorld" and "Bottomless Belly Button." His animated works include the Sigur Ros video "Seraph", "Wheel of Fortune", and the ifc series "The Unclothed Man in the 35th Century AD." His new graphic novel "Doctors", about doctors who enter deceased people's afterlives to bring them back from the dead, arrives later this year from Fantagraphics Books. He lives in Brooklyn, New York.

How did you use the Surface to create your artwork?
I started it as a sketch and then scanned it into the Surface. Here you can see a sketch.

What programs did you use?
I used Photoshop. The finishes were done entirely in Photoshop, on the Surface.
How long did it take to create the piece?
That's hard to say. I did other versions. And then I stare into space for a while. I don't know. Maybe a couple days?

THE TRANSFORMATION CHALLENGE BEGINS AT 12:00 AM PACIFIC TIME (PT) on JUNE 10TH, 2014 AND ENDS AT 11:59:59 PM (PT) on JUNE 24, 2014

Entrants may enter as many entries as they like however duplicate entries are not allowed.
Entrants must be at least 18 years old as of June 10, 2014.
Entrant may reside anywhere in the world.
Entries must be received by 11:59:59 PM (PT) on June 24th, 2014 and be submitted through the contest gallery on deviantART;
Membership to www.deviantART.com is required to enter the Contest;

Membership to www.deviantART.com is free;
Entry must be submitted at the Contest Site as a single .JPG or .PNG file using the provided template without resizing.
Entry must feature yourself or an original character or object. Third party characters are not allowed.
Read the Official Rules carefully.
Read Official Rules »

Habib has been the Creative Director at Microsoft Studios since 2010. He has over 12 years of experience in Visual Effects for film and 10 years in the games industry. Nominated for two Academy Awards and winner of two BAFTAs in Visual Effects for his work on Twister and The Perfect Storm while at Industrial Light & Magic (ILM), Habib has also worked on two Star Trek films, Star Wars Episode I, The Bourne Identity, Spawn, and Signs. Habib served as a Senior Art Director at Electronic Arts (EA) from 2002 - 2009 where he worked on Need for Speed Most Wanted, which received a Visual Effects Society (VES) Award in 2006.

As Publisher of Motherboard, Thobey Campion has seen VICE's technology and science channel grow into a tech media powerhouse, introducing a global audience to the most exciting developments from the fringes of innovation. Today, Motherboard maintains 7 international bureaus, 3.8MM uniques visitors per month, hundreds of millions of video views, multiple Webby awards, and a rock-solid reputation for hard-hitting perspectives that provide a refreshing voice amid more sterile tech news and gadget review media.

25 semi-finalists will be selected by full-time deviantART staff. From the semi-finalists, the VICE and Microsoft judges will select three grand prize winners which will be posted on deviantART.
Judges will review the entrants description of his or her creative process and will use the following criteria in whatever degree they feel appropriate:
Technical and Artist Skill
Effective Presentation of the Progression into a Radically Different Person or Thing
Originality

« Read Official Rules View Submissions Download Template Enter Now »

:-) (Smile) — Description
/* ------ deviantART Resets ------ */ body div#devskin11270933 i.gr1 { display:none; } body div#devskin11270933 i.gr2 { display:none; } body div#devskin11270933 i.gr3 { display:none; } body div#devskin11270933 i.gb { display:none; } body div#devskin11270933 i.tri { display:none; } body div#devskin11270933 ul.list { display:none; } body div#devskin11270933 div.gr-top { display:none; } body div#devskin11270933 div.gr-body { background-color:#fff; border:none; color:inherit; } body div#devskin11270933 div.gr-body .gr { border:none; } body div#devskin11270933 div.gr-body .text { margin:0px !important; padding:0px !important; position:relative; } body div#devskin11270933 div.gr-body .text p br, body div#devskin11270933 div.gr-body .text li br { display:block; } body div#devskin11270933 div.gr-body .text br { display:none; } body div#devskin11270933 div.main_wrapper { width:auto; height:auto; position:relative; overflow:visible; padding:0; z-index:99; } body div#devskin11270933 .gr-body { background-color:#000; } body div#devskin11270933 p { margin:0px; } /* ================================= Grid/Cols ================================== */ body div#devskin11270933 .col { display:inline-block; float:left; } body div#devskin11270933 .col.full { width:97%; margin-left:1.5%; margin-right:1.5%; } body div#devskin11270933 .col.half.one { margin-left:0%; } body div#devskin11270933 .col.half.two { margin-right:0%; } body div#devskin11270933 .col.half { margin-left:1.5%; margin-right:1.5%; width:46%; } body div#devskin11270933 .col.third.one { margin-left:0%; } body div#devskin11270933 .col.third.three { margin-right:0%; } body div#devskin11270933 .col.third { width:30%; margin-left:1.5%; margin-right:1.5%; } /* ================================= General ================================== */ body div#devskin11270933 .bg { width:100%; } body div#devskin11270933 .clear { clear:both; } body div#devskin11270933 { background-color:#fff; margin:0px; padding:0px; font-family:'Source Sans Pro', sans-serif !important; font-size:16px; line-height:25px; } body div#devskin11270933 h1, body div#devskin11270933 h2, body div#devskin11270933 h3, body div#devskin11270933 h4 { letter-spacing:normal; font-family:'Source Sans Pro', sans-serif !important; } body div#devskin11270933 h1 { line-height:1.2em; } body div#devskin11270933 h2 { font-size:2.5em; line-height:1em; font-weight:500; margin:0px; } body div#devskin11270933 p { font-size:1.21em; line-height:1.4em; margin-bottom:1em; } body div#devskin11270933 a { font-weight:normal; } body div#devskin11270933 a.btn { padding:3px 6px; text-decoration:none; text-transform:uppercase; display:inline-block; border:2px solid #7f7f7f; margin:5px auto; font-size:0.9em; letter-spacing:normal; } body div#devskin11270933 a.btn.gray { color:#7f7f7f; } body div#devskin11270933 a.btn.gold-fill { border-color:#99893a; background:#99893a; color:#fff; } body div#devskin11270933 a.btn.brown-yellow { border-color:#a67e3d; background:#ffe461; color:#80722d; } body div#devskin11270933 a.btn.gold { border-color:#99893a; color:#99893a; } body div#devskin11270933 a.btn.orange { border-color:#ff6c00; background:#ff6c00; color:#fff; } body div#devskin11270933 ul { margin:0px; padding:0px; } body div#devskin11270933 li { margin-bottom:25px; } body div#devskin11270933 .social_ctnr { min-height:38px; margin:15px auto; width:100%; max-width:300px; } body div#devskin11270933 .twitter_cntr, body div#devskin11270933 .fb_ctnr { display:inline-block; width:90px; height:25px; margin:0px 5px; float:left; } body div#devskin11270933 .gplus_ctnr { display:inline-block; width:90px; height:25px; margin:0px 5px; float:right; } body div#devskin11270933 .twitter_cntr, body div#devskin11270933 .gplus_ctnr { margin-top:15px; } body div#devskin11270933 .fb_ctnr { margin-top:10px; } body div#devskin11270933 .padb10 { padding-bottom:10px; } /* ================================= Section 1 ================================== */ body div#devskin11270933 .bg.top { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/top_bg.png') center top no-repeat; background-size:cover; } body div#devskin11270933 .section_1 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:520px; } body div#devskin11270933 .section_1 .title { } body div#devskin11270933 .section_1 h1 { color:#000; } body div#devskin11270933 .section_1 .title_img { max-width:944px; width:100%; } body div#devskin11270933 .section_1 .brands { text-align:center; margin-top:30px; } body div#devskin11270933 .nav { padding-top:45px; margin-bottom:15px; } body div#devskin11270933 .nav a { font-weight:600; text-decoration:none; color:#000000; text-transform:uppercase; font-size:0.85em; letter-spacing:1px; margin-left:10px; margin-right:20px; } body div#devskin11270933 .nav a:first-child { margin-left:0px; } body div#devskin11270933 .nav img { float:right; } body div#devskin11270933 .nav ul { list-style-type:none; margin:0px; padding:0px; width:70%; display:inline-block; } body div#devskin11270933 .nav ul li { display:inline-block; } body div#devskin11270933 .title_img { } body div#devskin11270933 .lines_bg { width:100%; height:30px; background:url('https://www.da-files.com/creative/contests/surface/top_lines.png') repeat-x center top; } body div#devskin11270933 .jw-countdownclock { line-height:normal; } body div#devskin11270933 .jw-countdownclock-face { font-family:'Source Sans Pro', serif; font-size:4em; font-weight:lighter; margin:5px auto 10px auto; line-height:1.1em; } body div#devskin11270933 .jw-countdownclock-value { letter-spacing:1px; display:inline-block; } body div#devskin11270933 .jw-countdownclock-days .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/days_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-hours .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/hrs_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-minutes .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/mins_title.png') no-repeat center bottom; } body div#devskin11270933 .jw-countdownclock-seconds .jw-countdownclock-value { background:url('https://www.da-files.com/creative/contests/surface/sec_title.png') no-repeat center bottom; } /* ================================= Section 2 ================================== */ body div#devskin11270933 .bg.second { background:#fff url('https://www.da-files.com/creative/contests/surface/second_bg.jpg') repeat-x center top; position:relative; z-index:51; } body div#devskin11270933 .section_2 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:565px; padding-bottom:30px; } body div#devskin11270933 .section_2 h1 { color:#000; font-size:2em; font-weight:600; padding-bottom:15px; } body div#devskin11270933 .lines_bg2 { width:100%; height:30px; background:url('https://www.da-files.com/creative/contests/surface/second_lines.jpg') repeat-x center top; } body div#devskin11270933 .phase1_ctnr { margin:30px auto; } body div#devskin11270933 .counter_ctnr { background:url('https://www.da-files.com/creative/contests/surface/circle.gif') no-repeat center top; background-size:100%; min-height:387px; max-width:387px; } body div#devskin11270933 .counter_inner_ctnr { max-width:320px; max-height:156px; padding-top:40%; margin:0 auto; text-align:center; } body div#devskin11270933 .counter_inner_ctnr a { margin:0 5px; } body div#devskin11270933 .twoweeks_img { max-width:299px; width:100%; } body div#devskin11270933 small { line-height:1em; color:#808080; } body div#devskin11270933 small span { color:#ff7723; } /* ================================= Section 3 ================================== */ body div#devskin11270933 .bg.third { background:#ffe461; position:relative; z-index:50; } body div#devskin11270933 .bg.top.third { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/second_bg.png') no-repeat center bottom; background-size:100%; min-height:1125px; padding-top:30px; z-index:50; } body div#devskin11270933 .bg.bottom.third { background:url('https://www.da-files.com/creative/contests/surface/second_bottom_bg.jpg') no-repeat center top; background-size:cover; min-height:990px; width:150%; margin-left:-25%; margin-top:-3%; z-index:51; transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -webkit-transform:rotate(1.5deg); -ms-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); } body div#devskin11270933 .bottom.third .rotate { transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -webkit-transform:rotate(-1.5deg); -ms-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); } body div#devskin11270933 .section_3 { max-width:940px; margin:0px auto; padding:0px 30px; } body div#devskin11270933 .section_3 h2 { margin-bottom:23px; color:#000; } body div#devskin11270933 .section_3 .enter_title { margin-top:30px; margin-bottom:50px; } body div#devskin11270933 .section_3 .step { display:inline-block; max-width:300px; } body div#devskin11270933 .prizes_ctnr { background-size:100%; position:absolute; z-index:52; width:100%; text-align:center; margin:745px auto 0px auto; min-height:620px; } body div#devskin11270933 .prize_details { max-width:940px; margin:330px auto 0 auto; text-align:left; } body div#devskin11270933 .prizes_img { max-width:1000px; width:100%; } body div#devskin11270933 .example_img, body div#devskin11270933 .mobile_example_img { max-width:1422px; width:100%; } body div#devskin11270933 .example_ctnr { position:absolute; z-index:52; width:100%; text-align:center; margin-top:1400px; } body div#devskin11270933 .questions_ctnr { max-width:1000px; margin:30px auto; padding:0px; } body div#devskin11270933 .questions_img { max-width:1000px; width:100%; } body div#devskin11270933 .white_header { height:2px; background-color:#fff; max-width:1080px; margin:0 auto; } body div#devskin11270933 .city_bg_container { text-align:center; position:relative; left:300px; top:20px; } /* ================================= Section 4 ================================== */ body div#devskin11270933 .bg.fourth { background:#ed7d4d url('https://www.da-files.com/creative/contests/surface/orangedots_bg.png') center top; background-size:cover; width:108%; margin-left:-4%; margin-top:-8%; position:relative; z-index:52; transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); transform:rotate(5deg); -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -ms-transform:rotate(5deg); -o-transform:rotate(5deg); } body div#devskin11270933 .section_4 { max-width:900px; margin:0px auto; padding:30px 30px; min-height:525px; } body div#devskin11270933 .fourth .rotate { transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); } body div#devskin11270933 .section_4 p, body div#devskin11270933 .section_4 h5 { color:#fff; } body div#devskin11270933 .section_4 h5 { font-size:1.4em; font-weight:normal; font-style:italic; } body div#devskin11270933 .phase2_ctnr { max-width:940px; width:100%; margin:30px auto; } /* ================================= Section 5 ================================== */ body div#devskin11270933 .section_5 { max-width:940px; margin:0px auto; padding:0px 30px; min-height:475px; } body div#devskin11270933 .interview_ctnr { width:100%; margin-top:0px; } body div#devskin11270933 .interview_ctnr .details { max-width:940px; min-height:900px; margin:0 auto; } body div#devskin11270933 .interview_ctnr .details.redline { max-width:940px; min-height:900px; margin:0 auto; border-bottom:1px #ed7d4d solid; } body div#devskin11270933 .bg.fifth { background:#f7f7f7 url('https://www.da-files.com/creative/contests/surface/graydots_bg2.jpg') no-repeat center top; background-size:100%; width:109%; margin-left:-4%; margin-top:-10%; padding-bottom:2%; position:relative; z-index:53; transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); } body div#devskin11270933 .bg.fifth .bottom { background:#ffe461; margin-bottom:-200px; position:relative; z-index:50; } body div#devskin11270933 .fifth .rotate { transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); } body div#devskin11270933 .meetart_ctnr { margin:30px auto; max-width:940px; padding:50px 30px 0px 30px; text-align:left; transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); } body div#devskin11270933 .meetart_ctnr img { margin-left:11%; } body div#devskin11270933 .interview_ctnr .details .jordancrane { padding:0px 30px; margin-top:40px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image { width:30%; float:left; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image img { width:100%; max-width:300px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy { width:70%; float:left; padding-bottom:50px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy img { line-height:150%; padding:0px 0px 10px 30px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy p { font-size:15px; line-height:160%; padding:0px 0px 0px 30px; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-subheader { width:100%; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions { padding-bottom:20px; width:100%; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions h3 { font-size:30px; font-weight:400; padding:10px 0 10px 0; } body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions p { font-size:15px; line-height:160%; } /* ================================= Section 6 ================================== */ body div#devskin11270933 .lift { float:left; position:relative; min-height:500px; } body div#devskin11270933 .bg.sixth { background:#ffe461 url('https://www.da-files.com/creative/contests/surface/bottom_bg.jpg') no-repeat center bottom; background-size:100%; position:relative; z-index:53; } body div#devskin11270933 .sixth .button_ctnr { text-align:center; margin:30px auto 0px auto; padding-bottom:30px; } body div#devskin11270933 .sixth .button_ctnr a { margin:5px 10px; } body div#devskin11270933 .section_6 { max-width:940px; margin:-30px auto 30px auto; padding:0px 30px; } body div#devskin11270933 .section_6 h4 { margin:10px auto; } body div#devskin11270933 .meet_ctnr, body div#devskin11270933 .criteria_ctnr { margin:30px auto; } body div#devskin11270933 .judges_header_img, body div#devskin11270933 .criteria_header_img { max-width:940px; width:100%; } body div#devskin11270933 .bios_ctnr { max-width:940px; margin:30px auto 0px auto; padding:50px 30px; background:#808080 url('https://www.da-files.com/creative/contests/surface/gray_bg.png') center top; } body div#devskin11270933 .bios_ctnr .name_title_ctnr { margin:15px auto; } body div#devskin11270933 .bios_ctnr p { color:#fff; } body div#devskin11270933 .section_6 .rules_title { margin:30px 0px; } body div#devskin11270933 .section_6 h4 { font-weight:normal; font-size:1.2em; } body div#devskin11270933 .bios_ctnr li { font-size:1.2em; color:#fff; margin-bottom:15px; } body div#devskin11270933 .orangeish { color:#FF7723 !important; } /* ------------------------------ Comments Bar ------------------------------- */ body div#devskin11270933 .ppb { } body div#devskin11270933 .ppb a { color:#534786; font-family:'Source Sans Pro', sans-serif !important; font-size:28px; font-weight:500; } body div#devskin11270933 .c { text-align:center; padding:20px; } body div#devskin11270933 .commentslink { color:#534786; font-family:'Source Sans Pro', sans-serif !important; font-size:28px; font-weight:500; margin:0; text-align:center; padding:20px 0; text-decoration:none; } /* ================================= Mobile ================================== */ body div#devskin11270933 .mobile { display:none; } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.bottom.third { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes { display:block; padding:0px 0px 30px 0px; color:#000; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes.mobile_prizes_img { width:100%; display:block; max-width:800px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes h2 { padding:10px 30px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes ul { padding:0px 45px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.prizes h2 { color:#000 !important; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .mobile.example { display:block; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col { float:left; display:block; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col.half, body div#devskin11270933 .col.third { width:97%; margin-left:1.5%; margin-right:1.5%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.bottom.third { min-height:450px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .prizes_ctnr { margin:1130px auto 0px auto; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .city_img, body div#devskin11270933 .prizes_img, body div#devskin11270933 .example_img { display:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.fourth, body div#devskin11270933 .bg.fifth { width:100%; margin-left:0%; margin-top:0%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .bg.fifth, body div#devskin11270933 .bg.fourth, body div#devskin11270933 .bg.bottom.third, body div#devskin11270933 .fifth .rotate, body div#devskin11270933 .fourth .rotate, body div#devskin11270933 .bottom.third .rotate, body div#devskin11270933 .meetart_ctnr { transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); } } @media only screen and (max-width: 767px) { body div#devskin11270933 .col { float:none; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .meetart_ctnr img { margin-left:0%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .section_5 { max-width:940px; margin:0px auto; padding:0px; min-height:475px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane { padding:0px 10px; margin-top:40px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image { width:100%; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-image img { width:100%; max-width:300px; margin:0 auto 0; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy { width:100%; float:left; padding-bottom:50px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy img { width:100%; padding:0px; max-width:170px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-copy p { font-size:15px; line-height:160%; padding:0px 5px; } } @media only screen and (max-width: 767px) { body div#devskin11270933 .interview_ctnr .details .jordancrane .interview-questions { padding-bottom:50px; width:100%; } }

How to Enter
Official Rules
Prizes
View Entries
Semifinalists
Winners

bit.ly/1pe2dq6','counturl':'ht… for a new you? Join me in The Transformation Challenge sponsored by motherboard on deviantART! #SurfaceArt '}">

moonbeam13.deviantart.com/jour… }">

Show us "who you are" transformed into "what you could be".
You get three panels to show us a three-stage progression into a radically different person or thing.
Use the template. Any style. Any visual medium. Any tool, any machine. If you are shy, you can use an original character or object instead of yourself.
Three grand prize winners will be selected, their entries will be featured as a billboard on deviantART and Motherboard's website linking back to the artist's deviantART account. The winners will be flown, all expenses paid, to either Brooklyn, NY, Honolulu, HI, or Los Angeles, CA to collaborate with either Dash Shaw, Jasper Wong, or Jordan Crane in their studios and will each win a Microsoft Surface Pro 3.*.
*In order to qualify as a Grand Prize Winner, you must be able to travel between July 25th - August 1st to participate in the collaboration. Winners will be assigned to a specific city.

Step 1
Download the three-panel template below and create your original entry using any static visual medium.
Download Template Read Official Rules »

Step 2
Show us your transformation! Remember, it must be a three-stage progression that ends with you or your original character changing into a radically different person or thing submitted as a single .JPG or .PNG file fitting on the provided template.

Step 3
Enter your artwork into the contest by using the ENTER NOW button below. Your entry should include in the deviation description your answers to the questions asked below.
Enter Now »

Three Grand Prize Winners will Receive
A Microsoft Surface Pro 3
$1000 from deviantART
All expenses paid trip to one of three locations: Brooklyn, NY, Honululu, HI, or Los Angeles, CA to participate in Phase 2 and collaborate with a selected artist

For this challenge, the adventure continues beyond just physical prizes. The three grand prize finalists will be flown to one of the three artists studios to work alongside either Jasper Wong, Dash Shaw, or Jordan Crane on a collaborative project. We will document your journey for you and the world to see. The joint artworks produced from the collaboration will be featured on a page on deviantART sponsored by Microsoft and also on Motherboard.
Are you up for this quest?

Jordan Crane was born in Los Angeles, California, which is still his home. He was educated in public school and attended USC for engineering. He self-published the first issue of Non in 1997. The anthology grew quickly, and by the fifth and final issue, it was an impressively designed package wrapped by a silkscreen cover, featuring top tier talent as well as his own Xeric award winning graphic novel Col-Dee. During this time, Crane published his first graphic novelette The Last Lonely Saturday, a simple story of love and death, which has become an enduring favorite.
Crane's specific particular design aesthetic could be found across his work, featuring warm covers accentuated by an eye for colors playing and fighting together. Crane's illustrated and design work has been critically recognized with several awards. In 2010, Jordan's biggest book design project, The Art of Jaime Hernandez was published by Abrams books. That same year, he launched www.whatthingsdo.com, a website portal featuring many of today's top cartoonists, a natural follow up to his previous editing work in Non.
Right now, Crane is finishing his graphic novel Keeping Two, a collection of short stories titled Lower the Living, and the fifth issue of his comic book Uptight, which will feature his first scifi story titled the Dark Nothing. His current work can be found in his ongoing comic book Uptight, published by Fantagraphics.

How did you use the Surface to create your artwork?
I used the Surface from start to finish. I used to work on paper, and my process is nearly the same digitally. I start by making notes, just words at this point, things that I'd like to draw, relations and associations on the topic. When a couple of interesting things start to poke out at me, I'll start sketching. At this point I do simple figure drawings to see if the idea has legs. So I open up Manga Studio, get my page sized, and start rough sketches. I push the idea through to the last panel, and when I have something that works, then reduce the opacity on the layer, and do the final tight drawing on a new layer. Then colors. I'll initially just fill the spaces with harsh contrasting colors to make sure I get all the nooks and crannies filled in. Then I'll find a pair of colors I like, something that's pleasing but still pretty argumentative. Then I will tone everything based on that pair. Then fiddle some more with the colors, and then done.
What programs did you use?
I used Manga Studio Pro from start to finish for this comic strip.
How long did it take to create the piece?
I worked on it for about 8 hours. Drawing and coloring from start to finish was about 4 hours. It was spread out over a couple of days, so I got to think about it a lot, so that'd account for another 4 hours. I do a lot of my best drawing inside my head.

Jasper Wong is an artist, illustrator, and curator. He is a man who wears many hats and best known for his art that is a unique clash of Asian-influenced pop culture on paper. Jasper has exhibited worldwide, in places such as Japan, California, France, London, Mexico, New York, Hong Kong, Chicago, and Australia and he has been selected on multiple occasions by Archive magazine as one of the 200 Best Illustrators worldwide. He has also scored press in publications such as Communication Arts, Society of Illustrators, American Illustration, Taschen's Illustration Now, Hypebeast, Booooooom, Arrested Motion, Hi-Fructose, Acclaim, Complex, Vice, Highsnobiety, VNA, Street Art News and Juxtapoz. He was recently chosen as one of the HB100. A list of Hypebeast's 100 most influential figures in the industry, which included the likes of Kaws, Pharrell, Banksy, Jay Z and Kanye West.
Jasper is also the founder of a gallery in Hong Kong called ABOVE SECOND and another creative venue in Honolulu called LOFT IN SPACE. In its existence, both Monocle magazine and CNN have chosen it as one of the best galleries in the city. Jasper is also the creator and lead director of POW! WOW! HAWAII, which is a non-profit organization of contemporary artists committed to community enrichment through the creation of art outreach programs, educational programs and engaging the community in the creation and appreciation of art.
Another venture is in the form of a community art center called LANA LANE STUDIOS. It is a repurposed industrial warehouse that has been transformed into progressive 2D/3D creative workspace and center for teaching and learning. It is a place where creative output flourishes, interacts with and inspires the community. It is a combination of private studio spaces and a fully functional art school for the youth of Hawaii.

How did you use the Surface to create your artwork?
It started as a sketch on paper and inked on vellum. It was then scanned on to the Surface. I transferred the same process that I normally use on the computer, but implemented the Surface instead. I was able to easily work on the illustration on the go. Something that wasn't as possible with my laptop, because it can be cumbersome taking it out while on the move.

What programs did you use?
I used Photoshop.
How long did it take to create the piece?
It took me about a week to complete the piece. I have a 1 and half year old daughter and she loves to play with the Surface. She likes to draw with the pen. But, it also slowed my progress.

Dash Shaw is a cartoonist and animator whose last graphic novel, "New School", was named one of the best books of 2013 by NPR. His other recent books include "BodyWorld" and "Bottomless Belly Button." His animated works include the Sigur Ros video "Seraph", "Wheel of Fortune", and the ifc series "The Unclothed Man in the 35th Century AD." His new graphic novel "Doctors", about doctors who enter deceased people's afterlives to bring them back from the dead, arrives later this year from Fantagraphics Books. He lives in Brooklyn, New York.

How did you use the Surface to create your artwork?
I started it as a sketch and then scanned it into the Surface. Here you can see a sketch.

What programs did you use?
I used Photoshop. The finishes were done entirely in Photoshop, on the Surface.
How long did it take to create the piece?
That's hard to say. I did other versions. And then I stare into space for a while. I don't know. Maybe a couple days?

THE TRANSFORMATION CHALLENGE BEGINS AT 12:00 AM PACIFIC TIME (PT) on JUNE 10TH, 2014 AND ENDS AT 11:59:59 PM (PT) on JUNE 24, 2014

Entrants may enter as many entries as they like however duplicate entries are not allowed.
Entrants must be at least 18 years old as of June 10, 2014.
Entrant may reside anywhere in the world.
Entries must be received by 11:59:59 PM (PT) on June 24th, 2014 and be submitted through the contest gallery on deviantART;
Membership to www.deviantART.com is required to enter the Contest;

Membership to www.deviantART.com is free;
Entry must be submitted at the Contest Site as a single .JPG or .PNG file using the provided template without resizing.
Entry must feature yourself or an original character or object. Third party characters are not allowed.
Read the Official Rules carefully.
Read Official Rules »

Habib has been the Creative Director at Microsoft Studios since 2010. He has over 12 years of experience in Visual Effects for film and 10 years in the games industry. Nominated for two Academy Awards and winner of two BAFTAs in Visual Effects for his work on Twister and The Perfect Storm while at Industrial Light & Magic (ILM), Habib has also worked on two Star Trek films, Star Wars Episode I, The Bourne Identity, Spawn, and Signs. Habib served as a Senior Art Director at Electronic Arts (EA) from 2002 - 2009 where he worked on Need for Speed Most Wanted, which received a Visual Effects Society (VES) Award in 2006.

As Publisher of Motherboard, Thobey Campion has seen VICE's technology and science channel grow into a tech media powerhouse, introducing a global audience to the most exciting developments from the fringes of innovation. Today, Motherboard maintains 7 international bureaus, 3.8MM uniques visitors per month, hundreds of millions of video views, multiple Webby awards, and a rock-solid reputation for hard-hitting perspectives that provide a refreshing voice amid more sterile tech news and gadget review media.

25 semi-finalists will be selected by full-time deviantART staff. From the semi-finalists, the VICE and Microsoft judges will select three grand prize winners which will be posted on deviantART.
Judges will review the entrants description of his or her creative process and will use the following criteria in whatever degree they feel appropriate:
Technical and Artist Skill
Effective Presentation of the Progression into a Radically Different Person or Thing
Originality

« Read Official Rules View Submissions Download Template Enter Now »