Saturday, December 23, 2017

Lab 13 Reflection Journal

In this lab, I used primarily the pen tool to create custom lines and shapes for the Chapter 3 Sample Quiz from https://s2.jupiterfiles.com/p1/36460875/1/844430766/Adobe_CC_Design_Basics_v18.pdf.
First I clicked on the link shown above. ↑↑↑ Next I scrolled down to the Adobe Illustrator section to the Chapter 3 Sample Quiz. After that, I had to follow the steps of the Chapter 3 Sample Quiz. To do this, I opened up Adobe Illustrator CC 2017. Therefore, I gone to the Illustrator bar and clicked on File. Now from the File tab, I clicked on New to show a window for the settings of my new document. I set the document to default settings and named it Chapter 3 sample quiz. A new Illustrator document appeared for me to do the Chapter 3 Sample Quiz. Then I clicked on the Pen tool from the Illustrator toolbox to select it. I created a line with the Pen tool with 5 corner points that looks like a mountain by clicking and dragging the mouse to selected points. Next, I created another line that curves to form something like two hills. I did this by clicking, holding the mouse button, and dragging the mouse pointer to a selected area. I moved my mouse in a direction to make the curve happen and clicked to confirm. I clicked again at the end of the first line to make a second line. I clicked, held, and dragged my mouse button until I reached a certain point. I released the mouse button and moved in a direction until my desired curved was selected. I clicked to confirm it. Secondly, while still using the Pen tool I made a clicked and dragged upwards to make a new line going straight up. I clicked at the end of the vertical line. I clicked, held, and dragged my mouse horizontally until a certain point. I moved my mouse in a direction to make the line curve upwards. I clicked to confirm the curve. After that, I clicked at the end of the curved line. I clicked, held, and dragged the mouse from the end of the curved point to the desired point. I moved my mouse to make an upwards curve. I clicked to confirm the second curved line. I clicked at the end of the curved line and made another vertical line. I clicked and dragged until I came to the desired point. I clicked to confirm it. I clicked at the end of the second vertical line. I clicked, held, and dragged the mouse button until I reached a certain point. I dragged the mouse button until I made a downward curve. I clicked to confirm it. I repeated the previous step until I had the last curved line meet up with first vertical line. I clicked to confirm it. I clicked on the color picker to make the now created shape gray. Thirdly, I created a new line going vertically curving to the right a bit. I clicked at the end of the new line and dragged the mouse to the right until I reached a certain point where I clicked to confirm the line. I then placed a new line clicking at the end of the horizontal line to a certain point going downwards. I clicked at the end of the vertical line, held my mouse button, and dragged the mouse until I was at a certain point. I moved my mouse vertically to make the line curve upwards. I clicked to confirm it. I clicked at the end of the curved line, held my mouse button, and dragged my mouse to a desired point. I dragged the mouse vertically to make the curve downwards. I clicked at the end of the downwards curved line, held my mouse button, and dragged the mouse pointer until it reached the curved line to turn it into a shape. I clicked on the color picker and turned the new shape to blue. I clicked on the ellipse tool, clicked, held the mouse button, held the shift key, and dragged the mouse button until a circle was made on the blue shape. I clicked on the color picker and made the circle white. Underneath the blue shape, I created a new shape. I clicked on the Pen tool and started on the new shape. I clicked at a point and dragged the mouse upwards. I clicked on the mouse to confirm the vertical line. I clicked with the mouse at the end of the vertical line. I dragged and held the mouse to the right until a certain point was reached. I dragged the mouse vertically to make the line curve upwards and clicked to confirm it. I clicked at the end of the upwards curved line, held the mouse button, and dragged the mouse to a desired point. I dragged my mouse vertically to make the line curve downwards and clicked on the mouse to confirm the curvature. I clicked at the end of the downwards curved line, held my mouse button, and dragged the mouse to a certain point. I dragged the mouse vertically again to make the line curve upwards and clicked to confirm it. I clicked at the end of the previous line and dragged the mouse downwards. I clicked to confirm the vertical line. I clicked at the end of the vertical line, held my mouse button, and dragged the mouse to the first vertical line. I dragged the mouse vertically to create an upwards curve and clicked to confirm the shape. I clicked on the color picker and made the new shape dark blue. Underneath the new green shape, I clicked at a point, dragged my mouse upwards, and clicked to confirm the new line. I clicked, held, and dragged the mouse button from the end of the vertical line to a new point. I dragged my mouse vertically until the line was curved upwards and clicked to confirm it. I clicked at the end of the upwards curved line, dragged my mouse downwards, and clicked to confirm it. I clicked at the end of the second vertical line, held my mouse button, and dragged the mouse over to the end of the first vertical line. I dragged the mouse vertically to make the curve go downwards and clicked to confirm. I clicked on the color picker to make the new shape green. For step 4, I created a gray droplet using the Pen tool and vertical guides.  I clicked Vertical guides from the Illustrator toolbox. I clicked on the Pen tool. I clicked, held, and dragged the mouse from one point to another curving the line by moving the mouse horizontally. I clicked to confirm it. I clicked and dragged the line that was attached to the line to try to make the curve as exact as the curve in the pdf. I clicked at the end of the curved line, held my mouse button, dragged the mouse to the other end of the curved line, dragged horizontally to make the line curve to the left, and clicked to confirm it. I clicked and dragged the line attached to the curved line to make the exact adjustments. I made the droplet and clicked on the color picker to make the droplet grey. I clicked on the gray droplet and held options. I dragged the gray droplet while holding options to duplicate the droplet. I did this 4 times until I had 4 gray droplets. I selected the 4 gray droplets and clicked on Object to Transform from the Illustrator bar. I clicked on Scale from Transform to make the 4 droplets 50% smaller than their original size. I clicked on 3 out of the 4 droplets and clicked on Rotate this time from Transform to Rotate the droplets to the desired angle. I rearranged the 4 droplet to make them into a cross like arrangement. Finally, I clicked outside of the 4 droplets, dragged my mouse to a point, clicked, dragged my mouse to another point, clicked, dragged my mouse to another point, clicked, dragged my mouse to another point, clicked, dragged my mouse to the first point, clicked, and created rhombus. I clicked on the color picker to change the color to white for the rhombus. I clicked on arrange from the Illustrator bar to send the white square to the back. Knowing how to use Adobe Illustrator CC 2017 is useful for web designers because it allows web designers to make ads and logos for their websites.   
Website for Lab 13  pdf: https://s2.jupiterfiles.com/d24795/s5027226/1486898087/Chapter_3_sample_quiz.pdf              

Friday, December 15, 2017

Lab 12 Reflection Journals (NOW ADOBE ILLUSTRATOR!)

In this lab, I used Adobe Illustrator to create the following objects from Chapter 2's pages 31 and 32 of https://s2.jupiterfiles.com/p1/36460875/1/844430766/Adobe_CC_Design_Basics_v18.pdf. First I opened up Adobe Illustrator CC 2017. Next I clicked on the pen tool at the toolbar to the left. I dragged my mouse onto the top left hand corner of the Illustrator document. I clicked on the selected point of the Illustrator document. After that, I dragged the mouse pointer to the right at a 0 degree angle until I have the desired length. I pressed enter to confirm the line. I then gone above the drawn line and clicked at the desired point. I dragged my mouse pointer from the desired point to the bottom until the selected length was acquired which intersected with the previous line. Afterwards, I held on the rectangular object tool which showed a tab allowing me to click on the ellipse tool. Once selected, I dragged my mouse button onto the Illustrator document at the top left side of the two lines. I clicked, held the mouse button and shift after holding the mouse button, and dragged the mouse button from the top left side onto the lower left side of the two lines. I made a circle on covering the two lines. I used the arrow keys to make the circle cover the entire two lines. After that, I clicked on the top hand corner of the Illustrator bar and clicked on Object. I clicked on Arrange from the Object's tab.  When the Arrange panel opened, I clicked on send to the back to have the ellipse on the back with the two lines covering the ellipse. The first part is done with the arrangement looking like a crosshair. Now for the second part! First I clicked on the Line tool. I dragged my mouse pointer onto the Illustrator document below the crosshair. I clicked, held my mouse button, and dragged my mouse from one point on the left to one point to the right. I released the mouse button. I clicked on the color panel and clicked on red to make the line red. I set the line to 8 pt next to the Stroke above the Illustrator document. I clicked on Stroke and made the line curved, dashed, 12 point dash, and 18 point dash. I clicked on the selection tool to confirm part 2. I clicked on the Rectangular tool to start part 3. I first clicked, held down the mouse button and shift, and dragged my mouse button from the upper left hand corner to the lower right hand corner. I clicked on the Direct Selection tool. I clicked on the point at the top hand corner of the square. I dragged the corner until the square looked like an arrow. Part 3 is finished! I did the same exact steps in part 3 to make another arrow. I clicked out of the square once it has been created to confirm it and in once the confirmation was completed. I clicked on the color panel and turned the square to green. Then I made another square using the Rectangular tool. I clicked on the Direct Selection tool. I clicked outside the square to confirm it. I clicked in the square at the lower left hand corner to dragged the point to make the square look like an arrow. I clicked the color panel to change the second arrow to red. I clicked on the Selection tool to dragged the arrows perpendicular to each other. I was now done with part 4. I clicked, held my mouse button, held down Options or Alt, and dragged the arrows to the right mirroring part 4. I clicked on the Line tool to draw a line connecting the two arrows. I undid all the line settings and had the line thickness wider. I finished part 5 after that. Now for part 6, I created a what was supposedly a dog using the Illustrator tools that I have learned so far or used. First I clicked on the Rectangular tool. I clicked and dragged the mouse from the top left to bottom right to create a square. I selected orange from the color panel to make the square orange. I did the same thing again to make a second orange square. I clicked on the Ellipse tool. I created one yellow circle as the face of the dog, two white circles as the dog's eyeballs, two black circles as the dog's pupils, one magenta circle as the dog's mouth, and one red circle as the dog's tongue. I clicked on the Rounded Rectangular tool. I clicked and dragged the mouse from the top left to the bottom right. I clicked on the Direct Selection tool and clicked outside of the rounded rectangle. I clicked on the points of the rounded rectangle and dragged them upwards to make a dog nose. I made the nose black also from the rounded rectangular tool. I clicked on the Text tool. I clicked and dragged my mouse from a top left hand corner to a lower right hand corner. I typed in "WOOF" to create dialogue for the dog. I saved the Illustrator document as I was done with Lab 12.  Knowing how to use Adobe Illustrator is useful for web designers so that they can create images, art, and logos for their website.

Link of Lab 12 PDF:https://s2.jupiterfiles.com/d24795/s5027226/783942674/17_LB12.pdf
   

Saturday, December 2, 2017

Lab 11 Reflection Journal

In this lab, I used a multitude of tools from Adobe Photoshop CC 2017 to create image adjustments on the assigned picture. First off, I opened up Adobe Photoshop CC 2017. I gone to the Photoshop bar on the top hand corner of the program. I clicked on File which showed a tab and clicked on New. When that happened, a window popped up showing the settings and options for the Photoshop document. I named my document "LB11_WeiJianZhen_VD" and kept the default settings. I clicked on File again and clicked on Open to show a window that has my files and images on it. I clicked on Anew.jpg from the window to start my project. The image opened up on the Photoshop document. Second off, I clicked on the zoom tool and clicked many times on the girl's hat until the desired zoom was created. Thirdly, I clicked on the Quick Selection tool to click and drag on the hat to make a selection. I clicked on the Magnetic Lasso tool. I encircled the areas of the hat that were not selected be the Quick Selection tool by clicking and dragging the mouse. Next I set the color to green from the Color Picker and I clicked on the Color Replacement tool. I clicked on the options bar in the top hand corner of Photoshop. I clicked on the Brush pop-up panel. I set the hardness to 40%, size to 15 pixels, spacing 25%, and off for size and tolerance menus. I clicked out of the Brush pop-up panel to exit out of it. In the Brush pop-up panel, I set Hue from the Mode menu, Continuos from Sampling, tolerance to 32% from the Find Edges from the Limits menu, and Anti-Alias selected. Next, I clicked, held, and dragged the mouse onto the selection and throughout the hat. Once done, I gone to the Photoshop bar and clicked on Select which showed a tab so I can click on Deselect to remove the selection. Then I clicked on the Clone Stamp tool to select it. I gone to the options bar again and opened the pop-up menu. I set the size to 21% and the hardness to 0%. I made sure that the Aligned option is selected and opacity set to 100%. After that, I placed my mouse over the bricks of the image. I held down Alt/Options and clicked on the bricks to select the texture of the bricks. Therefore, I clicked and dragged my mouse across the rectangular graffiti right next to the girl's now freshly green colored hat. Afterwards, I clicked on the Spot Healing Brush tool to select the tool. At the options bar, I opened the Brush pop-up menu and used a 100% hard brush that was 40 pixels in diameter. I clicked, held, and dragged the mouse over the dark spots on the brick wall at the top left hand corner until all the dark spot were covered. I had let go of the mouse to rid the wall of the dark spots and turn them into regular bricks. I clicked on the Quick Selection tool to select it. I popped-up the options bar and selected the Brush pop-up menu. I set the brush size to 3 pixels. I clicked, held, and dragged my mouse over the crack on the wall thereafter. I clicked on Edit on the Photoshop bar which showed a tab that allowed me to click on Fill. When the Fill dialog box opened, I chose Content-Aware from the Use menu. I clicked OK to confirm. Now the crack disappeared and became bricks that matched up the wall's other bricks. I gone to the Photoshop bar again to click on Select. I clicked on Deselect from the Select tab to deselect the selection. After that, I clicked on the Quick Selection tool again to select the darker areas of the left edge of the wall. I clicked on Edit from the Photoshop bar. Now by pressing Edit, it showed a tab that allowed me to click on Fill. When the Fill dialog box appeared, I chose Content-Aware from the Use menu. I clicked OK to confirm. I clicked on Select to Deselect to make the selection disappear. I saved the first part of my lab. I gone to the Photoshop bar and pressed on File. I clicked on New from the File tab to create a new Photoshop document. A window appeared showing me the settings off the new Photoshop document. I named it Bnew and kept the default settings. Next I gone to File again and clicked on Open this time. A window popped up showing my files and pictures. I clicked on the picture called Bnew and clicked OK to place the image onto Photoshop. I clicked on the Clone tool from the Photoshop toolbox. I moved my mouse over to a patch of grass, held down Alt/Options, and clicked once to select that texture. Then I held down the mouse button and dragged the mouse over the grey area on the bottom left hand corner of the image to make it have grass. After that, I clicked on the Spot Healing Brush tool to select it. I clicked on the sprinklers of the image to make the sprinklers turn into patches of grass. I saved the second part of the lab and closed Photoshop thereafter. I reopened Adobe Photoshop CC 2017. I clicked on Open from the Photoshop bar which showed my images and files. I clicked on the Cnew image and clicked OK to confirm the image onto Photoshop. I clicked on the Healing Brush tool and moved the mouse pointer over the letters DJ on the rock. I held my mouse button and dragged it on the letters DJ to get rid of the letters DJ. I clicked on the Patch tool now to select it.  I clicked, held, and dragged my mouse pointer around the holes and cracks of the rocks. Once I had all of the desired holes and cracks of the rocks selected, I moved the selections over to a patch of rock that doesn't have holes or cracks by dragging the selection towards a desired spot. I saved the third part off the lab and closed Photoshop. I reopened Adobe Photoshop CC 2017. I gone to the Photoshop bar and clicked on File. I clicked Open when the File tab arrived. I clicked on Dnew fro the window that appeared from clicking Open and clicked OK. I right clicked on the background layer showing the image of Dnew. I left clicked on Duplicate to duplicate the background layer. I named the new layer Retouch. Soon after, I clicked on the Healing Brush tool and set the pixel brush size to 12. I clicked and dragged my mouse over the wrinkles on his forehead and furrow lines to erase them. I clicked on the Patch tool to select it. I clicked, held, and dragged my mouse around the wrinkles under the man's eyes and on his glasses under his eyes. I clicked, held, and dragged my mouse from the selection to a part of the man's face that has no or fewer wrinkles. The man became less wrinkly! I set the opacity to 65% from the right side of Photoshop. I saved the final part of lab 11. Knowing how to use the Patch tool, Healing Brush tool, Clone tool, and Content aware is useful to web designer when creating art or backgrounds for their websites or for their company.

Pictures of Lab 11: