Thursday, April 14, 2016

Logos and Business Cards

I was assigned a partner (client,) then I was given their resume and was told to choose 5 aspects of my client. From those aspects I sketched 25 logo ideas, then I chose the best 5. Those 5 I then turned into actual Logos with Illustrator. Liliana's 5 aspects are music, fitness, fashion, dinking, and art. Here are my results:


Tuesday, April 12, 2016

Calligram in Adobe Illustrator

We were told to find a poem and an image that represents that image. Then we used the pentool in Illustrator to trace the image, then we typer on the traces in order to create the image. I also used gradients in text, envelope distort, and text arcs.


How to Add Gradient to Text in Adobe illustrator

A few easy steps:

http://vectips.com/tutorials/quick-tutorial-adding-gradients-to-text/

Video tutorial:

Thursday, March 31, 2016

Illustrator Lines

Playing with brushes and lines in Illustrator. I decided to go with a Alice in Wonderland theme.


Thursday, March 24, 2016

Abstract with Adobe Illustrator

We were told to play with Illustrator to create an abstract image. I played with shapes, strokes, brushes, opacity, gradients, and symbols.

Ai saved at medium quality because of size.

10 Handy Tips | Things to know for beginners Ep7/19 [Adobe Illustrator f...

Some good things to know when you're using Adobe Illustrator for the first time.



Tuesday, March 22, 2016

Animation Project

Animating with Photoshop. We were told to upload a short video or a series of images to create an animated video of ourselves.




Tuesday, February 23, 2016

Transformation - Photoshop/MorphX

Still using cropping in Photoshop, we were told to reenact a childhood photo and use MorphX to show our transformation.

Me at 20 years-old

Me at 2 years-old

My transformation - MorphX

Thursday, February 18, 2016

Self Portrait - Photoshop

Now that I know how to crop, our assignment was to play with effects in order to blend two different images. We were told to turn ourselves into a famous painting. In my final file it is the painting of Frida with my eyes, nose, and mouth.

Frida
 
Me
FridAnna

New Place - Photoshop

My first cropping assignment in photoshop. The assignment was to take a photo of ourselves and to put ourselves somewhere we've never been. So I took a photo of me and my mom and cropped us in Venice, because I've always promised my mom I'll take her to other countries.

Me and my mom in front of the University of Tampa

A picture of Venice from Google

Me and my mom photoshopped in Venice

Tuesday, February 16, 2016

GIF & JPG - Photoshop

Playing with the settings when saving a photoshop file.

Qualities:

100%

75%

50%

25%

0%


Dither, Transparent, Colors:







Autoscropy - Photoshop

I used this assignment to showcase how I feel in my day to day life. Here I am at work multitasking; taking notes, answering the phone, face palming in frustration. Also, my mother (whom is ill) is constantly on my mind: So the eyes and lips in the autoscropy are my mother's.

Autoscropy

Original Photo


Tuesday, February 9, 2016

BW - Photoshop

My first assignment with Photoshop. We were told to take an original photo of ourselves and make it black and white, then to create ourselves in a whole new light.

BW

Colored

Original

Thursday, February 4, 2016

Canvas - Text Wrangler

Coding

My first assignment in Digital Arts. I used Text Wrangler to play around with coding in order to create an image with multiple shapes and gradients.


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title> ART 210 - CANVAS PROJECT </title>
<style type="text/css">


body,td,th {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: rgba(0,0,0,1);
}


body {
background-color: rgba(255,255,255,1);
}


#myCanvas { border: rgba(102,0,255,1) medium dashed; }


</style>


</head>

<body>

<canvas id="myCanvas" width="800" height="600"></canvas>

<script>


var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

//// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> YOUR CODE STARTS HERE


///sky and water
var grd = context.createLinearGradient(200,200,200,400);
grd.addColorStop(0, "rgba(220,119,125,1)");
grd.addColorStop(0.1, "rgba(255,155,100,1)");
grd.addColorStop(0.2, "rgba(255,100,80,1)");
grd.addColorStop(0.7, "rgba(102,247,220,1)");
grd.addColorStop(0.8, "rgba(100,255,255,1)");
grd.addColorStop(1.0, "rgba(10,230,255,1)");
context.beginPath();

context.rect(0,0,800,600);
context.fillStyle = grd;
context.fill();

context.closePath();

////sun

var grd = context.createLinearGradient(200,200,200,400);
grd.addColorStop(0, "rgba(255,80,100,1)");
grd.addColorStop(0.3, "rgba(255,155,100,1)");
grd.addColorStop(0.5, "rgba(255,30,80,.5)");
grd.addColorStop(0.7, "rgba(102,247,220,.5)");
grd.addColorStop(0.8, "rgba(102,247,220,.6)");
grd.addColorStop(1.0, "rgba(10,230,255,1)");
context.beginPath();

context.arc(400,300,200,0*Math.PI, 2*Math.PI, true);
context.fillStyle = grd;
context.fill();

context.closePath();

 ///shark

context.beginPath();

context.moveTo(500,520);
context.quadraticCurveTo(550,400,450,520);
context.fillStyle = "rgba(111,121,132,1)";
context.fill();

context.closePath();

///pole

context.beginPath();

context.rect(280,300,20,150);
context.fillStyle = "rgba(191,111,66,1)";
context.fill();
context.lineWidth = 5;

context.closePath();

///flag

var grd = context.createLinearGradient(200,200,200,400);
grd.addColorStop(0.3, "rgba(20,100,250,1)");
grd.addColorStop(0.5, "rgba(255,255,255,1)");
grd.addColorStop(1, "rgba(255,30,20,1)");

context.beginPath();

context.rect(270,280,100,50);
context.fillStyle = grd;
context.fill();
context.lineWidth = 5;

context.closePath();



/// sailboat

var grd = context.createLinearGradient(200,200,200,400);
grd.addColorStop(0.2, "rgba(239,199,144,1)");
grd.addColorStop(0.5, "rgba(234,172,123,1)");
grd.addColorStop(1, "rgba(195,136,85,1)");

context.beginPath();

context.moveTo(450,400);
context.quadraticCurveTo(300,555,200,400);
context.fillStyle = grd;
context.fill();

context.closePath();




//// <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< YOUR CODE ENDS HERE



</script>


</body>
</html>