Famous Logo

My Logo

Photoshop Painting

Masks

The grass one was made using a clipping mask and some text. I typed grass over the original image then copied the original image to another layer above the text layer and made it into a clipping mask. Then moved the mask to make the text appear.

The basketball was made by copying the original basketball onto a new layer and changing its color, then made a layer mash and put a white to black gradient using the gradient tool to create the multiple colors.

Moving Mountains

In this project I had to cut out this rock formation and put it into the sky. I had to remove the pixel fringe from the mountain and remove the wordmark from the sky. Then I changed the color and saturation of several layers to Make that blue color. Then I added a snail and penguin to the picture.

Shadows

When removing the pixel fringe from the hand we had to select the hand and expand by 1 px. Another option for that is to matt the image and defringe. When making the shadow we copied the layer with the original image then transformed the new one then added a gradient to it.

Creative Brief

   
 1.Color preference?

 2.  Colors you do not want to use?

 3.  Words that describe you?

 4.  Any ideas on what you would want it to look like?

 5.   What do you want your logo to accomplish?

 6.  Adjectives to describe your logo?

 7.  Where would you use your logo?

 8.  Certain Deadline?

 9.  How would you like the typography to appear? (italic,Bold,etc.)

 10. Words to be close together or farther apart?

Article Review

"Creative Anarchy at Its Very Best"

This article is about design and creative ideas. It tells how design has rules and you need to break those rules. The author argues that you need to break the rules and take risks in order to make you art stand out. Don't just do what everyone else is doing try something different. A strength of the article is that it is inspiring and can get you thinking about things you may not have thought about before. A weakness is that it does not have much information regarding the subject. The general conclusion is that you have to take risks, know your stuff, keep learning, and break the rules. I think that the article is interesting because i never thought about breaking rules when I am designing. The author does not really support their argument with much information just a lot of claims and opinions. There is not much evidence in the article. Things that help me are when it talked about taking risks. Something i don't understand are the rules. What are the rules exactly? I thought that this was interesting to read but I thought it was not very informative.

Pattern and Motif

On this pattern I started using a tutorial on how to make an orthogonal pattern from Deke's Techniques and i learned how to use the transform effect extremely well.

On this motif I start off using triangles but decided I needed to have a better center point so i just started to mess around with putting a border around everything and went on from there.

Orthogonal Pattern Tutorial

1

Making an orthogonal pattern is pretty easy just follow these steps.

1. First off we are going to make a 50 pt line.



2. Next get the Rotate Tool and Option click an end anchor point on your line and set the angle value to -120 and press copy take notice of the height of this new line, mine is 43.301 this will be important for later .

2

3. Now option drag the lines until you have something that looks like picture 3

3

4

4. Group That and option drag that until you make a shape like in picture number 4 group that and drag the whole shape to the bottom left of the art board.








5. Now go to the appearance panel and add a new fill to the group and set whatever color and stroke you want.

Add New Fill

6. Now with the group selected go to effect > transform and change the horizontal move to 100 pt and set the copy to whatever fills the rest of your art board horizontally

7.Now with the group selected select the reflect tool and option click the group and do a horizontal reflection and copy it.

8. Now select both groups and transform it again but this time vertically and whatever the height of your line was before put that in but make it negative and multiply it by 4. Once again make the copies whatever fills your art board vertically and there is your orthogonal pattern.

All About Colors

Color Words

In HTML it can recognize words as colors like if you type in blue it will accept that. There are many weird colors as well like papaya whip. So just about any color name that you can think of you can type in for the color.

Hexadecimal

Hexadecimal color code is represented as #000000. The first 2 representing Red the middle representing Green and the far most right 2 representing Blue. #000000 is black while #FFFFFF is white. The numbers can be anywhere between 1-9 and A-F, A being like the number 10, B being 11 etc. Depending on how high each set is is how much of the color is present.

RGB & RGBA

RGB stands for Red, Green, Blue just like in Hexadecimal but it is a little different. RGB has 3 different numbers representing Red, Green, and Blue respectfully. The number can range from 0-255 and the code looks like (0,0,0). In RGBA the A stands for Alpha which effects the transparency of the color going from 0-1. 0 being completely transparent and 1 being completely opaque.

In conclusion, you can put colors in HTML a variety of ways and they all have their ups and downs. You can use whichever you prefer when making a webpage.

Links to stuff:

http://www.w3schools.com/tags/ref_colorpicker.asp

http://www.w3schools.com/html/html_colornames.asp

https://en.wikipedia.org/wiki/RGBA_color_space

TBL and Hexadecimal Color Sampler

 In the Tim Berners-Lee page I learned how add a border to a picture and how to add an image, I used the image tag and adding a border in the styles section.

For the Color Sampler i used what we learned about hexadecimal codes to make black to white and a rainbow of colors.

Pencils and More

A take away of mine would be that when making something like the cup you have to use more than 1 shape in order to do things you want. Another is that Making sure everything is arranged and aligned property is important because with my item all of the cards had to look correctly in front of each other, like the 3rd card can't be behind the 4th and also with the cup the top part had to be behind the pencil but the bottom had to be in front. Another thing I learned that was useful was that you can round the edges of edged objects even more and be able to make a shape  the size you want before you make it.

What is Graphic Design?

When you look at an image of just about anything it is graphic design.  Graphic design is a way people can use to express something like emotion or a hidden message. Graphic design affects your life more than you probably know it. If it is simply looking around town at buildings and their logos you experience graphic design in everyday life. Graphic Design even helps you decide what to wear if the clothing has a design on it. It could even influence what you buy at the grocery store. If there is a container that you like then you my be more enticed to buy it. Graphic design is different in everyones eyes to some you just see everyday colors and shapes but to others you see a deeper meaning and almost a bond with some designs.

Links: 

http://www.aiga.org/what-is-design/
https://www.youtube.com/watch?v=sTi5SNgxE3U

3 Sites, Then and Now

LoL 2015

League Of Legends Website

LoL 2011

The League of Legends site has improved a lot since its first release. Navigating is much easier due to the more organized structure of the pull down tabs. Due to the increase of people and the community it helped the website become better pretty quick. To me it is also more visually appealing than the old one as well.

In the 2015 website less code is used in order for the website to work. The Code is also more condensed in the 2015 compared to the 2011. It almost seems as if there is more code in the 2015 because it is condense because the older one is more spaced which i can assume that because of how HTML has changed this is why it is different like that.

LoL 2011

LoL 2015

Pokemon Website

The pokemon website is the oldest website I am looking at and it looks very different. First the original website was called Pokemon World which is different from what is now just Pokemon. The site now looks better to the eye and is not a yellow blob with a blue background. There are more tabs and they are more organized that in the older one.

Pokemon 2015

In the source code the older one uses lots of tables and td in the code compared to the new one that uses divs more. The new code also appeared a bit cleaner than the older one but they may just have to be with different HTML versions.

Pokemon 2015

Pokemon 1999

Pokemon 1999

Hearthpwn Website

Hearthpwn 2013

Hearthpwn is a fairly new website coinciding with the creation of a game called Hearthstone. The new website looks much cleaner and has a more organized look with different pull down tabs to easily access the website.It has a feature that can help people using it visually when looking at decks. It has joined the Curse community which gives the website a certain look to it and all the Curse things on it. The new website has probably become more than it was intended for but still staying the same as the older one.

Hearthpwn 2015

Hearthpwn 2013

Hearthpwn 2015

Since this is a newer website I found that most of the coding looked very similar but in the new one it seemed there was not long code but more of it. There was more links in the new one and because it has the curse look to it, it has the some of the same code as other websites that use the Curse Client

The Wayback Machine

The Purpose of the wayback machine was to allow ANYONE free access to anything that is stored on the internet. This can be used for whatever reasons. If you are researching something than it can be used for finding things on the internet that may not be there anymore. It can even be used fr a project like this comparing old to new websites. I know I enjoy just looking at how older websites and be amazed at how much they have changed and improved. It has thing other than websites as well suck as different texts, audio, images, and software.