8-1 Project

docx

School

Southern New Hampshire University *

*We aren’t endorsed by this school

Course

200

Subject

Computer Science

Date

Dec 6, 2023

Type

docx

Pages

Uploaded by GeneralKnowledge17238

Project: Design Toolkit Rikki Barnes Joyce Symoniak GRA 200: Digital Design Tools February 26, 2023

Design Software Overview 3 Comparing Tools and Features 8 Analyzing and Improving Designs 13 Works Cited 16

Design Software Overview Software Overview Complete an overview of the three primary software applications (Adobe Illustrator, Photoshop, and InDesign) used in the graphic design industry, using the table below: Software application Purpose and examples of how they are used (i.e. photo manipulation or multi- page documents) Three advantages to using this software (i.e. preset options) Three drawbacks in using this software (i.e. poor type rendering) Adobe Illustrator Creating vector images, logo design, large print format materials Images created with Illustrator are scalable without being distorted, extensive tools selection, good for creating original images not useful for raster images, not useful for layout organization, complicated to use Adobe Photoshop Photo editing, manipulating and applying effects to pixel-based images Extensive selection of tools, can create original images, preset options Not useful for vector images, images created with Photoshop can become distorted when scaled, poor type rendering Adobe InDesign Printed materials layouts like magazines, flyers, and leaflets, multipage documents Ability to combine and organize multiple different linked images into one file, extensive selection of tools, guides to properly align elements in each frame Not as useful for single image creation, not as many image editing features, need to use other programs to make a finished InDesign project Using Software Applications Below are some common examples of graphic design tasks you might complete. Identify the correct software applications for each scenario. 1. Which of these software applications is best used for vector graphics? Adobe Illustrator 2. Which of these software applications is best used for manipulating pixel-based graphics? Adobe Photoshop 3. Which of these software applications allows you to import native files from the other two applications for use within the same document? Adobe InDesign

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

4. Which software application is least desirable for use when creating legible type? Adobe Photoshop 5. Which application is best used when creating multipage documents? Adobe InDesign

6. How many pages can a designer work on at once in Photoshop? One 7. Which application utilizes artboards? Adobe Illustrator 8. How many colors can be used at the same time in any of the applications? 2 File Format Overview Describe the five most commonly used file formats in graphic design pieces using the table below. File format Examples of when this file format is used (i.e. image to be used in a PowerPoint Presentation) Which of the software applications (Adobe Illustrator, Photoshop, and InDesign) support this file format 1. EPS High resolution printing of illustrations Illustrator 2. JPG Sharable images Photoshop. InDesign, Illustrator 3. PDF Sharing formatted documents InDesign, Photoshop, Illustrator 4. PNG Web images Photoshop 5. TIFF Photo editing and page layout InDesign, Illustrator Using file formats Below are some common examples of graphic design tasks you might complete. Identify the correct file format for each (check all that apply).

1. Using an image in signage ☐ PDF ☐ JPG ☐ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI 2. Using an image on the web ☐ PDF ☐ JPG ☒ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI 3. Using an image in a PPT ☐ PDF ☐ JPG ☐ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

4. Saving a logo ☒ PDF ☐ JPG ☐ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI 5. Sending a file to print ☐ PDF ☐ JPG ☐ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI 6. Placing as an ‘image’ into a file for print ☐ PDF ☐ JPG ☐ GIF ☐ PNG ☐ EPS ☐ TIFF ☐ PSD ☐ AI

Visual Presentation of the Design Software Overview Insert a visual presentation that summarizes information about Adobe Illustrator, Photoshop, and InDesign and their associated file formats. Use this visual to highlight the key information you want to quickly reference. Use your Communicating Visually Activity as a base, and then revise your visual presentation using instructor feedback, and a consideration of industry standards for design (design principles and elements).

Comparing Tools and Features Adobe Photoshop 1. Insert an image of the poster you edited in Adobe Photoshop. 2. Identify the tools in Adobe Photoshop you used to complete each of the six design tasks and describe where the tools/features are located in the software application. 1. Change the background color to one you believe is more appealing. I used the layer menu to add a hue and saturation layer to change the background color. 2. Remove the last “Sponsored by:” item (mouse with cheese in bottom right corner). I used the quick selection tool to select the mouse and cheese picture, then used the eye dropper to pick up black band color and switched to the brush tool to paint over the picture. I then deselected where the picture was and used the paint bucket to fill in the outline that was still left. 3. Move the remaining three “Sponsored by:” items so they are evenly spaced across the bottom.

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

To move the remaining three sponsored by images I used the lasso tool to select them each individually and then switched to the move tool to move them over. After they were moved there was empty white space where they were originally, so I went back to the eyedropper tool to pick up the sponsored by section color and used the brush tool to paint back over the white space. 4. Add a drop shadow to the circle with text. 5. Add a text box above the picture of cheese using the following content: “Thousands of different varieties of cheese: cow, goat, sheep, yak, camel —even reindeer and horse.” I used the text tool to make my text box for the new text, and used the properties panel to adjust alignment, font style and size, and used the eye dropper to pick up the color of the “CHEESE” text and applied it to the new text to make it match the rest of the poster. 6. Replace the picture of cheese with any cheese-related image of your choosing. To get rid of the original picture of cheese I used the same method I used to remove the mouse and cheese picture, then to add the new cheese picture, I used the Place Embedded command in the File menu and then just resized the picture to fit in the space on the poster. Adobe Illustrator 1. Insert an image of the poster you edited in Adobe Illustrator. 2. Identify the tools in Adobe Illustrator you used to complete each of the six design tasks and describe where the tools/features are located in the software application. 1. Change the background color to one you believe is more appealing. to change the background color I used the select tool to select the background box, then double clicked the Fill box at the bottom of the tools panel and used the sliders in the pop up window to adjust the color. 2. Remove the last “Sponsored by:” item (mouse with cheese in bottom right corner). I used the select tool to select the mouse and cheese sponsored by image to delete it from the poster.

3. Move the remaining three “Sponsored by:” items so they are evenly spaced across the bottom. Still using the select tool selected each of the remaining sponsored by images to move them an equal distance from each other using the spacing guide arrows that came up when I had the correct distance. 4. Add a drop shadow to the circle with text. I used the Drop Shadow effect under the Stylize flyout menu of the Effects toolbar menu to bring up the drop shadow pop up window to apply the shadow to the circle with text. 5. Add a text box above the picture of cheese using the following content: “Thousands of different varieties of cheese: cow, goat, sheep, yak, camel —even reindeer and horse.” I used the text tool to make a text box above the new picture and typed in my text, then I used eyedropper tool to add the same color and font to the new text and the “CHEESE” text that’s already there. This made the new text too big and caused overset text, so I used the properties panel to adjust the size back down to fit into the box properly. 6. Replace the picture of cheese with any cheese-related image of your choosing. I used the Place command under the File menu to place my new cheese picture on to the poster, then used the select tool to adjust the sizing of the picture to better fit the poster. Adobe InDesign 1. Insert an image of the poster you edited in Adobe InDesign.

2. Identify the tools in Adobe InDesign you used to complete each of the six design tasks and describe where the tools/features are located in the software application. 1. Change the background color to one you believe is more appealing. To change the background color I just used the select tool to select the background, then double clicked on the fill color square at the bottom of the tools panel and used the sliders to adjust the color. 2. Remove the last “Sponsored by:” item (mouse with cheese in bottom right corner). When I removed the mouse and cheese image in the “sponsored by” section I just selected it with the select tool and pressed delete on my keyboard to remove it. 3. Move the remaining three “Sponsored by:” items so they are evenly spaced across the bottom. Still with the select tool selected the rest of the “sponsored by” images and moved them using the spacing indicator arrows that appeared when they were equal distance apart. 4. Add a drop shadow to the circle with text. To add the drop shadow to the circle with text I used the drop shadow option in the effect flyout menu under the object menu on the toolbar. 5. Add a text box above the picture of cheese using the following content: “Thousands of different varieties of cheese: cow, goat, sheep, yak, camel —even reindeer and horse.” To add the text above the cheese photo I used the text tool to draw a text box to type my text in, then used the properties panel to adjust the font to match the rest of the text on the poster and adjust the size, then I used the eyedropper tool in the flyout menu of the color theme tool to pick up the color of the “CHEESE” text and applied it the added text to match the colors. 6. Replace the picture of cheese with any cheese-related image of your choosing.

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

I used the select tool to select just the original cheese image inside the frame, pressed delete to get rid of the image but keep the frame, then selected the frame and used the Place command under the File menu to place my new image into the frame. I adjusted the image in the frame by using the Fit Content to Frame command under the Fitting flyout menu in the Object menu on the toolbar. Compare the Tools and Software Applications 1. For each of the six design tasks, explain which tool and software application you found easiest to use in accomplishing the task and why. When changing the background color, I found that both Illustrator and InDesign had the same level of ease because all I had to do was use the selection tool to select the background box then adjust the fill color. Removing both the original cheese picture and the mouse and cheese sponsored by image was easiest in Illustrator because I just had to use the select tool and delete the images. Moving the three remaining sponsored by images seemed the easiest to me in InDesign because it had the best guide indicators for placement and spacing. While Illustrator also showed guidelines when the images were spaced evenly apart from each other, I think the guides on InDesign that showed the images alignments with the rest of the components of the poster made it easier. Adding the drop shadow was the easiest in Illustrator for me because there were less menus to go through to get to the drop shadow window and it showed a preview of the shadow position as I adjusted the settings. Adding the text box to the posters was the same level of ease across all three programs because in all three it was as simple as using the text tool to create the text box then using the properties panel to adjust the font size and style and using the eye dropper tool to change the color to match the other text. Replacing the cheese picture with the one I chose was by far the easiest in InDesign. Since I didn’t have to delete the frame the original image was in and I was able to just delete the image, all I had to do was use the Place command to add my own image to that same frame instead creating a new one. 2. For each of the six design tasks, explain which tool and software application you think had the best result and why. While it wasn’t the easiest program to use for any of the design tasks in my opinion, I think for all six of them Photoshop had the best results. The process was more complicated, but I think I was able to be more precise with the adjustments I made and that the tools I used were better suited for the changes that needed to be made for each design task. Each program did a good job at each task, but I think the better overall end result came from Photoshop. Once I got the hang of using Photoshop to complete the design tasks, it became easier to use, and the editing ability of Photoshop compared to the other two programs was much more precise and detailed. Photoshop took the longest to make the adjustments to the poster, but I think the results are worth the time and degree of difficulty using Photoshop entails in order to get the best looking final product.

Analyzing and Improving Designs Effective Graphic Design Elements 1. Capture the newsletter as the front image, and the back image and use one of the software applications to circle or highlight 2 to 3 effective design elements, based on the five elements and the six principles of design defined in Chapter 2 your textbook, Graphic Design: Learn It, Do It . Insert the captured image below.

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

2. Name each highlighted graphic design element (i.e., “White space”) and explain how the newsletter effectively applied this design element. The element labeled proximity I think is executed well because all of the elements in the header are close enough to each other that you know they belong together but aren’t so close that it becomes cluttered. The spacing and proximity of these elements makes a clear headline for the newsletter and catches the eye with the skull image but doesn’t blend together to the point of being unreadable. The image of the shoes labeled space I feel is done well because the spacing used between the image and the text creates an eye catching area by forming a circle of text with the negative space around the image. It makes it obvious that the image is meant to be a focal point of whatever the text surrounding it is supposed to be about but keeps the text readable and organized. For the back page where the elements are labeled hierarchy, I think the order and size of all of the elements of the “Contest Time” group of elements is done in a very effective way. The text “Contest Time grabs attention right way and indicates that whatever is under it has to do with whatever the contest is, and the images underneath give information on what can be won in the contest. By effectively organizing these elements and establishing a good hierarchy, you know how to read that part of the newsletter to make sense out of the information.

Ineffective Graphic Design Elements 1. Capture the newsletter as the front image, and the back image and use one of the software applications to circle or highlight 2 to 3 ineffective design elements, based on the five elements and the six principles of design defined in Chapter 2 your textbook, Graphic Design: Learn It, Do It . Insert the captured image below.

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

2. Name each highlighted graphic design element (i.e., “font”) and explain how the newsletter ineffectively applied this design element. The image on the front page of the newsletter labeled size I think is an ineffective use of sizing for the image. It’s very small compared to the amount of white space in that portion of the page. I feel it’s very distracting and makes that element of the newsletter ineffective because most of what you see in that portion is just blank white space so it causes the image to be ignored. The picture labeled scale I think doesn’t have the image of the person scaled well with the images of the sweatshirts. If the point of those images is to be advertising those sweatshirts, there isn’t enough emphasis on them because the size of the picture of the person is far too large and distracts away from the images of the product. Making Improvements: Determine which combination of software applications and tools (Adobe Photoshop, Illustrator, or InDesign) you will use to make needed improvements to the newsletter design. Be sure to identify the most appropriate software application and tools to address each ineffective design element you identified and explain your selection.

I intend to use InDesign to make the adjustments to the images I feel need to be fixed. I feel since the newsletter was made with InDesign, using the same program to make minor adjustments like resizing images is the most effective way to go about it. In order to adjust the size and scaling issues with both images I identified, the only tool I really need to use from the tool panel is the select tool to select both the frames and the content inside of them to adjust the size and move them as needed. Once I adjust the size of the frames, rather than manually adjusting the images sizes, I will use the fitting flyout menu under the objects toolbar menu and use the fit content to frame command, then go back to the select tool to make and small adjustments to the images as needed and move them to fit the space more appropriately.

Works Cited Hughes, Katherine A.. Graphic Design: Learn It, Do It , Taylor & Francis Group, 2019. ProQuest Ebook Central , https://ebookcentral-proquest- com.ezproxy.snhu.edu/lib/snhu-ebooks/detail.action?docID=5785742.

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

8-1 Project

Related Documents