Podcast
Questions and Answers
What feature allows you to export multiple layers from a PSD file as individual images?
What feature allows you to export multiple layers from a PSD file as individual images?
- Generator
- Export Layers (correct)
- Artboards
- Save As
When would the Export for Web (Legacy) option be most beneficial?
When would the Export for Web (Legacy) option be most beneficial?
- For creating designs for different screen sizes
- To preserve layers and editing capabilities
- To quickly optimize images for the web (correct)
- When you need to export frequently updated assets
Which export option is specifically useful when working with multiple artboards?
Which export option is specifically useful when working with multiple artboards?
- Export As
- Artboards (correct)
- Generator
- Export Layers
What is a primary advantage of the Generator feature in Photoshop?
What is a primary advantage of the Generator feature in Photoshop?
Which file formats are most commonly used for vector files?
Which file formats are most commonly used for vector files?
What is a primary feature of RAW format images?
What is a primary feature of RAW format images?
Which format is specifically recognized as a standard for commercial printing?
Which format is specifically recognized as a standard for commercial printing?
What is a disadvantage of using the 'Save As' option in Photoshop?
What is a disadvantage of using the 'Save As' option in Photoshop?
Which export option in Photoshop is ideal for quickly saving a PNG or JPEG?
Which export option in Photoshop is ideal for quickly saving a PNG or JPEG?
What unique feature does the EPS format have compared to other image formats?
What unique feature does the EPS format have compared to other image formats?
Which option is most suitable for optimizing images specifically for web use?
Which option is most suitable for optimizing images specifically for web use?
Which of the following formats can be either lossless or lossy?
Which of the following formats can be either lossless or lossy?
What is a key characteristic of JPEG files?
What is a key characteristic of JPEG files?
What is the fundamental difference between raster and vector files?
What is the fundamental difference between raster and vector files?
Which raster file format is commonly recognized for sharing images on the web?
Which raster file format is commonly recognized for sharing images on the web?
What characteristic distinguishes the PNG file format from JPEG?
What characteristic distinguishes the PNG file format from JPEG?
For which applications is the PSD format primarily used?
For which applications is the PSD format primarily used?
Which of the following is a defining feature of the GIF format?
Which of the following is a defining feature of the GIF format?
What is a significant drawback of using JPEG files?
What is a significant drawback of using JPEG files?
Which factor is NOT crucial when deciding on the appropriate file format for your needs?
Which factor is NOT crucial when deciding on the appropriate file format for your needs?
What limitation does the GIF format pose compared to other image formats?
What limitation does the GIF format pose compared to other image formats?
Which font formats are considered the best options for print design projects?
Which font formats are considered the best options for print design projects?
What is the primary reason to use WOFF format for web-based design projects?
What is the primary reason to use WOFF format for web-based design projects?
What is a significant drawback of using SVG fonts for web applications?
What is a significant drawback of using SVG fonts for web applications?
Which font format should be avoided in app and interface design projects?
Which font format should be avoided in app and interface design projects?
What font formats are most accessible for app design projects according to the content?
What font formats are most accessible for app design projects according to the content?
Why might one choose WOFF2 over WOFF for web design?
Why might one choose WOFF2 over WOFF for web design?
In terms of compatibility, which fonts are commonly offered by type foundries as a package?
In terms of compatibility, which fonts are commonly offered by type foundries as a package?
What is an essential consideration when selecting a font format for a design project?
What is an essential consideration when selecting a font format for a design project?
Which file format is typically used as a master file in Adobe programs?
Which file format is typically used as a master file in Adobe programs?
What is the primary limitation of the EPS file format compared to AI?
What is the primary limitation of the EPS file format compared to AI?
Which format is ideal for use on the web and is supported by most modern browsers?
Which format is ideal for use on the web and is supported by most modern browsers?
What file format should always be used when available for fonts due to its extensive features?
What file format should always be used when available for fonts due to its extensive features?
Which export option in AI allows you to export multiple Artboards in various formats and sizes?
Which export option in AI allows you to export multiple Artboards in various formats and sizes?
What significant advantage does OpenType (OTF) offer over TrueType (TTF) fonts?
What significant advantage does OpenType (OTF) offer over TrueType (TTF) fonts?
What is a key characteristic of the SVG format?
What is a key characteristic of the SVG format?
Which format is NOT primarily designed for cross-platform file exchange?
Which format is NOT primarily designed for cross-platform file exchange?
Flashcards
Raster Image
Raster Image
A type of file format that stores images as a set of pixels. Each pixel represents a specific color. When you enlarge a raster image, the pixels become visible, making it appear pixelated.
Vector Image
Vector Image
A type of file format that uses mathematical formulas to define shapes and lines. Vector images can be resized without losing quality, making them ideal for logos and illustrations.
PSD (Photoshop Document)
PSD (Photoshop Document)
A native Photoshop file format commonly used as a work file for editing and creating images. It supports layers, Photoshop properties and effects, and is a lossless format, preserving original image quality.
JPEG (Joint Photographic Experts Group)
JPEG (Joint Photographic Experts Group)
Signup and view all the flashcards
PNG (Portable Network Graphics)
PNG (Portable Network Graphics)
Signup and view all the flashcards
GIF (Graphics Interchange Format)
GIF (Graphics Interchange Format)
Signup and view all the flashcards
TIFF (Tagged Image File Format)
TIFF (Tagged Image File Format)
Signup and view all the flashcards
EPS (Encapsulated PostScript)
EPS (Encapsulated PostScript)
Signup and view all the flashcards
Photoshop Generator
Photoshop Generator
Signup and view all the flashcards
Export Layers
Export Layers
Signup and view all the flashcards
Save As (PSD)
Save As (PSD)
Signup and view all the flashcards
Export As (Web Optimized)
Export As (Web Optimized)
Signup and view all the flashcards
Artboards Export
Artboards Export
Signup and view all the flashcards
JPEG
JPEG
Signup and view all the flashcards
TIFF
TIFF
Signup and view all the flashcards
EPS
EPS
Signup and view all the flashcards
PDF
Signup and view all the flashcards
RAW
RAW
Signup and view all the flashcards
Save As
Save As
Signup and view all the flashcards
Export As
Export As
Signup and view all the flashcards
Quick Export
Quick Export
Signup and view all the flashcards
TrueType (TTF)
TrueType (TTF)
Signup and view all the flashcards
OpenType (OTF)
OpenType (OTF)
Signup and view all the flashcards
SVG
SVG
Signup and view all the flashcards
WOFF2
WOFF2
Signup and view all the flashcards
What type of font format is ideal for print projects?
What type of font format is ideal for print projects?
Signup and view all the flashcards
What type of font format is ideal for app and interface design projects?
What type of font format is ideal for app and interface design projects?
Signup and view all the flashcards
What type of font format is ideal for web-based design projects?
What type of font format is ideal for web-based design projects?
Signup and view all the flashcards
AI (Adobe Illustrator) file
AI (Adobe Illustrator) file
Signup and view all the flashcards
PDF (Portable Document Format)
PDF (Portable Document Format)
Signup and view all the flashcards
SVG (Scalable Vector Graphics)
SVG (Scalable Vector Graphics)
Signup and view all the flashcards
TTF (TrueType) font
TTF (TrueType) font
Signup and view all the flashcards
OTF (OpenType) font
OTF (OpenType) font
Signup and view all the flashcards
OpenType SVG font
OpenType SVG font
Signup and view all the flashcards
Saving for web
Saving for web
Signup and view all the flashcards
Study Notes
File Formats
- Raster vs. Vector files: Raster files are made up of pixels, while vector files use formulas. Raster files lose quality when enlarged, while vector files remain sharp at any size.
Raster File Formats
- Common formats include PSD, JPEG, PNG, GIF, TIFF, EPS, RAW, and PDF.
- File size, quality, transparency, and compatibility are factors to consider when selecting a format.
- PSD: Native Photoshop format, used for master files, lossless, supports layers, large filesize.
- JPEG (Joint Photographic Expert Group): Commonly used for viewing and sharing, lossy, lower quality but smaller filesize.
- PNG (Portable Network Graphics): Better replacement for JPEG/GIF, more colours than JPEG, lossless, relatively small size, not supported by older browsers/printers.
- GIF (Graphics Interchange Format): Commonly used for web graphics, animations, stickers, lossy, limited colour pallet.
- TIFF (Tagged Image File Format): Similar to PSD, lossless, layered, high quality, large filesize.
- EPS (Encapsulated Postscript): Universal standard for commercial printing, print industry standard, requires a preview image.
- PDF (Portable Document Format): Ideal for viewing, sharing, and printing, supports all Al properties, lossless or lossy.
- RAW : Used in photography, contains all raw image data from a camera.
Vector File Formats
- Common formats include AI, EPS, PDF, and SVG.
- AI: Adobe Illustrator format, used as master file, works in other Adobe programs, legacy versions work with other programs.
- EPS (Encapsulated Postscript): Older format, doesn't have all AI properties, encapsulates vector as image.
- PDF (Portable Document Format): Ideal for exchange, supports AI properties.
- SVG (Scalable Vector Graphics): XML-based format, readable by computer and humans, ideal for web (supported by most modern browsers), scalable, no special layer properties or effects.
Export Options in Photoshop
- Save As: Saves the image to various formats, preserves layers/editing capabilities, but the file size can be large with many layers.
- Export As: Ideal for web use, optimized for web use, smaller file sizes.
- Quick Export (PNG/JPEG): Fast way to save image with default settings.
- Export for Web (Legacy): Optimizes images for web use, various quality and file size settings.
- Export Layers: Exports each layer in the PSD as separate image files.
- Artboards: Exports individual artboards.
- Generator: Layer names, Photoshop automatically exports layers (in a separate folder) when changes are made. Useful for assets that require constant updates.
Font Formats
- TTF (TrueType): Developed by Apple, vector outline fonts, compatible on Mac and Windows, used for print and screens.
- OTF (OpenType): Newer version of TTF, developed by Microsoft and Adobe, supports more glyphs (characters), includes stylistic alternates, fractions, numerous other features, supported on Mac.
- WOFF (Web Open Font Format): Suitable for websites, quickly compresses the font, allows faster load times and better compatibility with modern browsers.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.