Tuesday, October 25, 2016
Photoshop
Above is my photoshop assignment of somewhere I've never been. Accepting an Oscar with Marlon Brando is definitely somewhere I've never been but would like to!
Monday, October 24, 2016
HTML Logo
Above is the screenshot of the Beats logo I created using HTML. Below is the link to view the image on the web,
file:///Volumes/Student%20Server/Fall%202016/ART/ART%20210%20A%20-%20Foundations%20Digital%20Media%20-%20Corrigan/Student%20Work/Jetta%20Taylor/BeatsLogo.html
Below is the code I used to create this image as well as the graphed image.
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
context.beginPath();
context.arc(300, 300, 300, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 0, 0)';
context.fill();
context.beginPath();
context.arc(300, 300, 150, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 255, 255)';
context.fill();
context.beginPath();
context.rect(150.3, 9, 75, 310);
context.lineWidth = '10';
context.fillStyle = 'white';
context.fill();
context.beginPath();
context.arc(300, 300, 87.5, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 0, 0)';
context.fill();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
file:///Volumes/Student%20Server/Fall%202016/ART/ART%20210%20A%20-%20Foundations%20Digital%20Media%20-%20Corrigan/Student%20Work/Jetta%20Taylor/BeatsLogo.html
Below is the code I used to create this image as well as the graphed image.
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
context.beginPath();
context.arc(300, 300, 300, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 0, 0)';
context.fill();
context.beginPath();
context.arc(300, 300, 150, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 255, 255)';
context.fill();
context.beginPath();
context.rect(150.3, 9, 75, 310);
context.lineWidth = '10';
context.fillStyle = 'white';
context.fill();
context.beginPath();
context.arc(300, 300, 87.5, 0, 2*Math.PI, true);
context.fillStyle = 'rgb(255, 0, 0)';
context.fill();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
Monday, October 10, 2016
Vector Illustration
Above is my vector illustration. I chose to do my illustration using a reference image of my mom when she was young. This was quite a time consuming process, and I'm not sure if saving it as a GIF was the highest-quality option. However, I quite like how it tuned out. Thanks for the pic, mom! Looking good.
Subscribe to:
Posts (Atom)