All-Star Batman and the Joker — on iPad Pro with Apple Pencil
Jim Lee, the person who re-made the Y-Men legend for a brand new era, co-based Image Comics, and recently co-writer of DC Comics, simply were given an iPad Pro and Apple Pencil and made up our minds to take a look at them out on icons: Batman and the Joker. Lee used Procreate, considered one of our favorite drawing apps, and published the pictures and the recordings on Instagram.
What A love such a lot approximately iPad Pro and Apple Pencil is that, as an established artist, it is simple to pick out up and simply get started the use of. It makes the analog to virtual jump into little greater than a step. The software will get out of the best way and it is simply you and what you are developing. And that is extremely freeing.
When you are at Jim Lee's degree, it is also simply extremely cool.
<!--*/
<!--*/
<!--*/
img
width: 100%;
.devicebox ul
show: desk;
margin: 0 0 10px;
width: 100%;
.devicebox ul li
history: #f7f7f7;
margin: 2px 0;
padding: 4px 15px;
.devicebox ul li:hover
historical past: #fff;
.devicebox ul li:prior to
show: none;
.devicebox p ~ p
line-peak: 1.25;
.devicebox p:first-of-sort + p
padding: 15px;
.devicebox a.purchase-hyperlink
border-radius: 5px;
show: inline-block;
font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif;
textual content-align: middle;
.devicebox a.purchase-hyperlink,
.devicebox a.purchase-hyperlink:hyperlink,
.devicebox a.purchase-hyperlink:lively,
.devicebox a.purchase-hyperlink:visited
history: #37B5D7;
colour: #FFF;
.devicebox a.purchase-hyperlink:hover
historical past: #2694B2;
textual content-ornament: none;
.devicebox a.purchase-hyperlink:ahead of
content material: "e61e";
font: 40px/0 "ac_iconset" !essential;
margin: 0 3px 0 -8px;
vertical-align: center;
/* PORTRAIT */
div *:now not(:remaining-of-sort):now not(div) + .devicebox,
div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3))
flow: proper;
margin: 0 0 20px 20px;
max-width: 350px;
width: 50%;
div *:now not(:remaining-of-sort):now not(div) + .devicebox h3,
div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) h3
textual content-align: middle;
div *:now not(:remaining-of-sort):now not(div) + .devicebox a.purchase-hyperlink,
div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) a.purchase-hyperlink
margin: 0 5px 8px 0;
width: calc(50% - 5px);
div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even),
div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) .devicebox a.purchase-hyperlink:ultimate-kid,
div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even),
div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) .devicebox a.purchase-hyperlink:final-kid
margin-proper: 0;
div *:now not(:final-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(atypical):remaining-kid,
div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:nth-kid(unusual):final-kid
show: block;
margin-proper: 0;
width: car;
/* LANDSCAPE */
@media all and (min-width: 1025px)
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox
padding: 20px 0 25px;
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox .video,
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox h3 + p
flow: left;
margin: 0 30px 0 0;
width: calc(100% - 375px);
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div :ultimate-of-sort ~ .devicebox h3 + p
backside: 20px;
show: block;
overflow: hidden;
place: absolute;
most sensible: 59px;
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox p img,
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox p > img
place: absolute;
most sensible: 50%;
turn into: translateY(-50%);
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox p,
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:remaining-of-sort ~ .devicebox ul
field-sizing: border-field;
margin-left: calc(100% - 345px);
width: 340px;
.article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p.listing-head
margin-most sensible: -5px;
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px), all and (max-width: 500px)
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink
margin: 0 5px 8px 0;
width: calc(50% - 5px);
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(even),
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:remaining-kid
margin-proper: 0;
div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(peculiar):final-kid
show: block;
width: vehicle;
@media all and (max-width: 800px) and (min-width: 660px)
div *:final-of-sort ~ .devicebox
padding: 20px 0 25px;
div *:remaining-of-sort ~ .devicebox .video,
div *:final-of-sort ~ .devicebox h3 + p
glide: left;
margin: 0 30px 0 0;
width: calc(100% - 375px);
div :remaining-of-sort ~ .devicebox h3 + p
backside: 20px;
show: block;
overflow: hidden;
place: absolute;
most sensible: 59px;
div *:remaining-of-sort ~ .devicebox p img,
div *:final-of-sort ~ .devicebox p > img
place: absolute;
most sensible: 50%;
grow to be: translateY(-50%);
div *:final-of-sort ~ .devicebox p,
div *:ultimate-of-sort ~ .devicebox ul
field-sizing: border-field;
margin-left: calc(100% - 345px);
width: 340px;
div *:remaining-of-sort ~ .devicebox p.listing-head
margin-most sensible: -5px;
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) and (min-width: 501px)
div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:prior to,
div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:prior to
show: none;
@media all and (max-width: 660px), all and (max-width: 1024px) and (min-width: 801px)
div *:ultimate-of-sort ~ .devicebox h3
textual content-align: middle;
div :final-of-sort ~ .devicebox ul,
div :ultimate-of-sort ~ .devicebox p
show: block;
@media all and (max-width: 660px) and (min-width: 501px), all and (max-width: 1024px) and (min-width: 801px)
div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink
margin: 0 5px 8px 0;
width: calc((100% / 3) - 7px);
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-final-kid(unusual),
div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-remaining-kid(n+3)
margin-proper: 0;
div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-remaining-of-sort(2),
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(2) ~ a,
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4),
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4) ~ a
width: calc(50% - 5px);
div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(2) ~ a:nth-ultimate-of-sort(ordinary),
div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(4) ~ a:nth-final-of-sort(ordinary)
margin-proper: 0;
div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(bizarre):remaining-kid
show: inline-block;
@media all and (max-width: 800px)
div *:final-of-sort ~ .devicebox
margin: 0 0 30px;
max-width: none;
width: vehicle;
@media all and (max-width: 500px)
.devicebox,
div *:now not(:final-of-sort):now not(div) + .devicebox,
div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3))
go with the flow: none;
margin: 0 0 30px;
max-width: none;
width: vehicle;
.devicebox a.purchase-hyperlink:prior to
show: none;
.web page-admin .devicebox max-width: 350px;
.web page-admin .devicebox .video_iframe place: relative; peak: 0; padding-backside: 56.9%;
.web page-admin .devicebox .video_iframe iframe width: 100%; peak: 100%; place: absolute;
/*-->*/
/*-->*/
/*-->*/
/*-->*/