Description
/* ------------------------------ INSTRUCTIONS ------------------------------ */
/* DO NOT EDIT THIS! UNDER NO CIRCUMSTANCE APPLY CHANGES TO THE CSS IN HERE, THE HEADER OR FOOTER! */
/* ----- Check out the full instructions: http://sta.sh/0h0h2gr62n9 ----- */
/* -----Week title ----- */
/* Put the week's title
at the beginning of the text, NOT into the header, it will show up on the board */
/* ------------------------------ CSS ------------------------------ */
body div#devskin11335016 * {
background:transparent;
border:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:0;
padding:0;
}
/* ------------------------------ GENERAL ------------------------------ */
body div#devskin11335016 .gr-top h2 img, body div#devskin11335016 .tri , body div#devskin11335016 .gr1, body div#devskin11335016 .gr2, body div#devskin11335016 .gr3, body div#devskin11335016 .list {
display:none!important;
}
body div#devskin11335016 a, body div#devskin11335016 a.external, body div#devskin11335016 .user-symbol {
color:#B73E62;
text-decoration:none;
}
body div#devskin11335016 a:hover, body div#devskin11335016 a.external:hover, body div#devskin11335016 .username-with-symbol:hover .user-symbol {
color:#E43A5D;
text-decoration:none;
transition:color 0.5s ease;
-moz-transition:color 0.5s ease;
-webkit-transition:color 0.5s ease;
-ms-transition:color 0.5s ease;
-o-transition:color 0.5s ease;
}
body div#devskin11335016 .user-symbol, body div#devskin11335016 a.external:after {
font-size:8px;
padding:2px;
position:relative;
top:-4px;
}
/* ------------------------------ GR-BOX ------------------------------ */
body div#devskin11335016 .negate-box-margin {
font-size:16px;
line-height:20px;
margin:0 auto;
max-width:1000px;
padding:10px;
}
body div#devskin11335016 .gr-box {
background:#dae4d9 url('https://dl.dropboxusercontent.com/u/22307794/css/PE/bggrad.png') 0px 0px repeat-x;
border:1px solid #a6b2a6;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:0px 1px 5px #8c9688;
-moz-box-shadow:0px 1px 5px #8c9688;
-webkit-box-shadow:0px 1px 5px #8c9688;
color:#5d625d;
font-family:Verdana, sans-serif;
font-size:14px;
line-height:20px;
overflow:visible;
margin-top:174px;
padding:220px 30px 30px 30px;
position:relative;
}
body div#devskin11335016 .gr-genericbox {
}
/* ------------------------------ GR-TOP ------------------------------ */
body div#devskin11335016 .gr-top {
background:#bcc8ba;
border:solid #a6b2a6;
border-width:1px 1px 0 1px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
-moz-box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
-webkit-box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
height:100px;
margin:0 20px 0 95px;
padding:20px;
position:relative;
text-align:center!important;
}
body div#devskin11335016 .gr-top::after {
content:'';
border-top:10px solid transparent;
border-right:10px solid #bcc8ba;
border-bottom:10px solid transparent;
position:absolute;
top:35px;
left:-10px;
}
body div#devskin11335016 .gr-top::before {
content:'';
border-top:10px solid transparent;
border-right:10px solid #f9fbf9;
border-bottom:10px solid transparent;
position:absolute;
top:36px;
left:-10px;
}
body div#devskin11335016 .gr-top .gr {
padding-left:0!important;
}
body div#devskin11335016 .gr-top .gr h2, body div#devskin11335016 .gr-top .gr h2 a {
color:#3d4d3d;
font-size:28px;
font-weight:bold;
text-shadow:0 1px 0px #8b958b, 0px -1px 0px #f9fbf9;
transition:color 0.5s ease;
-moz-transition:color 0.5s ease;
-webkit-transition:color 0.5s ease;
-ms-transition:color 0.5s ease;
-o-transition:color 0.5s ease;
}
body div#devskin11335016 .gr-top .gr h2 a:hover {
color:#E43A5D;
}
body div#devskin11335016 .gr-top .gr span {
}
body div#devskin11335016 .gr-top .author {
font-size:0;
}
body div#devskin11335016 .gr-top .author .username-with-symbol {
font-size:0;
}
body div#devskin11335016 .gr-top .author .username-with-symbol .user-symbol {
display:none;
}
body div#devskin11335016 .gr-top .author .avatar {
background:transparent url('https://dl.dropboxusercontent.com/u/22307794/css/PE/avatar.png') no-repeat center;
display:block!important;
padding:15px;
position:absolute;
top:-10px;
left:-110px;
}
/* ------------------------------ GR-BODY ------------------------------ */
body div#devskin11335016 .gr-body {
overflow:visible!important;
position:static!important;
}
body div#devskin11335016 .gr-body .gr {
}
body div#devskin11335016 .gr-body .gr .grf-indent {
}
body div#devskin11335016 .gr-body .gr .grf-indent .text {
max-width:860px;
margin:0 auto;
padding:40px 0;
}
/* ------------------------------ BOTTOM ------------------------------ */
body div#devskin11335016 .gr-body .gr .grf-indent .bottom {
position:absolute;
right:6px;
bottom:16px;
color:#DAE4D9!important;
z-index:99;
padding:0px 0px 0px 0px!important;
height:27px;
font-size:0px;
}
body div#devskin11335016 .gr-body .gr .grf-indent .bottom a {
font-size:0px;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/comment.png') top no-repeat;
color:#DAE4D9!important;
text-decoration:none!important;
padding:0px;
margin:0px 15px 0px 10px;
text-align:center;
width:24px!important;
height:24px!important;
display:block;
transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
-ms-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
}
body div#devskin11335016 .gr-body .gr .grf-indent .bottom a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------------ CUSTOM ------------------------------ */
body div#devskin11335016 .text h1, body div#devskin11335016 .text h2, body div#devskin11335016 .text h3, body div#devskin11335016 .text h4, body div#devskin11335016 .text h5, body div#devskin11335016 .text h6 {
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#E4375B;
letter-spacing:0.02em;
}
body div#devskin11335016 .text h1 {
font-size:32px;
}
body div#devskin11335016 .text h2 {
font-size:28px;
}
body div#devskin11335016 .text h3 {
font-size:24px;
}
body div#devskin11335016 .text h4 {
font-size:21px;
}
body div#devskin11335016 .text h5 {
font-size:18px;
}
body div#devskin11335016 .text h6 {
font-size:16px;
}
body div#devskin11335016 .text blockquote {
border-bottom:1px solid;
font-family:Tinos, Georgia;
font-size:21px;
font-style:italic;
line-height:28px;
margin:20px 40px;
padding:0 40px 20px 40px;
position:relative;
text-align:center;
}
body div#devskin11335016 .text blockquote i {
font-size:14px;
position:absolute;
right:0;
bottom:-30px;
}
body div#devskin11335016 .text p {
background:#bcc8ba;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin:20px 0;
padding:20px;
}
body div#devskin11335016 .text p strong {
display:block;
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#E4375B;
letter-spacing:0.02em;
font-size:120%;
margin:10px 0;
}
body div#devskin11335016 .text .indent {
background:transparent;
margin:0;
padding:0 40px;
}
body div#devskin11335016 .text ul, body div#devskin11335016 .text ol {
list-style-position:outside;
margin-left:30px;
}
body div#devskin11335016 .text ul li {
list-style-image:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/bullet.png');
margin-bottom:10px;
}
body div#devskin11335016 .text ol li {
margin-bottom:10px;
}
body div#devskin11335016 .text hr {
border-top:1px dotted #8b958b;
border-bottom:1px dotted #f9fbf9;
}
body div#devskin11335016 .button a {
background:#B73E62;
box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
border:1px solid #AE1837;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#FFFFFF;
padding:10px 20px;
text-shadow:none;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
}
body div#devskin11335016 .button a:hover {
background:#E43A5D;
box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
text-shadow:#AE1837 0px -1px 0px, #ED6581 0px -1px 0px;
}
body div#devskin11335016 .note {
background:#ffe566;
box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
-moz-box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
-webkit-box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
margin:20px;
padding:20px;
position:relative;
}
body div#devskin11335016 .columns {
display:block;
overflow:hidden;
}
body div#devskin11335016 .columns p {
background:transparent;
display:inline-block;
float:left;
margin-right:1%;
padding:0 0 10px 0;
width:48%;
}
body div#devskin11335016 .interview {
display:block;
font-family:Tinos, Georgia;
font-size:18px;
font-style:italic;
margin:0;
padding:0;
position:relative;
}
body div#devskin11335016 .interview .avatar {
float:left;
margin-top:25px;
}
body div#devskin11335016 .interview p .avatar {
float:none;
margin-top:0;
}
body div#devskin11335016 .interview p {
background:#FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 4px #6C7C6E;
-moz-box-shadow:0 2px 4px #6C7C6E;
-webkit-box-shadow:0 2px 4px #6C7C6E;
display:block;
font-family:Verdana, sans-serif;
font-size:14px;
font-style:normal;
margin:15px 0px 0px 70px;
padding:15px 15px 15px 30px;
position:relative;
}
body div#devskin11335016 .interview p::before {
content:' ';
display:block;
background:#dae4d9;
box-shadow:inset 0 2px 4px #6C7C6E;
-moz-box-shadow:inset 0 2px 4px #6C7C6E;
-webkit-box-shadow:inset 0 2px 4px #6C7C6E;
position:absolute;
top:30px;
left:-10px;
height:20px;
width:20px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
body div#devskin11335016 .interview p::after {
content:' ';
display:block;
background:#dae4d9;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:absolute;
top:26px;
left:-20px;
height:28px;
width:20px;
}
/* ------------------------------ THUMBS ------------------------------ */
body div#devskin11335016 .shadow-holder {
margin:5px;
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
body div#devskin11335016 .shadow-holder:hover {
box-shadow:0 0 4px #B8D1B6;
-moz-box-shadow:0 0 4px #B8D1B6;
-webkit-box-shadow:0 0 4px #B8D1B6;
}
body div#devskin11335016 .shadow-holder a.lit {
background:#E0E8DC;
border:1px solid #FFFFFF;
width:170px;
height:150px;
}
body div#devskin11335016 .shadow-holder .wrap q {
background:#E7EDE6;
font-family:Tinos, Georgia, serif;
font-size:14px;
font-style:italic;
font-weight:normal;
padding:10px;
position:absolute;
right:0;
left:0;
}
body div#devskin11335016 .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin11335016 .embedded-deviation {
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
/* thumbs in feat */
body div#devskin11335016 .feat .shadow-holder, body div#devskin11335016 .feat .embedded-deviation {
background:#E4375B;
box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
border:1px solid #AE1837;
margin:5px;
padding:5px;
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
body div#devskin11335016 .feat .shadow-holder:hover, body div#devskin11335016 .feat .embedded-deviation:hover {
background:#E74B6C;
box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
}
body div#devskin11335016 .shadow-holder .mild .thumb img, body div#devskin11335016 .shadow-holder a.lit, body div#devskin11335016 .feat .shadow-holder .mild .thumb img, body div#devskin11335016 .feat .embedded-deviation img, body div#devskin11335016 .feat .shadow-holder a.lit {
vertical-align:middle;
}
body div#devskin11335016 .feat .shadow-holder a.lit {
background:transparent;
border:none;
width:170px;
height:150px;
}
body div#devskin11335016 .feat .shadow-holder a.lit img, body div#devskin11335016 .shadow-holder a.lit img {
display:none;
}
body div#devskin11335016 .feat .shadow-holder .wrap q {
background:transparent;
color:#FFFFFF;
font-family:Tinos, Georgia, serif;
font-size:14px;
font-style:italic;
font-weight:normal;
margin:0;
padding:5px;
position:absolute;
right:0;
left:0;
}
body div#devskin11335016 .feat .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin11335016 .feat {
text-align:center;
background:transparent;
padding:0;
margin:0;
}
/* ------------------------- FOOTER ------------------------- */
body div#devskin11335016 .buttons {
position:absolute;
left:20px;
bottom:16px;
color:#DAE4D9!important;
z-index:99;
padding:0px 0px 0px 0px!important;
height:27px;
font-size:0px;
}
body div#devskin11335016 .buttons a {
transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
-ms-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
}
body div#devskin11335016 .buttons img {
padding-right:8px;
}
body div#devskin11335016 .buttons a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------- HEADER ------------------------- */
body div#devskin11335016 .header {
background:transparent;
height:375px;
position:absolute;
top:-174px;
right:0;
left:0;
}
body div#devskin11335016 .header br {
display:none;
}
body div#devskin11335016 .header .pe-regular a {
display:block;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/PE-regular.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin11335016 .header .pe-art-history a {
display:block;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/PE-art-history.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin11335016 .header .pe-community-week a {
display:block;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/PE-community-week.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin11335016 .header .pe-handy-hints-tricks a {
display:block;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/PE-handy-hints-tircks.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin11335016 .header .pe-anime-manga a {
display:block;
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/PE-anime-manga-week.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin11335016 .header .board {
background:url('https://dl.dropboxusercontent.com/u/22307794/css/PE/board.png') top right no-repeat;
height:217px;
width:360px;
margin:0 auto;
padding:0;
position:relative;
top:-30px;
}
body div#devskin11335016 .header .board .stamp {
position:absolute;
top:60px;
left:25px;
}
body div#devskin11335016 .header .board .stamp .avatar {
box-shadow:#331f14 0px 1px 2px;
-moz-box-shadow:#331f14 0px 1px 2px;
-webkit-box-shadow:#331f14 0px 1px 2px;
transition:all 0.7s;
-moz-transition:all 0.7s;
-webkit-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
}
body div#devskin11335016 .header .board .stamp .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
body div#devskin11335016 .week {
color:#f3f3f3;
display:block;
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
font-size:24px;
line-height:28px;
font-weight:bold;
height:60px;
text-shadow:#331f14 0px 1px 4px;
position:relative;
top:-285px;
max-width:300px;
margin:0 auto;
margin-bottom:-120px;
text-align:center;
z-index:99;
}
body div#devskin11335016 .week:hover {
color:#fdfdfd;
text-shadow:#331f14 0px 1px 4px;
}
/* ------------------------- CALENDAR ------------------------- */
body div#devskin11335016 .calendar {
}
body div#devskin11335016 .calendar i {
color:#333333;
display:inline-block;
font-size:24px;
font-style:normal;
font-weight:bold;
height:60px;
line-height:20px;
width:60px;
position:relative;
text-align:center;
background:#FFFFFF;
box-shadow:0 2px 4px #6C7C6E;
-moz-box-shadow:0 2px 4px #6C7C6E;
-webkit-box-shadow:0 2px 4px #6C7C6E;
display:inline-block;
position:relative;
}
body div#devskin11335016 .calendar i b {
background:#E4375B;
color:#FFFFFF;
display:block;
font-size:8px;
height:20px;
line-height:20px;
margin:0 0 10px 0;
text-align:center;
text-transform:uppercase;
}
body div#devskin11335016 .calendar i:last-of-type {
margin-left:30px;
}
body div#devskin11335016 .calendar i:first-of-type::after {
content:' ';
position:absolute;
bottom:10px;
right:-20px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #333333;
}
body div#devskin11335016 .calendar h2 {
color:#333333;
display:inline-block;
margin-left:20px;
}
body div#devskin11335016 .schedule {
margin-left:190px;
}
body div#devskin11335016 .schedule ul {
}
body div#devskin11335016 .schedule ul li {
list-style-type:none;
list-style-image:none;
line-height:25px;
margin-bottom:20px;
position:relative;
}
body div#devskin11335016 .schedule ul li b {
display:block;
position:absolute;
left:-50px;
top:-5px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-shadow:#8c9688 0px 1px 3px;
padding:0;
width:40px;
text-align:right;
}
body div#devskin11335016 .schedule ul li b sup {
font-size:10px;
font-weight:normal;
margin:0 0 0 2px;
}
/* ------------------------------ MOBILE ------------------------------ */
@media only screen and (max-width: 767px) {
body div#devskin11335016 .header, body div#devskin11335016 .gr-top::after, body div#devskin11335016 .gr-top::before, body div#devskin11335016 .gr-top .author, body div#devskin11335016 .gr-top .gr .timestamp {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .gr-box {
margin-top:0;
padding:90px 30px 30px 30px;
position:relative;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .gr-top {
margin:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .gr-body .gr .grf-indent .text {
margin-top:-120px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .week {
height:50px;
font-size:20px!important;
line-height:25px!important;
position:relative;
top:-130px!important;
left:120px;
padding-right:120px;
max-width:none!important;
margin:0;
text-align:left!important;
vertical-align:middle;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .schedule {
margin-left:20px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .calendar h2 {
display:block;
margin-top:20px;
margin-left:0;
}
}
body div#devskin11335016 .mobile-header {
display:none;
position:absolute;
top:20px;
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .mobile-header {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .mobile-header .avatar {
box-shadow:#331f14 0px 1px 2px;
-moz-box-shadow:#331f14 0px 1px 2px;
-webkit-box-shadow:#331f14 0px 1px 2px;
transition:all 0.7s;
-moz-transition:all 0.7s;
-webkit-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
}
}
@media only screen and (max-width: 767px) {
body div#devskin11335016 .mobile-header .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
}
Anime And Manga
How to Draw Manga! Tips and Tricks: Action Scene Basics Introduction
Action scenes are a key part of any manga, whether they be a placid shoujo to a shounen mecha showdown. Action scenes are a dynamic action driven panel showing a fight or action against an inanimate object, or a passionate realisation. All of these follow a similar formula to create the action sequence.
Setting the SceneWhen creating an action scene first consider the what action is being performed and how the two objects/subjects are interacting, i.e. show the force of the movement. For a person, it they are being hit, they will reaction in accordance to the force applied.A common way of achieving this is using the < shape to indicate where they are being hit. Take into consideration anatomy; if a person is being hit in the stomach they will produce a nice < shape with their head and shoulders coming forwards, whilst the hip becomes the point at the back, but if they are hit in the middle of the back there is not as much of a > shape, more a slight tilting of the head back, but little else. In another example, hitting the back of the knee will cause a person to crumple, but hitting the front directly would just push their weight backwards (and lead them into kicking back). In the rough example below, the figure is being kicked square in the stomach, sending them backwards. Flaying out arms and legs will give even more movement and 'power' to the kick. If the person is impacting a hard object they may 'bounce' a little after hitting it.
Other useful effects include using close ups of faces and fists or feet to indicate the close combat and typically when fighting someone, the characters are looking at their opponent, angling the 'camera' to catch this emotion and gaze adds to the intensity of the action sequence. Showing expressions such as gritting their teeth, grimacing or yelling are also ways to convey the action sequence.
Characters being attacked need to react to their opponent, whether it's to be hit or to dodge a hit, their expression and movement needs to be considered as they need to react as much as the 'hero' of the scene.
A slightly more advanced basic technique is called 'many sections' which is portraying a fist or kick hitting so quickly it seems as if the character has multiple arms or legs. A perfect example of this is Jotaro in the manga Jo Jo's Bizarre Adventure, his main technique is fast flying punches from his Stand, Star Platinum. This technique is not only used for the 'attacker'; the 'victim' can be shown with multiple heads or arms to indicate the multiple points of impact.
Using Line Effects
Lines and hatching techniques are outlined in Tips and Tricks: Pen and Ink Techniques Article These can be used to convey a sense of speed by changing the line art and adding in impact points and speed lines to assist. Hairstyles can also be manipulated to show the force at which the character is expressing the action, using speed lines and gradating speed lines to change the intensity. Modifying the direction and adding in 'sweat drops' or 'blood splatters' will also increase the effect. The following example shows non-gradated speed lines made with a multi-liner, and gradated are lines that are thicker at one end. Speed lines are typically ruled, as non-ruled seem haphazard and can be made to start and end at the same point, indicating sudden movement (sudden start, sudden stop). Also can have different start and stop points per line or even be curved using a french curve or ellipses. Speed-lines can be used to replace sections of line art of the moving object to give it the sense of moving.
Beta-flashes are also a useful part of an action scene, they can indicate a sudden thought or sound. They can be uniform, different shapes or even curved with a French curve. The key part of a beta-flash is they have a centre that all the lines intersect with. A common approach is to gradate the lines towards the centre, but don't cross it. The following example only shows these lines, it was made with a 0.1 technical pen. The lines are more useful if thicker at one end as the background is typically coloured black.
A final 'action' technique is the impact. It can be a freehand jagged speech bubble, or have a a combination of speed lines or a be a partial beta-flash. It doesn't even need to be a full closed point, it can be just the top or side, depending on the desired effect.
Screentones and screen tone effects can also be used to produce speed-lines and beta-flashes without having to draw them each time, the only drawback with this (other then needing to have them on hand) is that they are not as unique as having drawn them yourself, but they are an easy shortcut.
References, Tutorials and Guides
The following guides and tutorials go over these ideas in much greater detail and provide some great reference poses to assist:
7 Tips For Writing Action Scenes7 Tips For Writing Action Scenes Anybody Can Write a Novel Chapter 7 “From Story to Art” – Section 7 “Action Scenes” With Links to Supplementary Material Action scenes in a novel are a difficult tool to master, but well worth the time and effort to create dramatic an memorable scenes that will engage and entertain your readers. To pull them off effectively, you must be able to keep a quick yet varied pace, keep a tight focus, reflect your story, and make it all quick and crisp. Today, I'm going to give you a starting-point for honing your skills in this method of storytelling. Tip 1: Create a visible plane of space to work wi...
Action scenes are all about movement, reaction and effects. Plan out your artwork to where you want your characters interacting and what they are interacting with and modify your lineart to colouring to produce the sense of movement.
Want to suggest a theme or provide article content? Want to see other articles?
Visit: Tips and Tricks: Introduction and Master List
Khallandra — Tips and Tricks: Action Scene Basics
