Nate Vandercar's Digital Arts Blog: 2015

Wednesday, May 6, 2015

Wednesday, April 29, 2015

For this project, instead of trying to pick a serious lyric with any meaning, I tried to use the most absurd one I could think of. The ridiculous lyric allowed for me to be as creative as I wanted with the collage. I have no idea why, but this image is the first thing that came to my mind when hearing this lyric. If A1 does not use this for their next ad campaign, they're crazy.

HTML Project

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ

var centerx = 400;
var centery = 300;
var radius = 300;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'orange');
grd.addColorStop(1, 'rgba(200, 0, 0, .8)');
context.fillStyle = grd;

context.fill();

context.beginPath();
context.arc(450, 300, 70, 0, Math.PI, false);
context.closePath();
context.fillStyle = 'green';
context.fill();

var centerx = 425;
var centery = 265;
var radius = 55;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'green';
context.fill();

var centerx = 430;
var centery = 140;
var radius = 9;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();

var centerx = 400;
var centery = 140;
var radius = 9;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();

context.beginPath();
context.quadraticCurveTo(375, 200, 419, 190)
context.strokeStyle = 'black';
context.stroke();

context.beginPath();
context.moveTo(445, 240);
context.lineTo(550, 115);
context.lineWidth = 5;
context.strokeStyle = 'green';
context.stroke();

context.beginPath();
context.moveTo(425, 240);
context.lineTo(300, 180);
context.lineWidth = 5;
context.strokeStyle = 'green';
context.stroke();

context.beginPath();
context.moveTo(300, 300);

// line 1
context.lineTo(350, 350);

//quad curve
context.quadraticCurveTo(380, 335, 400, 300);

// line 2
context.lineTo(450, 375);

//bezier curve 1
context.quadraticCurveTo(470, 330, 525, 300);

//line 3
context.lineTo(540, 350);

//quad3
context.quadraticCurveTo(535, 400, 460, 500);
context.quadraticCurveTo(400, 510, 350, 500);
context.quadraticCurveTo(315, 500, 275, 450);
context.quadraticCurveTo(260, 400, 270, 350);
context.lineTo(300, 300);

context.fillStyle = 'white';
context.fill();
context.lineWidth = 9;
context.strokeStyle = 'rgb(0, 240, 100)';
context.stroke();

var centerx = 312;
var centery = 400;
var radius = 10;

var startx = 350;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();
context.stroke();

var centerx = 400;
var centery = 400;
var radius = 15;

var startx = 350;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();
context.stroke();

var centerx = 434;
var centery = 434;
var radius = 9;

var startx = 350;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();
context.stroke();

var centerx = 305;
var centery = 350;
var radius = 12;

var startx = 350;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();
context.stroke();

var centerx = 360;
var centery = 450;
var radius = 9;

var startx = 350;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();
context.stroke();

var centerx = 475;
var centery = 380;
var radius = 9;

var startx = 200;
var starty = 150;
var startradius = 100;
var endx = 250;
var endy = 150;
var endradius = 400;

context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'green');
grd.addColorStop(1, 'green');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();

var centerx = 415;
var centery = 180;
var radius = 50;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'rgba(0, 250, 50, .1)');
grd.addColorStop(1, 'rgba(0, 180, 0, .8)');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();

var centerx = 370;
var centery = 169;
var radius = 30;

var startx = 80;
var starty = 50;
var startradius = 100;
var endx = 100;
var endy = 150;
var endradius = 400;
context.beginPath();
context.arc(centerx, centery, radius, 0, 2*Math.PI, false);

var grd=context.createRadialGradient(startx, starty, startradius, endx, endy, endradius);
grd.addColorStop(0, 'rgba(0, 250, 50, .8)');
grd.addColorStop(1, 'rgba(0, 180, 0, .9)');
//rgba stands for "red, green, blue, alpha". Alpha is the Opacity, between 0 and 1
context.fillStyle = grd;

//context.fillStyle = 'rgba(255, 0, 0, .25)';
context.fill();

//body

////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>

Wednesday, April 1, 2015

Photoshop Illustration

This Photoshop illustration is of the ivy covered walls at Wrigley Field. Being a huge Cubs fan, Wrigley is one of my favorite places on Earth, there is nothing like it. In my opinion, there is no better color combination found in nature than; vivid green foliage, and a bright blue sky. With the baseball season just starting, this image is always on my mind, and I can't wait to get back to the real thing. For now, my rendition of the image will have to do.

Tuesday, March 31, 2015

Finally made it on the cover of Forbes!!!!

Monday, March 23, 2015

html

file://localhost/Volumes/USB20FD/yoshi7.html

Self Insertion

Wednesday, February 25, 2015

Vector Illustration

This Vector Illustration is of the Chicago Bulls' gaurd, Tony Snell. The Bulls are my favorite team, and Snell is my favortite player; and he is also the creepiest looking player on the team. I really enjoyed learning Illustrator, and this project was a great way to test out what I learned. The title of this illustration is definitely- You Snell That?

Monday, February 23, 2015

Gerald

Don't let his shapely body fool you, Gerald is a World class ballet dancer. The Russian Ballet, Broadway, Dancing with the Stars.... There is no where his skills have not taken him. Here he is in this image performing at the Super Bowl halftime show. This project was great, i thought it was awesome seeing all of the creative creatures the class came up with. I chose to illustrate Gerald; because I was responsible for drawing his sexy gut, and i thought he was all around the most random and funny creature.

Wednesday, February 11, 2015

Logo

Monday, February 9, 2015

Tuesday, February 3, 2015

Logo Critique

1: Netflix- When I look at this logo the first thing that comes to mind is a big movie theatre. The bright red seems to be the theme of most movie theatres. They all have red floors, seats, popcorn buckets, and it reminds me of the red carpet. The font is big and bold, and really stands out, just like the Hollywood sign.

2:Miller High Life- Also referred to as the "Champagne of Beer", this delectable drink is my favorite beer. It was put on the market in 1903, and the logo has not changed much. Considering that the logo has not changed for over a century, it must be working pretty well. I feel that the target audience is working class, and poor college kids. It's a cheap beer, but it's logo and nickname make it seem like a classy brew. The logo is timeless, and over time has become very well known and recognizable.

3:Nintendo- Like the High Life Logo, this one is very recognizable, and has not needed very much change over the years. This logo is very simple, but the computerized text, red font, and the oval shape make it unique. Any word could be portrayed in that style, but I would still think of Nintendo right away. Nintendo's target audience is everyone, because it is known and loved by everyone. As long as it remains a highly popular game system, I don't think the logo will change.

4:Wu Tang Clan- The Wu Tang logo is not a particularly well known emblem, but is definitely recognized by it's fans. The logo is very abstract, and the bright yellow on the black background creates a heavy contrast. The target audience for Wu Tang when they began was definitely groups of younger, inner city young adults. The black and yellow combo is very appealing, and widely used. Once someone sees the logo, or becomes a fan, the logo becomes very recognizable.

5:Patagonia- This clothing companies target audience is outdoorsmen, or just anyone looking to stay warm. The logo has a very rough and durable style to it, and the color scheme reminds me of a sunset. Patagonia is a seemingly uninhabitable region in the mountains of southern South America. The terrain is rugged and dangerous, but equally as beautiful. I feel that the company is trying to show that their products are tough and durable, but also stylish.

About Me

My name is Nate Vandercar from Westmont, Illinois, a suburb of Chicago. I am a senior at University of Tampa, going for a history major. I am a big sports fan, especially when it comes to Chicago teams (besides the white sox). Besides sports I enjoy cooking, reading, spending time with friends and family, and having a good time. I only have a small amount of experience with digital arts from a high school class, but I have forgotten most of it. Even so, I have really enjoyed all of the art courses I have taken, and I'm excited to try something new.

Nate Vandercar's Digital Arts Blog