Wd131 unit 1 module 3 format constraints
•Download as PPTX, PDF•
0 likes•185 views
A designer must determine the margin, or distance from the edge, for images and text when setting a format. The margin is typically 0.5 inches in print design. Examples are shown of business card margins, design formats, book cover designs, and advertisement formats to demonstrate different margin constraints.
Report
Share
Report
Share
Recommended
Wd131 unit 7 module 2 strategies for crafting balance
Two design principles, balance and proximity, are closely related. Balance can be symmetrical, with equal parts on both sides of an axis, or asymmetrical, with uneven parts that create visual interest. Proximity refers to the distance or closeness between design elements.
Dig imag unit 11 module 4 creating slices in an image (2)
This document discusses slicing images for web use. Slicing an image involves dividing it into smaller pieces to allow for faster loading online. The slice tool is used to create slices by dragging over areas of the image. Slices can be created manually or by using guides for accuracy. Different slice types include table, image, and no image slices, and they should be named consistently. The slice tool options allow for normal, fixed aspect ratio, or fixed size slicing.
Dig imag unit 11 module 4 creating slices in an image (2)
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 4(2) creating slices in an image
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 4 creating slices in an image
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 3 creating buttons
This document discusses how to create buttons for websites. It explains that buttons guide users through a site and that creating custom buttons can make them more unique and prominent. It provides instructions for designing buttons using Photoshop by drawing shapes and adding colors or gradients to create the normal state layer. Additional layers should then be used to create variations showing the rollover, mouse down, and active states of the button. The finished button image can then be saved for use on a website.
Dig imag unit 11 module 1 understanding web graphics
There are key differences in creating images for the web versus print. Images for the web are typically lower resolution at 72dpi, compressed for faster loading, and not suitable for resizing or printing. It is important for designers to understand how to optimize graphics for web and mobile by using the proper resolution, compression, and rendering custom fonts as images to ensure consistency across devices.
Dig imag unit 10 module 1 advanced type effects
The document discusses advanced image manipulation techniques for creating unique type effects. It explains that image editing software can be used to apply filters, color adjustments, and masking to produce stylized text like samples shown. The document is part of a unit on advanced image manipulation, with a module focusing on advanced type effects using combinations of editing tools.
Recommended
Wd131 unit 7 module 2 strategies for crafting balance
Two design principles, balance and proximity, are closely related. Balance can be symmetrical, with equal parts on both sides of an axis, or asymmetrical, with uneven parts that create visual interest. Proximity refers to the distance or closeness between design elements.
Dig imag unit 11 module 4 creating slices in an image (2)
This document discusses slicing images for web use. Slicing an image involves dividing it into smaller pieces to allow for faster loading online. The slice tool is used to create slices by dragging over areas of the image. Slices can be created manually or by using guides for accuracy. Different slice types include table, image, and no image slices, and they should be named consistently. The slice tool options allow for normal, fixed aspect ratio, or fixed size slicing.
Dig imag unit 11 module 4 creating slices in an image (2)
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 4(2) creating slices in an image
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 4 creating slices in an image
The document discusses slicing images into smaller pieces for faster loading on the web. It describes how to use the slice tool, which looks like an exacto knife, to drag over areas and create slices. There are options to determine slice proportions like normal, fixed aspect ratio, or fixed size. Slices can also be created automatically by adding guides to an image first and then selecting "Slices From Guides" with the slice tool.
Dig imag unit 11 module 3 creating buttons
This document discusses how to create buttons for websites. It explains that buttons guide users through a site and that creating custom buttons can make them more unique and prominent. It provides instructions for designing buttons using Photoshop by drawing shapes and adding colors or gradients to create the normal state layer. Additional layers should then be used to create variations showing the rollover, mouse down, and active states of the button. The finished button image can then be saved for use on a website.
Dig imag unit 11 module 1 understanding web graphics
There are key differences in creating images for the web versus print. Images for the web are typically lower resolution at 72dpi, compressed for faster loading, and not suitable for resizing or printing. It is important for designers to understand how to optimize graphics for web and mobile by using the proper resolution, compression, and rendering custom fonts as images to ensure consistency across devices.
Dig imag unit 10 module 1 advanced type effects
The document discusses advanced image manipulation techniques for creating unique type effects. It explains that image editing software can be used to apply filters, color adjustments, and masking to produce stylized text like samples shown. The document is part of a unit on advanced image manipulation, with a module focusing on advanced type effects using combinations of editing tools.
Dig imag unit 9 module 2 modifying shapes
Modifying shapes in digital imaging involves using the add or subtract pen tool, which are accessed by holding down the pen tool. To make a straight shape, click each corner point and then the starting point to finish. To make a curved shape, click to start and drag between points to curve the line, clicking each point to complete the shape.
Dig imag unit 9 module 1 working with the pen tool
This document discusses using the pen tool in digital imaging software. It explains that the pen tool allows for precise drawing and creation of paths around images. The pen tool can be used to draw both straight and curved lines by clicking points and dragging to form curves. Mastering the pen tool makes complex tasks like clipping paths easier.
Dig imag unit 8 module 3 making color corrections
This document discusses color corrections in image editing. It explains that color corrections can be done directly to an image or by using adjustment layers. The Levels and Color Balance tools are introduced as methods to adjust highlights, shadows, midtones and specific color areas. Care is advised when correcting skin tones, as adjustments can easily make skin appear too red or green. Masks are recommended to isolate problem areas before color adjustments.
Dig imag unit 8 module 2 creating and saving alpha channels
Alpha channels store masks that protect selected image areas from editing. To create an alpha channel, click the New Channel button and paint on the new channel using the paintbrush tool to mask out image areas. Alpha channels can then be edited by using the paintbrush tool to add or delete masked areas by painting with black or white respectively.
Dig imag unit 8 module 1 understanding channels
Channels store color information for images and there are typically four channels for RGB images and five for CMYK images. Channels are automatically created when an image is opened and can be found in the channels palette accessed through the Window menu. Channels are used to make color adjustments to images and to create masks and special effects.
Dig imag unit 7 module 2 adjusting filters
This document discusses adjusting preset filters in digital imaging by using sliders to modify filters and then applying color adjustment techniques. It provides an example of increasing hue and saturation on an image by applying the glowing edges filter twice and adjusting the filter settings. The key point is that preset filters can be customized through adjustment sliders and reapplying filters allows for endless creative possibilities.
Dig imag unit 7 module 1 understanding and implementing filters
The document discusses filters in Photoshop, explaining that preset filters can be accessed through the filter menu and gallery to modify images. It demonstrates applying various filters like rough pastels, cutout, colored pencil, poster edges, glowing edges, dark strokes, and stained glass to the same image for comparison.
Dig imag unit 6 module 3 using clipping masks
A clipping mask allows for masking effects by using two layers, where the bottom layer acts as the masking agent. To create a clipping mask, place the desired shape on the bottom layer, then select the image layer above and choose "Create Clipping Path" from the fly out menu, which will mask the top image layer to the shape of the bottom layer.
Dig imag unit 6 module 2 using adjustment layers
Photoshop offers adjustment layers that allow non-destructive editing of images. Adjustment layers apply effects like brightness, contrast, levels, curves without altering the original image. Common adjustment layers include brightness/contrast, levels, curves, color balance, hue/saturation, exposure, and novelty layers like invert and posterize. Adjustment layers provide flexibility to modify images without permanently changing pixels.
Dig imag unit 6 module 1 working with layer masks
Layer masks allow selective modification of a layer's opacity rather than modifying the entire layer at once. To add a layer mask, select the layer and choose Layer Mask > Reveal All from the layer menu. A mask will appear next to the layer thumbnail. Select the mask and use a black brush to paint on the mask and reveal the layer below in a selective manner. When finished, apply the mask to the layer under Layer Mask > Apply.
Dig imag unit 5 module 2 using the various painting tools
This document discusses various painting tools in Photoshop including brushes, pencils, and gradients. It describes how gradients can be used to add color to designs and enhance images. The document then provides steps for creating a gradient layer mask, which involves applying a gradient to a layer above an image layer and painting with a clear brush to reveal the image below.
Dig imag unit 5 module 1 learning about brush types and properties
This document discusses various brush tools and properties in Photoshop. It describes the basic Brush tool which works like a traditional drawing tool allowing you to apply color using strokes. It also discusses blending brush modes like Normal, Dissolve and Opacity which alter how colors mix. Additionally, it provides instructions for creating custom brushes by drawing patterns on a canvas and saving as a brush preset.
Dig imag unit 4 module 3 creating path text
This document provides instructions for creating a type portrait in Photoshop. It describes downloading an image, converting it to black and white, hiding the image layer, and adding a new type layer. It then explains how to create Photoshop brushes and patterns from the typed words to fill selection areas and recreate the image out of type. Examples of type portraits are shown at the end.
Dig imag unit 4 module 1 learning about type fonts and properties[2]
This document discusses key terminology related to type, including readability, legibility, leading, kerning, tracking, justified text, and white space. Readability refers to how type is arranged based on factors like point size, leading, and line length, which should ensure text is easy to read. Legibility refers to typeface design elements like counters, x-height, ascenders, descenders, and strokes that help distinguish letters. Leading refers to the spacing between lines of type, while kerning is the spacing between two characters and tracking is the spacing between all characters in a line. Justified text aligns both sides of paragraphs, but too much word spacing can cause rivers. White space leaves room on the page
Dig imag unit 3 module 3 incorporating color techniques
This document discusses color correction techniques in image editing software. It describes how levels, curves, hue/saturation, and color balance panels can be used to adjust colors and tones. Levels allow for overall tonal and color adjustments to highlights, shadows, and midtones or individual channels. Curves allow more precise targeting of colors and areas. Hue/saturation modifies color saturation, and color balance modifies specific colors using sliders. The best method depends on the needs and skills of the designer.
Dig imag unit 3 module 2 working with the color picker and swatches palette
The document discusses different tools in Photoshop for working with and selecting colors, including the Eyedropper tool, Color panel, Swatches palette, and Color picker. The Eyedropper samples colors from an image to set the foreground or background, the Color panel displays and allows editing color values, the Swatches palette provides preset colors, and the Color picker allows selecting from a range of colors or typing color values.
Dig imag unit 2 module 3 modifying selections
This document discusses different ways to modify selections in a digital image, including feathering to soften edges, refine edges to improve selections of hair or fur, contracting or expanding the pixel size of the selection, and using the color range to select parts of the image based on color.
Dig imag unit 2 module 1 using and managing layers
Layers act like stacked images that can be rearranged, with transparent areas allowing lower layers to show through. Layers can be added, moved, deleted, edited, and have filters, effects, transparency adjustments or layer styles applied. The Layers panel helps organize and manage layers for compositing images, adding text or graphics, and applying attributes or masks to multiple layers at once through the use of layer groups.
Dig imag unit 1 module 1 i understanding image editing concepts
The document discusses image editing software. Adobe Photoshop is the main software used in the design industry for tasks like photo editing, color corrections, and creating montages. Additional software mentioned includes Pixlr, Aperture, Gimp, and Paintshop. Image editing software can be used to perform simple edits like adjusting colors or cropping photos, or more complex tasks like restoring old images.
Fund of design unit 1 module 1 format types
Pixel-oriented graphics use individual colored blocks called pixels to create an image. They offer limited scalability and require large file sizes but allow for editing of individual pixels. Vector graphics use mathematically defined elements that can be scaled to any size without quality loss. They require less memory than pixel files and are suited for items like logos that need various sizes. The key difference is that pixel graphics have a fixed resolution while vector graphics are resolution independent.
More Related Content
More from kateridrex
Dig imag unit 9 module 2 modifying shapes
Modifying shapes in digital imaging involves using the add or subtract pen tool, which are accessed by holding down the pen tool. To make a straight shape, click each corner point and then the starting point to finish. To make a curved shape, click to start and drag between points to curve the line, clicking each point to complete the shape.
Dig imag unit 9 module 1 working with the pen tool
This document discusses using the pen tool in digital imaging software. It explains that the pen tool allows for precise drawing and creation of paths around images. The pen tool can be used to draw both straight and curved lines by clicking points and dragging to form curves. Mastering the pen tool makes complex tasks like clipping paths easier.
Dig imag unit 8 module 3 making color corrections
This document discusses color corrections in image editing. It explains that color corrections can be done directly to an image or by using adjustment layers. The Levels and Color Balance tools are introduced as methods to adjust highlights, shadows, midtones and specific color areas. Care is advised when correcting skin tones, as adjustments can easily make skin appear too red or green. Masks are recommended to isolate problem areas before color adjustments.
Dig imag unit 8 module 2 creating and saving alpha channels
Alpha channels store masks that protect selected image areas from editing. To create an alpha channel, click the New Channel button and paint on the new channel using the paintbrush tool to mask out image areas. Alpha channels can then be edited by using the paintbrush tool to add or delete masked areas by painting with black or white respectively.
Dig imag unit 8 module 1 understanding channels
Channels store color information for images and there are typically four channels for RGB images and five for CMYK images. Channels are automatically created when an image is opened and can be found in the channels palette accessed through the Window menu. Channels are used to make color adjustments to images and to create masks and special effects.
Dig imag unit 7 module 2 adjusting filters
This document discusses adjusting preset filters in digital imaging by using sliders to modify filters and then applying color adjustment techniques. It provides an example of increasing hue and saturation on an image by applying the glowing edges filter twice and adjusting the filter settings. The key point is that preset filters can be customized through adjustment sliders and reapplying filters allows for endless creative possibilities.
Dig imag unit 7 module 1 understanding and implementing filters
The document discusses filters in Photoshop, explaining that preset filters can be accessed through the filter menu and gallery to modify images. It demonstrates applying various filters like rough pastels, cutout, colored pencil, poster edges, glowing edges, dark strokes, and stained glass to the same image for comparison.
Dig imag unit 6 module 3 using clipping masks
A clipping mask allows for masking effects by using two layers, where the bottom layer acts as the masking agent. To create a clipping mask, place the desired shape on the bottom layer, then select the image layer above and choose "Create Clipping Path" from the fly out menu, which will mask the top image layer to the shape of the bottom layer.
Dig imag unit 6 module 2 using adjustment layers
Photoshop offers adjustment layers that allow non-destructive editing of images. Adjustment layers apply effects like brightness, contrast, levels, curves without altering the original image. Common adjustment layers include brightness/contrast, levels, curves, color balance, hue/saturation, exposure, and novelty layers like invert and posterize. Adjustment layers provide flexibility to modify images without permanently changing pixels.
Dig imag unit 6 module 1 working with layer masks
Layer masks allow selective modification of a layer's opacity rather than modifying the entire layer at once. To add a layer mask, select the layer and choose Layer Mask > Reveal All from the layer menu. A mask will appear next to the layer thumbnail. Select the mask and use a black brush to paint on the mask and reveal the layer below in a selective manner. When finished, apply the mask to the layer under Layer Mask > Apply.
Dig imag unit 5 module 2 using the various painting tools
This document discusses various painting tools in Photoshop including brushes, pencils, and gradients. It describes how gradients can be used to add color to designs and enhance images. The document then provides steps for creating a gradient layer mask, which involves applying a gradient to a layer above an image layer and painting with a clear brush to reveal the image below.
Dig imag unit 5 module 1 learning about brush types and properties
This document discusses various brush tools and properties in Photoshop. It describes the basic Brush tool which works like a traditional drawing tool allowing you to apply color using strokes. It also discusses blending brush modes like Normal, Dissolve and Opacity which alter how colors mix. Additionally, it provides instructions for creating custom brushes by drawing patterns on a canvas and saving as a brush preset.
Dig imag unit 4 module 3 creating path text
This document provides instructions for creating a type portrait in Photoshop. It describes downloading an image, converting it to black and white, hiding the image layer, and adding a new type layer. It then explains how to create Photoshop brushes and patterns from the typed words to fill selection areas and recreate the image out of type. Examples of type portraits are shown at the end.
Dig imag unit 4 module 1 learning about type fonts and properties[2]
This document discusses key terminology related to type, including readability, legibility, leading, kerning, tracking, justified text, and white space. Readability refers to how type is arranged based on factors like point size, leading, and line length, which should ensure text is easy to read. Legibility refers to typeface design elements like counters, x-height, ascenders, descenders, and strokes that help distinguish letters. Leading refers to the spacing between lines of type, while kerning is the spacing between two characters and tracking is the spacing between all characters in a line. Justified text aligns both sides of paragraphs, but too much word spacing can cause rivers. White space leaves room on the page
Dig imag unit 3 module 3 incorporating color techniques
This document discusses color correction techniques in image editing software. It describes how levels, curves, hue/saturation, and color balance panels can be used to adjust colors and tones. Levels allow for overall tonal and color adjustments to highlights, shadows, and midtones or individual channels. Curves allow more precise targeting of colors and areas. Hue/saturation modifies color saturation, and color balance modifies specific colors using sliders. The best method depends on the needs and skills of the designer.
Dig imag unit 3 module 2 working with the color picker and swatches palette
The document discusses different tools in Photoshop for working with and selecting colors, including the Eyedropper tool, Color panel, Swatches palette, and Color picker. The Eyedropper samples colors from an image to set the foreground or background, the Color panel displays and allows editing color values, the Swatches palette provides preset colors, and the Color picker allows selecting from a range of colors or typing color values.
Dig imag unit 2 module 3 modifying selections
This document discusses different ways to modify selections in a digital image, including feathering to soften edges, refine edges to improve selections of hair or fur, contracting or expanding the pixel size of the selection, and using the color range to select parts of the image based on color.
Dig imag unit 2 module 1 using and managing layers
Layers act like stacked images that can be rearranged, with transparent areas allowing lower layers to show through. Layers can be added, moved, deleted, edited, and have filters, effects, transparency adjustments or layer styles applied. The Layers panel helps organize and manage layers for compositing images, adding text or graphics, and applying attributes or masks to multiple layers at once through the use of layer groups.
Dig imag unit 1 module 1 i understanding image editing concepts
The document discusses image editing software. Adobe Photoshop is the main software used in the design industry for tasks like photo editing, color corrections, and creating montages. Additional software mentioned includes Pixlr, Aperture, Gimp, and Paintshop. Image editing software can be used to perform simple edits like adjusting colors or cropping photos, or more complex tasks like restoring old images.
Fund of design unit 1 module 1 format types
Pixel-oriented graphics use individual colored blocks called pixels to create an image. They offer limited scalability and require large file sizes but allow for editing of individual pixels. Vector graphics use mathematically defined elements that can be scaled to any size without quality loss. They require less memory than pixel files and are suited for items like logos that need various sizes. The key difference is that pixel graphics have a fixed resolution while vector graphics are resolution independent.
More from kateridrex (20)
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 4 module 1 learning about type fonts and properties[2]
Dig imag unit 3 module 3 incorporating color techniques
Dig imag unit 3 module 3 incorporating color techniques
Dig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 3 module 2 working with the color picker and swatches palette
Dig imag unit 2 module 1 using and managing layers
Dig imag unit 2 module 1 using and managing layers
Dig imag unit 1 module 1 i understanding image editing concepts
Dig imag unit 1 module 1 i understanding image editing concepts
Wd131 unit 1 module 3 format constraints
- 1. Once a format is identified, a designer needs to determine how close the image and copy can be to the edges. This is known as the margin. A typical margin in a print design is .5 inches. Format Constraints Fundamentals of Design Unit 1: Format Module 3: Format Constraints
- 2. Sample of business card margins Fundamentals of Design Unit 1: Format Module 3: Format Constraints
- 3. Sample of design format Fundamentals of Design Unit 1: Format Module 3: Format Constraints Jan Tschichold Book Cover Design Shepard Fairey Poster
- 4. Sample of Advertisement formats Fundamentals of Design Unit 1: Format Module 3: Format Constraints