Project 1 Adjustments/Enhancements

- In this project, I have learned how to create a mask using quick mask mode and other selection tools in Photoshop. I have learned how to use Blur tool to make the background more blurry to make the mask of the object pop out more. And also how to use the Outter Glow tool to make the letters look a lot more better.

- I like everything about this project. It is great that we can learn things while doing it on our own. If we don't understand, there are tutorials to help us to understand everything perfectly and there are teachers to help us. And we have just enough time to finish, but it would of been even better if we had just a little more time.

- This project is related to web design, because we have to learn many ways to edit images and make things look better with Photoshop to create a web site, and creating a mask really help us to edit the image without changing anything to the original image, so we don't have to worry much if we did something wrong. This project is important because it shows us how we can do more things with the mask and tools that will help us to make better images in the future. And we get to experience all the procedure which helps us to learn things more better and remember more clearly.

Lab 5 Mask and the use of the Quick Mask Mode

      The is our lab 5. As you can see, this lab is about layers masks of Photoshop from the title. I have create an bubble head effect on the picture we took in class with my partner using quick mask mode.Our objective is to create an creative bubble head picture with the picture of me and my partner, and switch our heads on each others' body. This skill can help us to know how to use the quick mask mode, so later when we need to work on something similar, we can just do the same thing so it does'n't change the original image.

      First, I click on quick mask mode and highlight the face with the brush tool. Then I click on the quick mask mode again to make a selection. Duplicate a new layer from the original image, then click add vector mask to create a mask for the face. Do the same thing to the other face. After that, switch the heads and make them bigger so it look like a bubble head. This is relevant to web design because sometimes, you need to create things and you don't want to get things wrong,you can use the layer masks to prevent that so your original image will never get changed.

Explain Why attention to Detail and Following Procedure are Important elements of Web Design?

      Paying attention to details and following procedures are important elements of web design, because these are the way that you learn, and you need to learn whatever the teacher is teaching you in order to understand what you are doing and complete your work. Without paying attention or following procedures, you can't be able to learn anything. You will be wasting your time in the class time and not learn anything and will have really bad grades. So it's really important to pay attention and follow procedures.

HOW DO WE TAKE NOTES?

      How do we take notes?  Notes are important, they are what you put in your notebook as you learn to record all the things so you won't forget. Taking notes is a simple thing, but some people are just not good at it, so I will tell you have to take good notes. First thing that you do when you come to the classroom, don't talk, because talking will only waste your time to write down the notes. You need to sit down silently and take out a pen and your notebook. Then write down everything from the board and follow the instructions if it has. This way you can have all the notes and learn more.

Image Type

  There are many different image types, such as .PSD, .GIF, .JPG, .PDF, .BMP, .PNG. 

.PSD is Photoshop document, a document file for Photoshop so you can edit and work and your layers. 

.GIF is Graphic Interchange Format, it's mostly an animation of images joined together. 

.JPG also known as JPEG, which stands for Joint Photographic Experts Group, it's the most common digital image file from digital photography. 

.PDF is Portable Document Format, it is the format the would look the same as they would be printed. 

.BMP is bitmap image file, a raster graphics image file format used to store bitmap digital images.

.PNG is Portable Network Graphics, a file format that supports lossless data compression.

Lab 4 Image Adjustment part 2

      In lab 4, we worked again about image adjustments in our class, but this time we get to use our own pictures that we took with the cameras from web design class. We are putting the image in Photoshop and change the size of the image to make it smaller. Then place them from up left to down right. And make every image into different colors, the first one change the hue, the second one replace the color, the third one change it into black and white, the last one change its saturation. This is relevant to web design because this helps you to know how to get different colors in Photoshop and make things in your website more colorful.

   First, I change the image size to 250 x 186, then copy it to the Lab 4 psd. After that, I duplicate the image 4 times to get 5 images. Place them at the place my teacher told us to just like above. Then start to change the name for each layer to keep them in order. After, use the image adjustment tools to change the hue, saturation, black and white, or replace color for 4 of the images and leave one to compare. This skill is useful because you can change the color of different objects, so can make the object into a better looking color, make it into any color that you like,or get the effects you want.

Lab 3 Image Ajustment

After

      Hi, I am Jiahua Huang, form I.T.H.S web design class. This is my lab 3, Our objective is to learn to use selection tools and image adjustment using Photoshop. We have to make a good selection to the dog in the image, then we have to make a layer out of it. After that, use different image adjustments to change the color of the dog. We are using hue & saturation, brightness/contract, color contrast... and all other image adjustment tools. This is relevant to web design because when you are making a web site, you want to have good color and good selection so others would like to use it.

      First, I made a selection of a dog with the rectangular marquee tool. Then I use the quick selection tool to select the dog more in detail. I create another layer for the dog then put it in to the original picture, which makes two dogs. After that, I use different image adjustments such as brightness and contracts and color balance to make the dog into a different color. I like the hue blue, so i put the dog into a little light blue hue.This skill is useful because this can help you to make one single object into many objects with different colors and look more colorful.

Before

Lab 2 Melon Head

      Hi, this is Lab 2 of my web design class. This time, we are learning about the selection tools in Photoshop, such as rectangular marquee tool, elliptical marquee tool, lasso tool, polygonal lasso tool, magnetic lasso tool, quick selection tool, and magic wand. This are the selection of Photoshop, which lets you to select a part of an image and make another layer or cut it out from the original image. This is relevant to web design because this can let to learn about the simple selection and put them together and create your own image to build your website.
      Our objective of this lab is to use the given image with different fruits and vegetables from the teacher and make your own creative melon head. We used different selection tools to select the fruit or vegetable onto another layer from a given image. Then make your own melon head out of all you selections.You have to make sure that when you are making a selection. And try to select as little white space as you can because it can make your image look unprofessional. This skill is important, because this can help you to make better selections in Photoshop and make your work more professional.

Lab 1 Camera Angles

      This is the first lab in my web design class. We were learning about camera angles, such as eye level, landscape, close up, low point, high point. And our objective is to make a image with 5 images of each of the camera angles. The tools we use in this lab is a camera, Photoshop,and the horizontal type tool. This teach us to know how to use the most basic things in Photoshop. This is the starting to get in to web design because you need to know how to take pictures and know what you are taking in order to get a good picture to put in your web site.
      First we take 100 pictures. Then choose the best picture of each the camera angles and put them in Photoshop. Put them in the space you want it to be Rasterize all of the images. And type in all the camera angles next to the image using the horizontal type tool. Last, we use the horizontal type tool to write the name, class, lab number and date on a blank spot. This skill is helpful, because it helps you to take better pictures and know the camera angle that you are using to make it better.

My color scheme

1. I chose this color scheme because this color scheme is just very good looking to me, it really makes me can't stop staring at it, and it kind of shows my emotions,some bright colors and some cool colors.
2. Green, light blue,white,and dark blue reminds me to the nature. Sea, sky, clouds, grass, trees, plants... all the beautiful things that are in our life everyday. And the red is just a color that i like a lot when I was a kid, so it really reminds me of my childhood and all the fun stuff.
3. I chose all my colors base on my favorite colors, colors that I would like to see where ever I go.

PS selection tools

1. The magnetic lasso tool can make a selection by making a layer of the object with the rectangular marquee tool, then use that layer and use the magnetic tool to go all around the edges of the object with your mouse and the selection will stay at the edges of the object.
2. The magic wand tool can make a selection by making a layer with the rectangular marquee tool, then use the magic wand and  all you have to do is click the object and it will select the object right away base on the color difference of the object.
3. The quick selection tool  can make a selection by making a layer of the object with the rectangular marquee tool just like the other two, then use the quick selection tool to circle the parts of object you want to select and it will select for you base on the color difference of the object like the magic wand tool.