Podcast
Questions and Answers
Adobe ______ is a must-have for any kind of front-end developer or designer.
Adobe ______ is a must-have for any kind of front-end developer or designer.
Photoshop
Adobe Photoshop is an ______ processing tool.
Adobe Photoshop is an ______ processing tool.
image
You can crop, resize, ______ and correct the colors of digital images using Adobe Photoshop.
You can crop, resize, ______ and correct the colors of digital images using Adobe Photoshop.
optimize
In Photoshop, the ______ gives the user the ability to cut costs and save time with off-the-shelf content and community building blocks.
In Photoshop, the ______ gives the user the ability to cut costs and save time with off-the-shelf content and community building blocks.
In Photoshop, the user has complete creative control over the user ______.
In Photoshop, the user has complete creative control over the user ______.
The parts of Photoshop consist of the Menu, Tools, Documents, Indicators, and ______.
The parts of Photoshop consist of the Menu, Tools, Documents, Indicators, and ______.
[Blank] in Adobe Photoshop allow users to arrange and manage different elements of their project efficiently.
[Blank] in Adobe Photoshop allow users to arrange and manage different elements of their project efficiently.
Photoshop ______ consist of workspaces and panels.
Photoshop ______ consist of workspaces and panels.
The type tool in Photoshop is used to adjust parameters such as font name, font size, line height, font weight, text align and letter ______.
The type tool in Photoshop is used to adjust parameters such as font name, font size, line height, font weight, text align and letter ______.
Approximately 80% of the time you only need to use the tools toolbox, layers and groups toolbox, history toolbox and type ______.
Approximately 80% of the time you only need to use the tools toolbox, layers and groups toolbox, history toolbox and type ______.
Photoshop toolboxes include tools, layers and groups, history, and ______.
Photoshop toolboxes include tools, layers and groups, history, and ______.
The tools toolbox provides features such as move to click around, marquee to select, crop to reduce size, hand to pan around and zoom to ______.
The tools toolbox provides features such as move to click around, marquee to select, crop to reduce size, hand to pan around and zoom to ______.
The three types of selectors in Photoshop are the marquee tool, lasso tool, and magic ______.
The three types of selectors in Photoshop are the marquee tool, lasso tool, and magic ______.
The Photoshop marquee tool is used to select circles, ellipses, and ______.
The Photoshop marquee tool is used to select circles, ellipses, and ______.
The Photoshop lasso tool is used to select not predefined ______.
The Photoshop lasso tool is used to select not predefined ______.
The Photoshop magic wand tool is used to select by ______.
The Photoshop magic wand tool is used to select by ______.
[Blank] are the divs of Photoshop, allowing you to manage different elements of an image separately.
[Blank] are the divs of Photoshop, allowing you to manage different elements of an image separately.
Groups are another type of divs used to contain any number of ______ of other groups as well.
Groups are another type of divs used to contain any number of ______ of other groups as well.
You can use colors for visual ______ when using layers and groups in Adobe Photoshop
You can use colors for visual ______ when using layers and groups in Adobe Photoshop
With layers, you can show/hide stuff that bugs us, making it easier to hide things on ______.
With layers, you can show/hide stuff that bugs us, making it easier to hide things on ______.
Photoshop layers are used to separate components in an image, allowing users to show/hide elements and avoid ______ them.
Photoshop layers are used to separate components in an image, allowing users to show/hide elements and avoid ______ them.
In Photoshop, ______ are a kind of 'Layer of Layers' that can have many layers and/or groups and interact with all of them at once.
In Photoshop, ______ are a kind of 'Layer of Layers' that can have many layers and/or groups and interact with all of them at once.
If you mess up something in Photoshop, use CTRL+______.
If you mess up something in Photoshop, use CTRL+______.
The History Toolbox allows you to stage the file and switch between stages, and revert to the ______ state regardless of errors.
The History Toolbox allows you to stage the file and switch between stages, and revert to the ______ state regardless of errors.
[Blank] toggles between the last two steps of changes that you make.
[Blank] toggles between the last two steps of changes that you make.
[Blank] is when you hide all other layers or duplicate a layer in a new file, then crop and, finally, export.
[Blank] is when you hide all other layers or duplicate a layer in a new file, then crop and, finally, export.
Types of images when slicing are backgrounds and tiles, as well as images with and without ______.
Types of images when slicing are backgrounds and tiles, as well as images with and without ______.
Background images do not repeat in any direction, whereas tiles repeat in at least one ______.
Background images do not repeat in any direction, whereas tiles repeat in at least one ______.
[Blank] images are identified easily and basically are selected, cropped and saved, tending to be big in size.
[Blank] images are identified easily and basically are selected, cropped and saved, tending to be big in size.
[Blank] images are identified easily, are sometimes harder to slice, are usually small in size, and depending on the case, use PNG or GIF.
[Blank] images are identified easily, are sometimes harder to slice, are usually small in size, and depending on the case, use PNG or GIF.
When slicing, you can depending on the case, use JPG or ______ when working with background images.
When slicing, you can depending on the case, use JPG or ______ when working with background images.
When slicing, you can depending on the case, use PNG or ______ is more appropriate for tile images.
When slicing, you can depending on the case, use PNG or ______ is more appropriate for tile images.
When determining image formats, consider using PNG, GIF, and ______.
When determining image formats, consider using PNG, GIF, and ______.
[Blank] is the type of compression, not the format itself and has a high level of compression (almost 1:10).
[Blank] is the type of compression, not the format itself and has a high level of compression (almost 1:10).
[Blank] is useful with big images but does not support transparency.
[Blank] is useful with big images but does not support transparency.
The Graphics Interchange Format (______), also know as GIF, supports only 8-bit colors.
The Graphics Interchange Format (______), also know as GIF, supports only 8-bit colors.
The Graphics Interchange Format (GIF) supports ______, unlike PNG and JPEG.
The Graphics Interchange Format (GIF) supports ______, unlike PNG and JPEG.
[Blank] is the descendant of GIF and supports 24 and 36 bit colors.
[Blank] is the descendant of GIF and supports 24 and 36 bit colors.
[Blank] is a high quality image format that supports transparency due to the so called 'alpha channel'.
[Blank] is a high quality image format that supports transparency due to the so called 'alpha channel'.
For exporting images in Photoshop, Save for ______ (and devices) is the preferred way with much more options.
For exporting images in Photoshop, Save for ______ (and devices) is the preferred way with much more options.
Flashcards
What is Adobe Photoshop?
What is Adobe Photoshop?
An image processing tool and 'Must have' for any kind of Front-end Developer or Designer
What can Adobe Photoshop do?
What can Adobe Photoshop do?
Crop, resize, optimize and correct the colors of digital images.
Parts of Photoshop
Parts of Photoshop
Menu, Tools, Documents, Indicators and Rulers.
More parts of Photoshop
More parts of Photoshop
Signup and view all the flashcards
Essential Toolboxes in Photoshop
Essential Toolboxes in Photoshop
Signup and view all the flashcards
Key Tools in the Toolbox
Key Tools in the Toolbox
Signup and view all the flashcards
Types of Photoshop Selectors
Types of Photoshop Selectors
Signup and view all the flashcards
Marquee Tool
Marquee Tool
Signup and view all the flashcards
Lasso Tool
Lasso Tool
Signup and view all the flashcards
Magic Want
Magic Want
Signup and view all the flashcards
Layers in Photoshop
Layers in Photoshop
Signup and view all the flashcards
Groups in Photoshop
Groups in Photoshop
Signup and view all the flashcards
What can a Group contain
What can a Group contain
Signup and view all the flashcards
ShortCut to undo an action
ShortCut to undo an action
Signup and view all the flashcards
Type Toolbox
Type Toolbox
Signup and view all the flashcards
Types of images for Slicing
Types of images for Slicing
Signup and view all the flashcards
Backgrounds
Backgrounds
Signup and view all the flashcards
Tiles
Tiles
Signup and view all the flashcards
JPEG Format
JPEG Format
Signup and view all the flashcards
GIF Format
GIF Format
Signup and view all the flashcards
PNG
PNG
Signup and view all the flashcards
Methods for Exporting images
Methods for Exporting images
Signup and view all the flashcards
Feathering
Feathering
Signup and view all the flashcards
Study Notes
- Adobe Photoshop is an image processing tool, considered a 'must have' for front-end developers and designers.
- It allows cropping, resizing, optimizing and color correction of digital images.
Parts of Photoshop
- The main parts include the Menu, Tools, Documents, Indicators, and Rulers.
- Photoshop also contains Workspaces and Panels
- There are many panels: Actions, Adjustments, Brushes, Histogram, Masks and Swatches.
Photoshop Toolboxes
- 80% of the time, you only need the Tools, Layers and Groups, History, and Type toolboxes.
- The tools toolbox is an important part of Photoshop.
- Commonly used tools include Move, Marquee, Crop, Hand and Zoom capabilities.
Selectors in Photoshop
- Photoshop has three types of selectors.
- The Marquee Tool selects circles, ellipses, and lines.
- The Lasso Tool selects not predefined shapes by drawing directly on the image.
- The Magic Want Tool selects by color.
Layers and Groups
- Layers are like "divs" in web development.
- Groups are containers that can hold any number of layers or other groups.
- Layers are used to separate components in an image.
- Layers can be hidden without being deleted
- Colors can be used for visual hints.
- Groups are kind of Layer of Layers
- Groups allow interaction with all layers at once.
History Toolbox
- Pressing CTRL+Z will undo an action.
- Photoshop's Undo/Redo toggles between the last two steps.
- You can "stage" the file and switch between stages.
- You can revert to the initial state.
Type Toolbox
- The type tool provides control over font name, font size, line height, font weight, text align, and letter spacing.
Slicing
- Slicing involves extracting specific parts of an image.
- Duplicate or hide all other layers to focus on the element you want.
- Crop the image to the desired area.
- Export the image slice.
- Types of images include backgrounds and tiles.
- Backgrounds do not repeat in any direction.
- Tiles repeat in one or more directions.
- Slicing requirements include handling transparency.
- Backgrounds are easy to identify and tend to be large.
- Use JPG or PNG depending on the specific image.
- Tiles are also usually easy to identify but can be harder to slice, and tend to be small.
- Depending on the case, use PNG or GIF.
Image Formats (PNG, GIF, JPEG)
- JPEG is a type of compression and therefore not the format itself.
- JPEG compression has a high compression ratio (almost 1:10).
- JPEG has a percentage of quality loss.
- JPEG is useful with big images.
- Formats that use JPEG: jpg, jpeg, jpe, jif, jfif, jfi.
- JPEG does not support transparency and has loss of image quality.
- GIF (Graphics Interchange Format) is rarely used.
- GIF supports only 8-bit colors, equating to a maximum of 256 different colors.
- GIF uses lossless compression and support animations.
- PNG (Portable Network Graphics) is a descendant of GIF.
- PNG supports 24 and 36-bit colors and has a high image quality.
- PNG supports transparency via the alpha channel.
- PNG compression is lossless.
- A disadvantage of PNG is its large file size with high-resolution images, especially compared to JPEG.
Exporting Images
- "Save as" is not recommended due to fewer options and lack of a preview.
- "Save for Web (and devices)" is the preferred method, offering more options, previews, and multiple previews.
Slicing a Button Example
- A typical button may have text, an icon, and a shadow.
- Image parts involve one own tile or background and four corner parts.
- Shadow parts involve two own tiles side and bottom and three corner parts.
- Not all buttons have all parts, and some have less or more parts,
Feathering
- Feathering is a technique used in computer graphics software to smooth or blur the edges of a feature.
- The term is inherited from a technique of fine retouching using fine feathers.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.