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.

e9 Final Post

The scope of the project was to come up with a product and create a commercial an animation and a website with various things on it. Before we just started making some of the things we had to do before that was storyboarding our commercial and sketching our logo. I learned how to better work with a team during this project.

Something I would do differently is I would touch up some of the graphics I made so that they looked better. Something I would do the same is that I was able to get everything done on time so trying to get everything done is something I would try to do. From this project  I would take my experience as working as a team because in some aspects it was easier to have a team but I always worried that someone might not get something done.