Here is my final project!!
Monday, May 11, 2015
Tag Brush
I thought it was pretty cool that I was able to make my own custom tag brush using Photoshop in this class. Now I have my own logo, tag brush that I am able to put on all the work I create.
Photoshop Project
I had a lot of fun doing this project on Photoshop. For this assignment we were given an image of a road going off in the distance. We had to recreate the image and I chose to do a Wizard of Oz theme. I added a yellow brick road, Toto, the 4 man characters in the movie, the castle, and a rainbow into the sky. I enjoyed this project and now I am able to use this program in the future.
Tuesday, April 14, 2015
Photoshop Tutorials
Logo Project
I was inspired to make my logo the way it is because of where I live. I made the palm tree at the end because I absolutely love living in Florida and I am grateful I am able to at ten school here. I put the surfboard in the background because I enjoy going to the beach and surfing is something I would like to learn how to do in the future. I also love the color blue and I thought this shade would complement the logo as a whole. 
Wednesday, March 4, 2015
Yin-Yang Illustration Assignment #2
I was inspired to do a Yin-Yang sign for this project from my newest tattoo. I love the shape of the object and the balance of the black and the white. I chose a quote that has to do with balance to show that the object, is in fact about balance. I also like the gradient background of different tones of black and white.
Self Portrait
This project was definitely interesting, but difficult. I found it most challenging to get the portrait to actually look like me. Everything was very tedious and important in the overall picture. My favorite part of my final portrait above is the background. The original picture has a tie dye background, which I believe I was able to make come to life using Illustrator.
Thursday, February 12, 2015
Project #1
This project was definitely a learning experience which I found to be difficult. Although it was interesting learning coding, it was very time consuming. I used many rectangle codes, which allowed me to make squares on my project which made up most of it. By understanding the code a little better throughout the project, it became easier to navigate and place object at the right x and y coordinates.I believe this project was successful but definitely could have had more detail to it. I thought it was interesting how I was able to make a sunset reflect off of the windows in the piece. Here is the code to this project:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
<strong>
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ
var x=200;
var y=50;
var width = 300
var height= 500;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 2;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(0,0,100)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(173,216,230)");
//intermediate color
grd.addColorStop(0.5, "rgb(173,216,230)");
// ending color
grd.addColorStop(1, "rgb(241,179,33)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var centerX = canvas.width / 2.1;
var centerY = canvas.height / 6;
var radius = 45;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
//context.fillStyle = "red";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 50);
grd.addColorStop(0, "rgb(255, 216, 1)");
grd.addColorStop(1, "rgb(255, 216, 1)");
context.fillStyle = grd; // add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(250,237,61)");
//intermediate color
grd.addColorStop(0.5, "rgb(255,158,54)");
// ending color
grd.addColorStop(1, "rgb(255,132,0)");
context.fillStyle = grd;
context.fill();
context.lineWidth = 3;
// x and y coordinates of the tracing circle
var circlecenterX = canvas.width / 2; // x coordinate
var circlecenterY = canvas.height / 2; // y coordinate
// radius of the tracing circle
var radius = 300;
// Math.PI is HALF the circle, 2*Math.PI is the full circle
// use a number between 0 and 2 to declare the starting and ending angle
var startAngle = 1.1 * Math.PI;
var endAngle = 1.9 * Math.PI;
// draw the arc clockwise or counterclockwise
var counterClockwise = false; // if set to true it draws the complimentary arc
// draw the arc
//context.arc(circlecenterX, circlecenterY, radius, startAngle, endAngle, counterClockwise);
var x=300;
var y=328;
var width = 100
var height= 220;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 2;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(140,85,85)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(140,85,85)");
//intermediate color
grd.addColorStop(0.5, "rgb(140,85,85)");
// ending color
grd.addColorStop(1, "rgb(140,85,85)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
var x=337;
var y=500;
var width = 30
var height= 50;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 2;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(99,63,63)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(99,63,63)");
//intermediate color
grd.addColorStop(0.5, "rgb(99,63,63)");
// ending color
grd.addColorStop(1, "rgb(99,63,63)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var centerX = canvas.width / 1.67;
var centerY = canvas.height / 1.52;
var radius = 1;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
//context.fillStyle = "red";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, 50);
grd.addColorStop(0, "rgb(0,0,0)");
grd.addColorStop(1, "rgb(255,0,0)");
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
var x=310;
var y=350;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=360;
var y=350;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=310;
var y=400;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=310;
var y=450;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=360;
var y=400;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=360;
var y=450;
var width = 25
var height= 25;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = .5;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(202,140,140)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(202,140,140)");
//intermediate color
grd.addColorStop(0.5, "rgb(202,140,140)");
// ending color
grd.addColorStop(1, "rgb(1202,140,140)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
//context.rect(x, y, width, height); // top left corner x and y coordinates, width and height
// for a square width = height , the width and the height have the same value
var x=200;
var y=494;
var width = 99
var height= 55;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 2;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(95,58,58)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(95,58,58)");
//intermediate color
grd.addColorStop(0.5, "rgb(95,58,58)");
// ending color
grd.addColorStop(1, "rgb(95,58,58)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
var x=235;
var y=510;
var width = 30
var height= 40;
context.beginPath();
context.rect(x, y, width, height);
context.lineWidth = 2;
//context.fillStyle = 'rgb(0,255,0)';
context.strokeStyle = 'rgb(206,154,154)';
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(206,154,154)");
//intermediate color
grd.addColorStop(0.5, "rgb(206,154,154)");
// ending color
grd.addColorStop(1, "rgb(206,154,154)");
context.fillStyle = grd;
context.fill();
context.fill();
context.stroke();
var centerX = canvas.width / 2.5;
var centerY = canvas.height / 1.5;
var radius = 1.5;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
//context.fillStyle = "red";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, .5);
grd.addColorStop(0, "rgb(0,0,0)");
grd.addColorStop(1, "rgb(0,0,0)");
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
var centerX = canvas.width /2.33;
var centerY = canvas.height / 1.5;
var radius = 1.5;
var startangle = 0;
var endangle = 2 * Math.PI;
context.beginPath();
context.arc(centerX, centerY, radius, startangle, endangle, false);
//context.fillStyle = "red";
var grd=context.createRadialGradient(centerX, centerY, 10, centerX, centerY, .5);
grd.addColorStop(0, "rgb(0,0,0)");
grd.addColorStop(1, "rgb(0,0,0)");
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
//line
var x1 = 249;
var y1 = 550;
var x2 = 249;
var y2 = 510;
context.beginPath();
context.moveTo(x1,y1);
context.lineTo(x2,y2);
//Thickness
context.lineWidth = 1;
//Colors
context.strokeStyle = 'rgba(0,0,0,)';
//Rounding
context.lineCap = 'round';
context.stroke();
// begin custom shape
context.beginPath();
context.moveTo(350, 170);
context.bezierCurveTo(425, 150, 265, 250, 400, 185);
context.bezierCurveTo(475, 190, 450, 190, 450, 185);
context.bezierCurveTo(560, 175, 380, 160, 470, 160);
context.bezierCurveTo(550, 102.5, 375, 110, 385, 150);
// complete custom shape
context.fillStyle = "rgb(241, 245,255)";
context.fill();
context.closePath();
context.lineWidth = 5;
context.beginPath();
context.moveTo(250, 400);
context.lineTo(300, 493);
context.lineTo(200, 493);
context.lineTo(250, 400);
context.lineWidth = 2;
context.fillStyle = "rgb(132,98,59)";
// add linear gradient
var grd = context.createLinearGradient(x, y, x+width, y+height);
// starting color
grd.addColorStop(0, "rgb(174,132,85)");
//intermediate color
grd.addColorStop(0.5, "rgb(229,186,137)");
// ending color
grd.addColorStop(1, "rgb(174,132,85)");
context.fillStyle = grd;
context.fill();
context.fill();
context.closePath();
////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ
};
</script>
</head>
<body>
<canvas id="myCanvas" width="600" height="800"></canvas>
</body>
</html></strong>
Monday, January 26, 2015
#The50 Things Every Creative Should Know Response
"#The 50 Things Every Creative Should Know" by Jamie Wieck, is an interesting, realistic article. This post, I believe would be relative to most college students, as well as graduates. Most of the points made are struggles of everyone in and out of college life. One point that stood out to me was the 7th, "Have a Positive Self-Image". This explains that confidence, if definitely key. The way you present yourself is the way people are going to see you. If you are professional and responsible, employers and others will view you in that way as well. After you have made your image in a great way, the world around you will see it as well. Although, through all of that it is important to stick to who you are. A big part of this article explains that you should always be improving and putting yourself out there. Without marketing yourself, it is difficult to show people who you are and what skills you have. One of the tips was to not take internships that don't pay. I don't necessarily agree with this because you don't know what doors that internship could open for you. In different scenarios this could be true, but definitely, not all the time.
Thursday, January 22, 2015
Introduction
Hi! I'm Sarah and I'm from Long Island, New York. I came to Florida for the amazing weather and the campus size at UT. I work here on campus at the the front desk of my building and I am a member of Alpha Chi Omega. The beginning of this class was a little intimidating to be honest. Coding seems difficult but once I got the hang of it a little it seems manageable. I feel like I am going to learn a lot from this class and it will help with critical thinking. I am excited to use photoshop as well. I used it in high school and it appealed to me very much. I hope this class gives me some type of direction to help me decide on my future career path.
Subscribe to:
Posts (Atom)