ict-site/photography/final-image.html

125 lines
7.7 KiB
HTML
Raw Normal View History

2017-02-25 21:02:39 +00:00
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
<link rel="stylesheet" href="../css/animations/entry_animations.css">
<link rel="stylesheet" href="../css/animations/animations.css">
<link rel="stylesheet" href="../css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HighDef - Home</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
<i class="fa fa-bars" aria-hidden="true" style="color: white;"></i>
</button>
<a class="navbar-brand" href="index.html" style="padding-top: 3px;"><img src="../assets/MrUltraBrand.png" style="width: 200px;"></a>
</div>
<div class="collapse navbar-collapse" id="main-navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="photography.html" style="font-size: 17px;"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> Back</a></li>
</ul>
</div>
</div>
</nav>
<div class="wrapper">
<div class="nooverflow-bg" style="left: 0px; top: 0px; width: 75vw; height: 50vh;">
<img src="../assets/cybercircle1.png" style="left: -200px; top: -140px;" class="cybercircle-left">
</div>
<div class="nooverflow-bg" style="bottom: 0px; right: 0px; width: 50vh; height: 49vh;">
<img src="../assets/cybercircle2.png" style="right: -125px;" class="cybercircle-right">
</div>
<div class="nooverflow">
<div class="nooverflow">
<div class="box-center" style="bottom: 0px; margin-bottom: 0px;">
<h1 class="entry-bottom" style="bottom: 0px;">Reflection</h1>
</div>
</div>
<div class="box-left entry-left">
<h2 class="">General Planning</h2>
</div>
<div class="box-right entry-right">
<h3 class="">Purpose</h3>
<p class="">The purpose of this image should be to show that things will always distract you from what you actually need to do and in the process of this, time will be lost. Its supposed to show the wrong way to organize your time.</p>
</div>
<div class="box-left entry-left">
<h3 class="">Target Audience</h3>
<p>The picture is intended for anyone with a great goal they want to achieve. I want this image to show them procrastination so they might think to themselves and ask if that's what they were doing.</p>
</div>
<div class="box-right entry-right">
<h3>Subject/Props</h3>
<p>The primary subject will be my little sister. The supporting objects will be some homework and tools such as a pen or pencil. Anything in general that relates to the homework. The subject will not be focused on the homework though. She will instead, be distracted (probably with a computer) clearly ignoring the homework. There will also be something very obvious that shows the time. This is symbolism for the time being wasted on other things. </p>
</div>
<div class="box-left entry-left">
<h3 class="">Background</h3>
<p>Probably something very blank but fits the mood of the rest of the scene. Probably the less objects, the better.</p>
</div>
<div class="box-right entry-right">
<h3>Exposure</h3>
<p>Do you need average exposure (not too bright, not too dark)? Perhaps a very dark underexposed picture, or maybe overexposed?
For this image, the exposure should be plain and without any focus or articulation on any item in the photo.</p>
</div>
<div class="box-left entry-left">
<h3>Focus (Sharpness)</h3>
<p>Should your picture be sharp throughout or should only some parts be sharp for emphasis?
The focus should be clear throughout the picture. I think that since all objects require each other for this picture to make sense, the whole image should be in focus.</p>
</div>
<div class="box-right entry-right">
<h3>Scope (Fill the Frame)</h3>
<p>What should you include in your picture? What should you leave out? How close should you zoom in order to leave out unimportant components but still capture the important ones?
<br>
Props that add onto the main focus of the image should be used to fill the frame just enough and not too much to the point it would be distracting. the said props should also contribute to the main subject of the picture. That being said, the previously mentioned props such as work (as the goal) with tools, and a clock representing the misuse of time as well as a distraction (probably a computer).</p>
</div>
<div class="box-left entry-left">
<h3>Pose/Arrange</h3>
<p>How should you pose or arrange your subjects for best effect?
The main subject should be focused on the destruction. The other items that are supposed to have the attention will be left aside.</p>
</div>
<div class="box-right entry-right">
<h3>Graphic File Format</h3>
<p>What is the best file format for this picture? Should it be bitmap or vector, high or low resolution, compressed or uncompressed?
The final product should probably be JPEG. While working with it, I will probably save the actual project instead of exporting thus making sure compression only happens at the very end.</p>
</div>
<div class="box-left entry-left">
<h3>Results</h3>
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfAYUxRT094dU02TFk">
<p>How should you pose or arrange your subjects for best effect?
The main subject should be focused on the destruction. The other items that are supposed to have the attention will be left aside.</p>
<h3>Reflection</h3>
<p>I think my image turned out decent, reason being is that the idea and concept are there, but the way the picture was taking doesnt properly emphasize and give away a very deep feeling. I dont exactly know how to achieve this properly. I think everything else was fine since I think the image demonstrates what I wanted it to. I definitely couldve done better though with space if I had found a better place. There is still a lot of room for improvement.</p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>