-
Brandon Rodriguez authored3f7b74dd
digital.html 12.55 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> Digital Art </h2>
<hr>
</section>
<div id= "bodyContent">
<article>
<figure class= "floatRight" id= "digitalSquaresImg">
<img src= "images/full/DigitalSquares4.png" alt= "Random Digital Squares">
<figcaption> Random Digital Squares </figcaption>
</figure>
<p>   Digital media is still rather new; while traditional media has been around for thousands of years, digital has only been around for a handful of decades. As time passes, digital artwork seems to be more and more accepted, yet many artists still seem to have mixed opinions on it. </p>
<p>   Of course, digital media also encompasses a wide range of things. It can include video production, website design, 3d animation, image manipulation and image creation. For the purposes of this website, I'm going to stick to the forms of digital that are most relatable to traditional media, mostly being image creation via a computer tablet. </p>
<p>   In regards digital drawing, I simply view it as another form of media. It's no different from starting off with a standard, graphite pencil, and then switching to oil painting. Sure, it handles differently and various people will prefer one over the other, but at the end of the day it's still creating art. Digital is just one means to accomplish that goal. </p>
<p>   In regards to drawing programs, my personal favorite is Adobe Photoshop but there are plenty of other drawing platforms on the computer. No single one is better, per say. They're all just simply different. Most have similar tools and features, so experiment to find one that works best for you. </p>
<figure class= "floatLeft" id= "layerImg">
<img src= "images/full/LayerExample.jpg" alt= "Example of layers in Adobe Photoshop">
<figcaption> Example of Layers in Adobe Photoshop </figcaption>
</figure>
<p>   Regardless of which you use, most of them (at least in my experience) have something similar to "layers." Each new layer is an entirely separate, transparent workspace that overlaps the previous once. Think of it as transparent pages that overlap each other. You can draw on it, erase on it, hide it, and even delete it, all while still keeping the rest of your layers intact. This is distinctly different from any traditional media in that you can create a new layer, experiment a bit, and if you don't like it you simply delete the layer. Everything else will stay as it was and your image is no worse for wear. </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>