HOME | DD

Description
body div#devskin7692278 .gr-box { background:#000000; } body div#devskin7692278 i.gr1 { display:none; } body div#devskin7692278 i.gr2 { display:none; } body div#devskin7692278 i.gr3 { display:none; } body div#devskin7692278 i.gb { display:none; } body div#devskin7692278 i.tri { display:none; } body div#devskin7692278 div.gr-top { display:none; } body div#devskin7692278 div.gr-body .text { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666666; padding:0px !important; margin:auto; } body div#devskin7692278 div.gr-body .text p, body div#devskin7692278 div.gr-body .text div { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666666; margin-top:0; } body div#devskin7692278 div.gr-body .text p a, body div#devskin7692278 div.gr-body .text div a { color:#d51a00; text-decoration:none; } body div#devskin7692278 div.gr-body .text p br { display:block; } body div#devskin7692278 div.gr-body .text br { display:none; } body div#devskin7692278 div.text .center { margin:0 auto; max-width:980px; } body div#devskin7692278 div.text .clear { clear:both; } /* ------------------------------------------------------- Article Wrapper ------------------------------------------------------- */ body div#devskin7692278 .article_wrapper { background:#f5f5f5; position:relative; width:100%; min-width:617px; overflow:hidden; z-index:0; } body div#devskin7692278 .centerfication { margin:auto; max-width:980px; position:relative; } body div#devskin7692278 .header_paint { background:url(https://st.deviantart.net/news/muro-redraw/launch/header-paint.png) top center no-repeat; height:338px; width:100%; position:absolute; top:0; z-index:-1; } body div#devskin7692278 .footer_paint { background:url(https://st.deviantart.net/news/muro-redraw/launch/footer-paint.png) bottom center no-repeat; height:779px; width:100%; position:absolute; bottom:0; z-index:-1; } body div#devskin7692278 .article_wrapper hr { border:none; border-top:1px solid #dcdcdc; border-bottom:1px solid #ffffff; margin:0 0 20px 0; padding:0; } /* ------------------------------------------------------- Header ------------------------------------------------------- */ body div#devskin7692278 .header { height:116px; box-shadow:0px 2px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 10px 0 rgba(0,0,0,0.2); position:relative; } body div#devskin7692278 .header .centerfication { height:116px; padding:0 20px; } body div#devskin7692278 .header .lockup_box { min-width:393px; width:802px; height:116px; display:table-cell; vertical-align:middle; } body div#devskin7692278 .header .lockup_box img { max-width:576px; } body div#devskin7692278 .header .button_box { min-width:178px; height:116px; vertical-align:middle; display:table-cell; text-align:right; } /* ------------------------------------------------------- Section 1 ------------------------------------------------------- */ body div#devskin7692278 .sec1 { position:relative; text-align:center; padding:20px 0; } body div#devskin7692278 .sec1 h2 { text-align:left; font-family:Depot New, Helvetica, Arial, sans-serif; font-size:30px; font-weight:normal; color:#333 !important; width:286px; display:inline-block; vertical-align:middle; padding-right:10px; } body div#devskin7692278 .sec1 .video_container { width:660px; height:392px; display:inline-block; margin:auto; background:white; position:relative; z-index:99; padding:0; text-align:center; vertical-align:middle; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.5); } body div#devskin7692278 .sec1 .video_container iframe { min-width:650px !important; min-height:390px !important; } body div#devskin7692278 .sec1 .thumbtainer { padding:25px 60px 0px 60px; text-align:center; } body div#devskin7692278 .sec1 .thumbset1 { width:384px; height:auto; text-align:left; display:inline-block; vertical-align:top; } body div#devskin7692278 .sec1 .thumbset2 { width:384px; height:auto; text-align:left; display:inline-block; vertical-align:top; } body div#devskin7692278 .sec1 .thumbtainer .set { display:block; width:158px; color:#666 !important; float:left; margin-right:30px; margin-top:15px; } body div#devskin7692278 .sec1 .thumbtainer .set .first { display:block; color:#333 !important; font-size:12px; font-weight:bold; } body div#devskin7692278 .sec1 .thumbtainer .set .first:hover { color:#337287 !important; } body div#devskin7692278 .sec1 .thumbtainer .set .first img { margin:0 0 10px 0; } body div#devskin7692278 .sec1 .thumbtainer a { color:#666 !important; } body div#devskin7692278 .sec1 .thumbtainer a:hover { color:#337287 !important; } body div#devskin7692278 .sec1 .thumbtainer a img { display:block; padding:0; position:relative !important; box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 4px 0 rgba(0,0,0,0.3); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* ------------------------------------------------------- Section 2 ------------------------------------------------------- */ body div#devskin7692278 .sec2 { padding-left:40px; } body div#devskin7692278 .sec2 .centerfication { max-width:1014px; text-align:center; } body div#devskin7692278 .sec2 .copytainer { display:inline-block; width:420px; height:210px; background:#ffffff; text-align:left; margin:0 40px 20px 0; padding:20px; position:relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 5px 0 rgba(0,0,0,0.5); } body div#devskin7692278 .sec2 .copytainer img { margin:0; padding:0; float:left; } body div#devskin7692278 .sec2 .copytainer p { margin:0; padding:10px 0 0 0; float:left; width:250px; color:#666 !important; } /* ------------------------------------------------------- Footer ------------------------------------------------------- */ body div#devskin7692278 .footer { height:150px; width:100%; z-index:0; background:url(https://st.deviantart.net/news/muro-redraw/launch/footer-bg.jpg)top center no-repeat #405147; } body div#devskin7692278 .footer .centerfication { display:table; min-width:960px; max-width:1000px !important; } body div#devskin7692278 .getting_started { display:block; width:560px; height:150px; text-align:left; vertical-align:middle; position:relative; top:48px; padding-left:20px; } body div#devskin7692278 .getting_started img { margin:0 20px 20px 0; } body div#devskin7692278 .links { display:table-cell; width:400px; height:150px; text-align:right; vertical-align:middle; color:#b0c1ad !important; font-size:11px !important; padding-bottom:20px; padding-right:20px; } body div#devskin7692278 .links a { color:#b0c1ad !important; } /* ------------------------------------------------------- Buttons ------------------------------------------------------- */ body div#devskin7692278 .muro_button { width:158px; height:37px; text-indent:-9999px; text-align:left; display:inline-block; border:none; outline:none; background:url(https://st.deviantart.net/news/muro-redraw/launch/draw_with_muro_button.png) 0px 0px no-repeat; position:relative; z-index:99; } /* ------------------------------------------------------- Image Zoom ------------------------------------------------------- */ body div#devskin7692278 .sec2 .copytainer span { width:150px; height:124px; display:block; position:absolute; z-index:1; top:40px; right:20px; margin:0; } body div#devskin7692278 .sec2 img.dat_thumb { position:absolute; top:0; left:0; z-index:1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4); } body div#devskin7692278 .sec2 .copytainer span i { display:block; position:absolute !important; z-index:99; width:1px; height:1px; left:75px; top:62px; } body div#devskin7692278 .sec2 .copytainer span:hover i img { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; } body div#devskin7692278 .sec2 .copytainer span i img { position:absolute !important; top:-125px; left:-225px; z-index:99; max-width:600px; box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,0.5); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; } /* ------------------------------------------------------- Comments Area ------------------------------------------------------- */ body div#devskin7692278 div.gr-body .bottom { position:relative; height:0px; bottom:0px; z-index:99; width:1000px !important; margin:auto; } body div#devskin7692278 div.gr-body .bottom .commentslink { background:url(https://st.deviantart.net/news/muro-redraw/launch/buttn_bg.png) top left repeat-x; padding:10px 12px; text-decoration:none; color:#405147; font-family:Verdana, Geneva, sans-serif; font-size:12px; position:absolute; top:-101px; left:435px; text-shadow:0px 1px 0px rgba(255,255,255,0.2); box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; } body div#devskin7692278 div.gr-body .bottom .commentslink:hover { background:url(https://st.deviantart.net/news/muro-redraw/launch/buttn_bg.png) top left repeat-x; padding:10px 12px; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; position:absolute; top:-101px; left:435px; text-shadow:0px 1px 0px rgba(255,255,255,0.2); box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.4); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; } body div#devskin7692278 ul.list { display:none; }

Draw with Muro Now!

Sharpen your skills and showcase your unique technique in a whole new way.

Alien Practice

by $draweverywhere

The Making of Pepper

by `Artgerm

Holdy-paws

by *tinkerpaws

Miss Brightside

by ^alicexz

DeviantART's HTML5 drawing application, deviantART muro, now includes Redraw, allowing you to record your work as you draw. Every brush stroke, every layer, every little movement — all captured by Redraw. Save your work once you're finished and see your art come to life again in high definition playback.

Follow along as professional artists create works of art in their signature styles. Pause, rewind, or jump to a particular frame that interests you. Control the speed of playback, taking it in slowly or flying through quickly. Learn at your own pace from the comfort of your home.

Demonstrate your secret shading technique, the key to composing perfect backgrounds, how to use filters effectively, and much more. Post your newest Redraw for your friends and family to see, or help your fellow artists by sharing the Redraw deviation that will take their work to the next level.

Redraw provides insight into the creation of artwork like no other application can. Relax with a compelling look at the evolution of a piece, sure to please the art enthusiast in all of us. From amateur artists to highly skilled professionals and everyone in between, Redraw offers something for everyone.

Draw with Muro Now!

Back to Top | Press Information