Final Portfolio

For my final project, I decided to include all of the projects and assignments I have completed this semester. I wanted to show how my projects have progressed from my logo and a more simple caligramme to my stop motion video.  I really enjoyed working with In Design. For my portfolio, I went with a more simple and clean look so that my assignments would be the focus of each page. My favorite projects to work on this semester were the collage environment and the self insertion project. I really enjoy working with Photoshop. Overall, this class helped me significantly. As an Advertising and Public Relations major, I quickly realized that being able to work in different Adobe programs is a crucial part to getting a job or an internship in this field. I will take the many techniques I have learned in this class and continue practicing and applying them in any future projects I work on. 

Short Animated Video

stephanietorre_anim from stephanie torre on Vimeo.

For my short animated video, I chose to do a stop motion video using After Effects. This project was a challenge for me and I think for some parts of the video I took too many photos so I had to change it to 30 frames per second and for the ending I think I took too few pictures so the end of the video is too fast and it gets hard to see what happens at the end, but the stop motion as a whole is about someone who books a flight online, excitedly packs and gets ready to head to the airport, gets to the aiport and finds out her flight already departed.

Story Board for Stop Motion Video

This is my story board for my stop motion animated video. For the final scene I might change the character chasing the plane to her looking at the missed flights board at the airport.

Collage Environment

For my collage environment I really wanted to incorporate features of London but I was also inspired by Coldplay's Adventure of a Lifetime which is where I got my song lyric from but I was also inspired by artist Eduardo Recife which is why I added diamonds and planets. The background I used is just the picture of Stonehenge and then I added the rocks at the bottom of the image. I also added the telephone booth, the chimpanzees, the diamonds, E.T. on the bike, the planets and the UFO.

To create the rock layer, I found an image of a rocky shoreline on the internet and used the magnetic lasso tool to cut some rocks from that image and then I just changed the sizes of the rocks and overlapped them to create this rocky foreground effect. For my telephone booth I used the eraser tool to make the windows go from white to looking more transparent and I used the brush tool to make blades of grass come up over the telephone booth and I used it around the rocks as well. For each of the added images to this background I used the eraser tool on the edges to make each figure look a little less like a cut out with hard edges.

Magazine Cover

I  edited this photo of me using only the spot healing brush tool to remove small blemishes on my skin. I thought the lighting and color of this image was good as it is. I chose to make this a Us Weekly magazine however I changed the text from overlapping bubble letters to slim bold letters. The images I used for my magazine are 1.) the image of me, 2.) the barcode, 3.) a photo of Kendall Jenner, 4.) a photo of Gigi Hadid and 5.) the "Darling the art of being a woman" text was actually the title font for another magazine but I made it like it was an article in the magazine. Some of the words are a little hard to read because they overlap my body and the print on my cover up is very busy but overall I really like how this project turned out.

Me in a photoshopped photo

For our first photoshop assignment, I combined this picture of myself into this photo of Mulder and Scully from The X Files. The X Files is my favorite television show so I was very excited to do this assignment. I also worked with Photoshop a little bit in high school so this program was more familiar to me than Illustrator. Here is the finished product:

I attempted to add a bit more light to my face to make it stand out like Mulder and Scully's and adjusted the black and white color on it. To crop this image out, I used the magnetic lasso tool and the lasso tool to crop any excess pieces of the background image that were still attached to the figure. I blurred the edges of my body just a little bit to make my body look a little less like a cut out. I am happy with the way this image turned out and I like how it looks like I am walking out of the smoke from the background.

HTML Project

For my first HTML project I made a cartoon bear. This project was definitely the most challenging project I have done this semester because I have never attempted to do coding on Text Wrangler before. To make this bear, I eyed a chart to find the x and y values but I didn't actually draw this image on the chart first and then find the numbers. I did a lot of guessing on the numbers and found that to be easier for me than doing the math to get  the numbers. Here is the complete code I used to make this bear:

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

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


//background
context.beginPath();
context.rect(0, 0, 800, 600);
context.fillStyle = '#FFCCFF';
context.fill();


//head
context.beginPath();
context.arc(400, 275, 150, 0, 2*Math.PI, false);
context.fillStyle = '#663300';
context.fill();


//nose
context.beginPath();
context.arc(400, 285, 50, 0, 2*Math.PI, false);
context.fillStyle = '#996600';
context.fill();


//ears
context.beginPath();
context.arc(300, 115, 40, 0, 2*Math.PI, false);
context.fillStyle = '#996600';
context.fill();
context.beginPath();
context.arc(500, 115, 40, 0, 2*Math.PI, false);
context.fillStyle = '#996600';
context.fill();


//nostrils
context.beginPath();
context.arc(380, 290, 15, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();
context.beginPath();
context.arc(420, 290, 15, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();


//mouth
context.beginPath();
context.moveTo(300, 325)
context.quadraticCurveTo(400, 475, 500, 325);
context.lineWidth = 6;
context.lineCap = 'round'
context.stroke();


//eyes
context.beginPath();
context.arc(350, 205, 20, 0, 2*Math.PI, false);
context.fillStyle = 'white';
context.fill();
context.beginPath();
context.arc(460, 205, 20, 0, 2*Math.PI, false);
context.fillStyle = 'white';
context.fill();


//pupils
context.beginPath();
context.arc(350, 205, 12, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();
context.beginPath();
context.arc(460, 205, 12, 0, 2*Math.PI, false);
context.fillStyle = 'black';
context.fill();



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

};

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