Johannah Smith Blog

Sunday, December 13, 2015

Final Portfolio

Below is my attached pages for my final in jpeg format. The assignment was to create a portfolio of all my collected work throughout this semester. This final project was nice way to end the semester. It was mostly a breeze, the hardest part was getting used to InDesign. I enjoyed creating my portfolio and I know this is something I will keep to show my friends and family.

Wednesday, December 2, 2015

Animation

The given assignment was to create a 10-15 second animation, with a clear point, and sound. I found this project to be a challenge for me, since I have zero experience with animation. Creating movement in the character was a continuos struggle. I managed to create the cheerleader moving fluently, which I am very pleased with. Once I got the hang of using the keyframes it became a little easier, but I was still frustrated at times. The easiest part of this assignment was adding the sound. I recorded my roommate saying the cheer, and retrieved some sound effects from the internet. I easily dropped them into the timeline and adjusted them as needed. The sound drastically helped the animation come together. Now, that I am finally finished, I am proud to say that I am happy with my final animation!

*For some reason the sound at the beginning was cut out while uploading. The full sound is available on the student server*

Wednesday, November 11, 2015

Photoshop Collage

To construct my final collage project I used a few simple tools in Adobe Photoshop. First, I used a filter on the background layer to make the contrast of the sky and sand pop. I then added the clock, and then changed the opacity. I added the dog tags and used the puppet warp tool to make it seem like they are actually hanging on the clock. Then, added the words my boyfriend wrote in a poem. The last and final touch was the addition of the hands reaching for each other but not yet touching. I am happy with my final product, and again enjoyed using Adobe Photoshop!

Tuesday, November 3, 2015

Magazine Cover

This is my magazine cover I created in Adobe Photoshop. This project was more time consuming than difficult. To construct the large image of myself I used the magnetic lasso tool to trace myself, and then inserted the selection onto the cover. The rest of the magazine is mostly images inserted, rectangles placed around the images, and text. I chose to go with a simple version of a magazine cover that looked very well put together, instead of a busy cover that would take away from the actual meaning. I am happy with my final piece and loved using photoshop!

Below are the images I used in the final cover.

Monday, October 26, 2015

Photoshop Insertion

Above is my final for the in class assignment today. The goal of this assignment was to successfully insert yourself into a background. I chose to put my roommate and I on top of a mountain. I find this picture humorous because we would never in a million years make it to the top of a mountain. We are both not the most active people. I enjoyed this project because it was somewhat quick and easy. The longest process was actually selecting us. Below are the two original pictures.

Tuesday, October 20, 2015

HTML Namaste

Here is my final html project. This project may have put me through a couple mental breakdowns, but I have managed to come out with a piece I am happy with. Html coding is a tetidous process, and might not be the best for impatient people. I spent several hours playing with codes to finally finish with what appears to be a simple drawing. Simple is not the case though, code is a extremely difficult thing to wrap one's head around. I do not recommend anyone that is not interesting in graphic design to do this for fun. Below is the long list of coding to make this project.

<!DOCTYPE HTML>

<html>

<head>

<script>

window.onload = function() {

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇvar context = canvas.getContext('2d');

context.rect(0, 0, 800, 600);
// create radial gradient
var grd = context.createRadialGradient(200, 100, 350, 138, 50, 200);
// light blue
grd.addColorStop(0, '#9909FF');
// dark blue
grd.addColorStop(1, '#ffccff');

context.fillStyle = grd;
context.fill();

///nam\
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.font = '20pt Apple Chancery';
context.fillStyle= 'black';
context.fillText('Namaste', 355, 295);

///outline of hand///
context.beginPath();
context.moveTo(200,260);
context.bezierCurveTo(360,320,250,475,350,525);
context.quadraticCurveTo(400,560,470,525);
context.bezierCurveTo(575,475,480,300,620,260);
context.quadraticCurveTo(575, 225, 520, 250);
context.lineTo(520,110);
context.quadraticCurveTo(490,60, 450,90);
context.quadraticCurveTo(400,30, 360,90);
context.quadraticCurveTo(325,60, 290,110);
context.lineTo(290,250);
context.quadraticCurveTo(245,225,200,260);
context.lineWidth=5;
context.stroke();

///inside eye
context.beginPath();
context.moveTo(375,335);
context.quadraticCurveTo(340,360,375,410);
context.stroke();

context.beginPath();
context.moveTo(440,335);
context.quadraticCurveTo(480,360,450,405);
context.stroke();
///lines in eye
context.beginPath();
context.moveTo(410,335);
context.lineTo(410,350);
context.stroke();

context.beginPath();
context.moveTo(440,345);
context.lineTo(430,355);
context.stroke();

context.beginPath();
context.moveTo(433,371);
context.lineTo(450,371);
context.stroke();

context.beginPath();
context.moveTo(410,390);
context.lineTo(410,405 );
context.stroke();

context.beginPath();
context.moveTo(370,371);
context.lineTo(387,371);
context.stroke();

context.beginPath();
context.moveTo(440,400);
context.lineTo(430,389);
context.stroke();

context.beginPath();
context.moveTo(390,390);
context.lineTo(380,400);
context.stroke();

context.beginPath();
context.moveTo(395,355);
context.lineTo(380,344);
context.stroke();
///eyeball
context.beginPath();
context.moveTo(320,370);
context.quadraticCurveTo(400,460,505,370);
context.quadraticCurveTo(400,290,320,370);
context.lineWidth=3;
context.stroke();

//swirls
context.beginPath();
context.moveTo(320,370);
context.quadraticCurveTo(320,340,355,344);
context.quadraticCurveTo(365,315,395,330);
context.quadraticCurveTo(415,310,435,332);
context.quadraticCurveTo(465,322,475,350);
context.quadraticCurveTo(500,343,505,368);
context.lineWidth=3;

context.stroke();

//cirles in hand
context.beginPath();
context.arc(350, 500, 5, 0, 2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(330, 450, 5, 0, 2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(410,520,7,0,2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(410,480,7,0,2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(410,440,7,0,2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(470,500,5,0,2*Math.PI, false);
context.stroke();

context.beginPath();
context.arc(490,450,5,0,2*Math.PI, false);
context.stroke();

///eye circle
context.beginPath();
context.arc(410, 370, 15, 0, 2*Math.PI, false); context.stroke();

//

///inside line right
context.beginPath();
context.moveTo(450,90);
context.lineTo(450,250);
context.lineWidth=5
context.stroke();

/// inside line left
context.beginPath();
context.moveTo(360,90);
context.lineTo(360,250);
context.lineWidth=5;
context.stroke();

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

};

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

Tuesday, October 6, 2015

Vector Illustration

The vector illustration project has been the most enjoyable project thus far. I am proud of my final piece and do not mind all the time I have spent in composing it. Though it was very time consuming and frustrating at times I managed to stick through it and could not be more happy. I did however choose to have a solid color as my background to avoid any distractions. I feel as it compliments the image very well. Now, that my friends have seen it they all want me to make them some too. Looks like I'll be getting a lot more comfortable with Illustrator. Below is my original picture of me and my boyfriend at prom.