Sunday, February 23, 2014

Project | Logo

My Logo

Initially for my logo I wanted to incorporate a world some where within the hat.  After I started to actually design, I noticed that incorporating a world was not where I wanted to go. I tested countless amounts of colors, gradients, and even patterns as the main design for the actual snapback. I ended up with this very settle color gradient that allows the logo to flow smoothly. Once I completed the final logo, I said to myself that it wasn't quite finished yet. Thats when decided to  come up with a slogan, that I would eventually put on the brim of the hat.  At the end, I must say I am pleased with the final product. 

Reference Snapback 

Tuesday, February 18, 2014

Assignment | Caligramme

"Om Caligramme" 


What I decided to do for my Caligramme was the very popular "Om" symbol. I acquired inspiration to do this because my girlfriend has a tattoo on her back with this symbol. I decided to keep the inside of the "Om" blank so that it would represent purity. The words that surround the Om is a Buddha quote that reads " You can search throughout the entire universe for someone who is more deserving of your love and affection than you are yourself, and that person is not to be found anywhere. You, yourself, as much as anyone in the entire universe deserve your love and affection." The top part of the symbol also has a Buddha quote. Hope everyone like's it :) 

Monday, February 10, 2014

Logo Critique


Logo #1
        What I really like about this logo is that it isn't plain or dry. Even though its in black and white, I still think that the font brings out the whole logo. Billionaire Boys Club is a clothing line that was founded by the rapper/producer known as Pharrell Williams. This is somewhat of an upscale brand. The clothes he makes do tend to be expensive, but with that said I can vouch that it is worth it. I find the astronaut to be the most interesting part of the logo. I feel like it has way more meaning to it then just be a normal astronaut. 

Logo #2

With this logo many factors come into play. One thing I really like about this particular logo is the promotion that comes with it. Also, it describes the type of product at the same time. Nevertheless they made sure that the main name "Raw" was the most appealing in the logo.

                                                                          Logo #3

As you can see the initial Kodak logo is different in many ways, when in comparison to the one they have today. What I like about the one they have today is that it isn't has complex as the one made in 1997. I feel that the simple and plain one they currently are using is perfect for their company. I say that because the company has already made a name for themselves. They don't need a real complex or hard to read type of logo. The current logo to me is just right for the time being.

                                                                     Logo #4

What catches my eye for Expo's logo is the two letter phrase they have underneath it. "Life. Remarkable." is a great catch phrase for the company. I think it is settle and humble at the same time.  It can be a little more distinguished in the sense that, if a person doesn't know what Expo is then they wouldn't know that they sell dry erase markers. 

Logo #5

The popular gas station "Shell" has a pretty basic and plain logo. Its simply a shell with some warm colors attached to it. Its straight to the point, and doesn't have any wording. I personally think this logo is ok considering the fact that its just a gas station. All you really need is a symbol in order for people to know that thats where they can obtain gas. 


Sunday, February 9, 2014

Project Two: (Part 1) | Fictional Company


My 5 Fictional Company's

Ant's Snapback World:  With living in the sunshine state one may know that hats are a hot commodity. Not just any  hats, but snapback hats.  "Ant's Snapback World" will offer many different classic vintage hats. Hat design may be a hat with the top part of the hat being used to symbolize the world. 

Hike':  Hike will be a brand that serves the hiking community. All gear will be top of the line. The logo will essentially be the company name "Hike'" with a "^" that will be enlarged to somewhat symbolize a mountain. 

Ocasio Watches:  "Ocasio Watches" will be a company that sells custom durable watches. The logo will be made within the name of the company. For example, the "O" in "Ocasio" will be a clock instead of an O.  Or the clock can be made within the letter "O". 

Ant's Cuts: "Ant's Cuts" will be a growing/upcoming barbershop. It will not be a unisex hair salon. The actual logo will be fairly simple. Most likely a male with with a freshly cut head, with a design on the back that say "Ant's Cuts." That will be his haircut design. 

Daniel's Empire Casino: Nice classy casino in Florida. The logo will be made with a huge poker chip. Within the poker chip, will be the casino's information. 


Project One: HTML

Living Room Set:

           It took me a while to really figure out what I wanted to do for the HTML project. I knew off the back that I didn't want to try to replicate another drawing or picture, but I wanted something unique in a way. I wanted to create something random but symbolic at the same time. One evening, I'm sitting in my living room and I noticed that the living room set looked like something I would want to create. I didn't want to make the exact one, but something very similar to the one I have. After that I began to brainstorm on ideas. Ideas such as, how many shelves should I have, what should be in the shelves, colors, and not to mention meeting the requirements for the actual assignment. Keeping all that in mind I came out with this wonderful piece of art. The two bottom shelves under the Tv is dedicated to the current Super Bowl XLVIII Champions & also to my home team the Ny Mets. The other two shelves were very very random I must say. The first shelf on the right has a tissue box along with a loop. The tissue box I added because one: I like the floral designs that come on the Kleenex tissue boxes, and two: I have a tissue box in that same exact corner in my actual living room set. It took me an entire weekend of working on and off to actually finish it. Every time I would work on it I found myself obtaining new inspiration from my surroundings. Overall, I am happy with my finished product.

             Actual Living Room:                                                                                   Graph Drawing:
                                                                                                          
























HTML CODE: 

// Living Room Piece
context.beginPath();
context.rect(50, 80, 725, 450); 
context.lineWidth = 15;
context.strokeStyle = 'rgb(0,0,0)';
context.stroke();

// Shelf Break
context.beginPath();
context.moveTo(300, 80);
context.lineTo(300, 530);
context.stroke();

//Shelf One & Two
context.beginPath();
context.moveTo(50, 300);
context.lineTo(300,300);
context.stroke();

//Shelf Break #2
context.beginPath();
context.moveTo(535,425)
context.lineTo(535,530)
context.lineWidth = 10;
context.stroke();

// Tv Stand Break 
context.beginPath();
context.moveTo(300, 425);
context.lineTo(775,425);
context.lineWidth = 10;
context.strokeStlye = 'rgb(250, 0, 0)';
context.stroke();

// Tv Outline
context.beginPath();
context.rect(360, 150, 350, 200);
context.font = 'Bold 7pt Times New Roman';
context.fillText('Emerson', 515, 340);
context.fillText('LED Dolby Sound HDMI', 385, 340);
context.strokeStyle = 'black';
context.stroke();

// Tv Screen
context.beginPath();
context.rect(390, 175, 285, 150);
context.fillStyle = 'black';
context.fill();
context.lineWidth = 6;
context.strokeStyle = 'black';
context.stroke();

// Roku Name #1 
context.font = 'italic 10pt Calibri';
context.textAlign = 'center';
context.textBaseline = 'middle';
context.fillStyle = 'purple';
context.fillText('ROKU', 530, 200);

// Roku Name #2
context.font = 'italic 10pt Calibri';
context.textAlign = 'center';
context.textBaseline = 'middle';
context.fillStyle = 'purple';
context.fillText('ROKU', 530, 300);

// Roku Name #3
context.font = 'italic 10pt Calibri';
context.textAlign = 'center';
context.textBaseline = 'middle';
context.fillStyle = 'white';
context.fillText('ROKU', 650, 250);

// Roku Name #4 
context.font = 'italic 10pt Calibri';
context.textAlign = 'center';
context.textBaseline = 'middle';
context.fillStyle = 'white';
context.fillText('ROKU', 430, 250);
context.stroke();

// Tissue Box 
context.beginPath();
context.rect(65, 212, 64, 75);
context.fillStyle = 'green';
context.fill();
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var imageObj = new Image();
imageObj.onload = function() {
context.drawImage(imageObj, 69, 220);
};
imageObj.src = 'file:///Users/AnthonyOcasio/Documents/Flower.png';
context.stroke();

// Bezier Curve 
context.beginPath();
context.moveTo(180, 110);
context.bezierCurveTo(360, 210, 130, 245, 220, 100);
context.lineWidth = 9;
context.strokeStyle = 'rgb(81, 195, 252)';
context.stroke();

// Quadratic Curve
context.beginPath();
context.moveTo(280, 310);
context.quadraticCurveTo(210, 725, 175, 310);
context.lineWidth = 10;
context.strokeStyle = 'rgb(201,18,48)';
context.stroke();

// Triangle  
context.beginPath();
context.moveTo(340, 450);
context.lineTo(516, 450);
context.lineTo(313, 517);
context.lineTo(340, 450);
context.lineWidth = 5;
context.strokeStyle = 'rgb(70,230,29)';
context.fillStyle = 'rgb(18,39,173)';
context.fill();
context.stroke();

// Seahawks
context.font = 'italic 10pt Times';
context.fillText('SEAHAWKS!', 405, 510);
 
// Signature 
context.font = 'italic bold 10pt Big Caslon';
context.fillText('ANTHONY D. OCASIO :) ', 655, 455);

// NY Mets Circle #1
context.beginPath();
context.arc(570, 495, 20, 0, 2 * Math.PI, false);
context.fillStyle = 'rgb(0, 0, 204)';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'rgb(255,128,0)';
context.stroke();

// NY Mets Circle #2
context.beginPath();
context.arc(645, 495, 15, 0, 2 * Math.PI, false);
context.fillStyle = 'rgb(0, 0, 204)';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'rgb(255,128,0)';
context.stroke();

// NY Mets Circle #3
context.beginPath();
context.arc(725, 495, 20, 0, 2 * Math.PI, false);
context.fillStyle = 'rgb(0, 0, 204)';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'rgb(255,128,0)';
context.stroke();