Skip to content
Snippets Groups Projects
lineart.html 12.33 KiB

<!DOCTYPE html>
<html lang="en">


<head>

	<meta charset="utf-8">
    <meta name= "viewport" content= "width=device width, initial-scale=1.0">
    
    <link rel= "stylesheet" href= "css/site.css">
    <link rel= "stylesheet" href= "css/images.css">
	<link rel= "stylesheet" href= "css/desktop.css" media= "only screen and (min-width: 1025px)">
    <link rel= "stylesheet" href= "css/laptop.css" media= "only screen and (min-width: 769px) and (max-width: 1024px)">
    <link rel= "stylesheet" href= "css/tablet.css" media= "only screen and (min-width: 321px) and (max-width: 768px)">
    <link rel= "stylesheet" href= "css/phone.css" media= "only screen and (max-width: 320px)">
    
	<title> Final Website: Art Things </title>

</head>


<body>
	<div id= "wrapper" class= "bodyTexture">
    <img src= "images/thumbs/LogoThumb.png" alt= "Website Logo" id= "headerLogo">
    
	
    <div id= "leftColumn" class= "desktop roundedTop roundedBottom">
    
		<nav class= "navMain">
        	<ul>
            	<span class= "navSec navHome">
        			<span class= "mainSec">
                    	<li>
    						<a href= "index.html"> Home </a>
            			</li>
                    </span>
                    
                    <span class= "minorSec">
                    	<li>
                  			<a href= "about.html"> About </a>
                  		</li>
                    </span>
                    
                    <span class= "minorSec">
                    	<li>
                  			<a href= "gallery.html"> Gallery </a>
               			</li>
                    </span>
                    
                    <span class= "minorSec">
                		<li>
                  			<a href= "contact.html"> Contact </a>
               			</li>
                    </span>
            	</span>
                
              	<span class= "navSec navTraditional">
            		<span class= "mainSec">
                    	<li>
            				<a href= "traditional.html"> Traditional Art </a>
            			</li>
                    </span>
                    
                    <span class= "minorSec">
                 		<li>
                   			<a href= "lineart.html"> Line Art </a>
                 		</li>
                    </span>
                    
                    <span class= "minorSec">
                    	<li>
                    		<a href= "shading.html"> Shading </a>
                    	</li>
                    </span>
                </span>
            	
              	<span class= "navSec navDigital">
            		<span class= "mainSec">
                    	<li>
            				<a href= "digital.html"> Digital Art </a>
            			</li>
                    </span>
                    
                    <span class= "minorSec">
                   		<li>
                    		<a href= "warmups.html"> Warm Ups </a>
                    	</li>
                    </span>
                    
                    <span class= "minorSec">
                   		<li>
                  			<a href= "photoshop.html"> Photoshop </a>
                  		</li>
                    </span>
             	</span>
    		</ul>
      	</nav>
        
    </div>
    
    <div id= "rightColumn" class= "roundedTop">
    	<header class= "roundedTop roundedBottom">    
        	
    		<hgroup>
            	
        		<h1> <span id= "hLetter"> A</span>rt Things </h1>
            	<h3> Subtitle Stuff </h3>
        	</hgroup>        	
    	</header>
        
        <nav class= "navMain mobile">
        	<ul>
            	<span class= "navSec navHome">
        			<span class= "mainSec">
                    	<li>
    						<a href= "index.html"> Home </a>
            			</li>
                    </span>
                    
                    <br>
                    
                    <span class= "minorSec">
                    	<li>
                  			<a href= "about.html"> About </a>
                  		</li>
                    </span>
                    
                    <span class= "minorSec">
                    	<li>
                  			<a href= "gallery.html"> Gallery </a>
               			</li>
                    </span>
                    
                    <span class= "minorSec">     
                		<li>
                  			<a href= "contact.html"> Contact </a>
               			</li>
                    </span>
            	</span>
                
              	<span class= "navSec navTraditional">
            		<span class= "mainSec">
                    	<li>
            				<a href= "traditional.html"> Traditional Art</a>
            			</li>
                    </span>
                    
                    <br>
                    
                    <span class= "minorSec">
                 		<li>
                   			<a href= "lineart.html"> Line Art </a>
                 		</li>
                    </span>
                    
                    <span class= "minorSec">
                   	 <li>
                    		<a href= "shading.html"> Shading </a>
                    	</li>
                    </span>
                </span>
            	
              	<span class= "navSec navDigital">
            		<span class= "mainSec">
                    	<li>
            				<a href= "digital.html"> Digital Art </a>
            			</li>
                    </span>
                    
                    <br>
                    
                    <span class= "minorSec">
                   		<li>
                    		<a href= "warmups.html"> Warm Ups </a>
                    	</li>
                    </span>
                    
                    <span class= "minorSec">  
                   		<li>
                  			<a href= "photoshop.html"> Photoshop </a>
                  		</li>
                    <span class= "minorSec">
             	</span>
    		</ul>
      	</nav>
        
    	<div id= "bodyContainer" class= "roundedTop roundedBottom contentTexture">        	        
               
           	<section id= "bodyHeader">
                <h2> Line Art </h2>
                <hr>
            </section>
            
    		<div id= "bodyContent">
            
            	<article>
                    
                    <figure class= "floatRight" id= "lineartImg">
                    	<img src= "images/full/Lineart.png" alt= "An example of lineart's importance.">
                        <figcaption> An example of lineart's importance. </figcaption>
                    </figure>
                    
    				<p> &emsp; Line art can be one of the most important parts of any drawing. It's the foundation to any image and directly influences all other aspects. I would even argue that line art is the most important single aspect in art. Your response may be "well I've watched people do drawings online. Perhaps a drawing speed run or something, and they skipped the line art entirely! They just went straight to blocking in shapes and colors!" </p>
                    
                    <p> &emsp; Yes, with enough experience, it's possible to get to that point. But you also need to keep one thing in mind: those people have years and years of practice, often drawing nearly every day. Even if you don't see them actively creating lines, they're very likely seeing the lines in their head, using that to guide where they place those blocks of color. </p>
                    
                    <p> &emsp; Either way, for a beginner, line art is an invaluable skill. The sooner you start practicing, the sooner you can control your lines. This doesn't just mean smooth, pretty lines either. Even jagged, rough edges can sometimes be difficult to do intentionally without practice. </p>
                    
                    <p> &emsp; My advice? Try to do warm up exercises every day before you draw. For more information on that, see my page on Warmup exercises. Secondly, don't try to start with long, smooth, lines right away. Only through practice can you create long, flowing lines with one single stroke. Until you reach that level of expertise, attempt doing short, repeated strokes that build into a single line, like shown below. With enough practice, these repeated strokes will begin to look like a single, solid line. With further practice, your strokes will become longer and longer, eventually giving you that big, graceful line you initially set out to make. </p>
                    
                    <p> &emsp; Past that, just draw everything you can! Draw different subjects, making sure to vary it up and occasionally draw things you might not particularly care for. Try to create line art of people and objects. Draw scenery and still lifes. The only way to improve is to practice. </p>
                
                </article>
                               
    		</div>  	
    	
    		<footer class= "roundedBottom">
    			<div class= "footerContent">
                
                	<img src= "images/thumbs/LogoThumb.png" alt= "Website Logo" id= "footerLogo">
                    
                    <nav>
        				<ul>
            				<span class= "navSec navHome">
                            	<span class= "mainSec">
        							<li>
    									<a href= "index.html"> Home </a>
            						</li>
                                </span>
                                
                                <br>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "about.html"> About </a>
                                	</li>
                                </span>
                                
                                <span class= "minorSec">
                                	<li>
                  						<a href= "gallery.html"> Gallery </a>
               						</li>
                                </span>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "contact.html"> Contact </a>
                                	</li>
                                </span>
            				</span>
                
                			<span class= "navSec navTraditional">
            					<span class= "mainSec">
                                	<li>
            							<a href= "traditional.html"> Traditional </a>
            						</li>
                                </span>
                                
                                <br>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "lineart.html"> Line Art </a>
                                	</li>
                                </span>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "shading.html"> Shading </a>
                                	</li>
                                </span>
                			</span>
            	
                			<span class= "navSec navDigital">
            					<span class= "mainSec">
                                	<li>
            							<a href= "digital.html"> Digital </a>
            						</li>
                                </span>
                                
                                <br>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "warmups.html"> Warm Ups </a>
                                	</li>
                                </span>
                                
                                <span class= "minorSec">
                                	<li>
                                		<a href= "photoshop.html"> Photoshop </a>
                                	</li>
                                </span>
                			</span>
    					</ul>
                    </nav>
                    
        		</div>
    		</footer>
        	
        </div>
    </div>
        
        
	</div>
</body>

</html>