So today while I was out and about running errands, on a bicycle mind you, we saw some soliders at the Lantana Air Feild. My son being only two and had been marathoning the anime One Piece yesterday, yanks on my jacket behind me and says, "Mommy look Marines!" So I stop biking and look over at the soldiers walking around. More than Likely getting ready for Digital Face Time with loved ones for the holidays. I couldnt tell which branch of the military they were I was too far away. I told him to say bye bye to the soldiers with which he responded with, "Mommy can I be a Pirate?" I laughed and told him only if he joined the Straw Hat Crew. I thought the moment was so adorable. He just left his Power Ranger obssession and is now into a Pirate obsession.
Tuesday, December 25, 2018
Monday, November 26, 2018
Wednesday, November 14, 2018
The Dancing Dinos
So this is a crappy video in my opinion. I have decided on making another video with a different plot.
Thursday, November 8, 2018
Self Portrait made in Adobe Illustrator
This entire illustration was drawn by hand and then uploaded into Adobe Illustrator to be edited and refined. There are two separate illustrations by the way.
Saturday, November 3, 2018
Outline For My Stop Motion Project
EDIT: As I am unable to make the animation below with my current circumstances I have edited the plot to dinosaurs dancing.
Saturday, October 27, 2018
All Hollow's Eve Pumpkin Carving
I love the Holidays as they give me an excuse to go over the top when spending time with my son. Whether it is Pumpkin Carving or a tour of the local fire station its always fun.
Saturday, October 20, 2018
CD Case Project
I absolutely love this band and their music!! If you have never
heard of them before or just never got around to hearing their music,
I would highly recommend giving them a chance.
I based this CD Case off of a fictional Benefit Concert for the
Simple Plan Foundation. The Simple Plan Foundation was
created by, you guessed it, Simple Plan!
You can find out more about SPF through the link at the bottom of the page.
http://www.simpleplanfoundation.org/
5x5
So here is my 5x5 Project. Yay. If anyone has any suggestions or comments on the layout and/or design I would love to hear them.
Saturday, September 29, 2018
Friday, September 28, 2018
Saturday, September 22, 2018
Trying something a little more difficult....
I got home and started practicing what we learned in class today. The above gif is the result of my hard work. (HaHa) Making gifs isn't so much difficult as it is time-consuming. I want to see how well I can manage to make cartoon gifs?
Multimedia Design Project 2
This was easier then I thought it would be. I had always had trouble trying to figure out how to make gifs which happens to be ironic since I can figure out video editing decently well. I know it will become more and more difficult the more animation that is added to a gif so I would like to practice more with the animation elements in my "toolbox."
Multimedia Design Class Project 1
The coding I noticed was both relatively easy and very difficult at the same time. Even with some copy and pasting, it takes a while to put it all together. Patience is truly key when it comes down to working with code. I have never been one to rush, but even I became frustrated with how long the coding and edits took. I believe I could work with code if I tried, however, I would prefer not to.
This is my coding for the shown image.
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
//sky
var x = 0;
var y = 0;
var width = 800;
var height = 600;
context.beginPath();
context.rect(x,y,width,height);
context.fillStyle = 'green';
// add linear gradient
var grd = context.createLinearGradient(200, 100, 200, 350);
// dark blue
grd.addColorStop(0, "#004CB3");
// light blue
grd.addColorStop(1, "#8ED6FF");
context.fillStyle = grd;
context.fill();
//create sun
var centerX = canvas.width / 10;
var centerY = canvas.height / 12;
var radius = 100;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "red");
grd.addColorStop(1, "yellow");
context.fillStyle = grd;
context.fill();
//TREE TRUNK
context.beginPath();
context.rect(240, 550, 20, 50);
context.fillStyle = 'brown';
context.fill();
context.lineWidth = 5;
context.strokeStyle = 'brown';
context.stroke();
//////tree top
var x = 250;
var y = 150;
var x1 = 320;
var y1 = 430;
var x2 = 180;
var y2 = 410;
var x3 = 250;
var y3 = 150;
context.beginPath();
context.moveTo(x, y);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
context.lineTo(x3, y3);
context.fillStyle = 'green';
context.fill();
context.strokeStyle = 'green';
context.stroke();
//////tree bottom
var x = 250;
var y = 200;
var x1 = 330;
var y1 = 550;
var x2 = 170;
var y2 = 560;
var x3 = 250;
var y3 = 200;
context.beginPath();
context.moveTo(x, y);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
context.lineTo(x3, y3);
context.fillStyle = 'green';
context.fill();
context.strokeStyle = 'green';
context.stroke();
/////Clouds
var centerX = canvas.width / 1.5;
var centerY = canvas.height / 5;
var radius = 50;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "white");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.75;
var centerY = canvas.height / 5;
var radius = 75;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "white");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.35;
var centerY = canvas.height / 5;
var radius = 60;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "white");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.5;
var centerY = canvas.height / 3.75;
var radius = 65;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "white");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.25;
var centerY = canvas.height / 4.3;
var radius = 75;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "white");
context.fillStyle = grd;
context.fill();
//my body
var x = 600;
var y = 400;
var x1 = 660;
var y1 = 650;
var x2 = 450;
var y2 = 660;
var x3 = 600;
var y3 = 400;
context.beginPath();
context.moveTo(x, y);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
context.lineTo(x3, y3);
context.fillStyle = 'black';
context.fill();
context.strokeStyle = 'black';
context.stroke();
//my head
var centerX = canvas.width / 1.28;
var centerY = canvas.height / 1.6;
var radius = 50;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 0, centerX, centerY, 100);
grd.addColorStop(0, "brown");
grd.addColorStop(1, "yellow");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.35;
var centerY = canvas.height / 1.6;
var radius = 50;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 100);
grd.addColorStop(0, "white");
grd.addColorStop(1, "pink");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.35;
var centerY = canvas.height / 1.6;
var radius = 50;
var startangle = 0;
var endangle = 1 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, true);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 0, centerX, centerY, 100);
grd.addColorStop(0, "brown");
grd.addColorStop(1, "yellow");
context.fillStyle = grd;
context.fill();
//my hands
var centerX = canvas.width / 1.45;
var centerY = canvas.height / 1.20;
var radius = 20;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 30);
grd.addColorStop(0, "white");
grd.addColorStop(1, "pink");
context.fillStyle = grd;
context.fill();
var centerX = canvas.width / 1.30;
var centerY = canvas.height / 1.20;
var radius = 20;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 1, centerX, centerY, 30);
grd.addColorStop(0, "white");
grd.addColorStop(1, "pink");
context.fillStyle = grd;
context.fill();
//my face
var centerX = canvas.width / 1.35;
var centerY = canvas.height / 1.48;
var radius = 10;
var startangle = 0;
var endangle = 1 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
// context.fillStyle = "green";
var grd=context.createRadialGradient(centerX, centerY, 1, centerX, centerY, 30);
grd.addColorStop(0, "white");
grd.addColorStop(1, "black");
context.fillStyle = grd;
context.fill();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>
Saturday, August 25, 2018
Greetings
Hey there Internet, (and Class)!! My name is Andy and I am a Graphic Design Student. I am the proud Mother of one. My son's name is Perseus. Awesome name, right? I had to make this blog for Multimedia Design Class, so I'm not quite sure what to say. I don't normally talk about myself. Talking isn't really the issue. More like I don't know what everyone wants to know. Im an Extrovert Introvert. I know....I know... I'm contradicting myself. I do have a habit of ignoring Social Media. Not very good for my chosen field is it? Though I plan to be a High School Teacher with a freelance career as a Graphic Designer, (Teachers don't get paid on holidays). So ask me whatever and I'll try to answer. If I can't or don't want to I'll let you know! I hope to work well with everyone in Class and beyond!! Work will be posted regularly .....maybe.....probably.......I'll try....
--Andy
Subscribe to:
Posts (Atom)