Introduction to Adobe Photoshop

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

Adobe ______ is a must-have for any kind of front-end developer or designer.

Photoshop

Adobe Photoshop is an ______ processing tool.

image

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.

<p>platform</p> Signup and view all the answers

In Photoshop, the user has complete creative control over the user ______.

<p>experience</p> Signup and view all the answers

The parts of Photoshop consist of the Menu, Tools, Documents, Indicators, and ______.

<p>Rulers</p> Signup and view all the answers

[Blank] in Adobe Photoshop allow users to arrange and manage different elements of their project efficiently.

<p>Layers</p> Signup and view all the answers

Photoshop ______ consist of workspaces and panels.

<p>tools</p> Signup and view all the answers

The type tool in Photoshop is used to adjust parameters such as font name, font size, line height, font weight, text align and letter ______.

<p>spacing</p> Signup and view all the answers

Approximately 80% of the time you only need to use the tools toolbox, layers and groups toolbox, history toolbox and type ______.

<p>toolbox</p> Signup and view all the answers

Photoshop toolboxes include tools, layers and groups, history, and ______.

<p>type</p> Signup and view all the answers

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 ______.

<p>zoom</p> Signup and view all the answers

The three types of selectors in Photoshop are the marquee tool, lasso tool, and magic ______.

<p>wand</p> Signup and view all the answers

The Photoshop marquee tool is used to select circles, ellipses, and ______.

<p>lines</p> Signup and view all the answers

The Photoshop lasso tool is used to select not predefined ______.

<p>shapes</p> Signup and view all the answers

The Photoshop magic wand tool is used to select by ______.

<p>color</p> Signup and view all the answers

[Blank] are the divs of Photoshop, allowing you to manage different elements of an image separately.

<p>Layers</p> Signup and view all the answers

Groups are another type of divs used to contain any number of ______ of other groups as well.

<p>layers</p> Signup and view all the answers

You can use colors for visual ______ when using layers and groups in Adobe Photoshop

<p>hints</p> Signup and view all the answers

With layers, you can show/hide stuff that bugs us, making it easier to hide things on ______.

<p>top</p> Signup and view all the answers

Photoshop layers are used to separate components in an image, allowing users to show/hide elements and avoid ______ them.

<p>deleting</p> Signup and view all the answers

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.

<p>Groups</p> Signup and view all the answers

If you mess up something in Photoshop, use CTRL+______.

<p>Z</p> Signup and view all the answers

The History Toolbox allows you to stage the file and switch between stages, and revert to the ______ state regardless of errors.

<p>initial</p> Signup and view all the answers

[Blank] toggles between the last two steps of changes that you make.

<p>Undo</p> Signup and view all the answers

[Blank] is when you hide all other layers or duplicate a layer in a new file, then crop and, finally, export.

<p>Slicing</p> Signup and view all the answers

Types of images when slicing are backgrounds and tiles, as well as images with and without ______.

<p>transparency</p> Signup and view all the answers

Background images do not repeat in any direction, whereas tiles repeat in at least one ______.

<p>direction</p> Signup and view all the answers

[Blank] images are identified easily and basically are selected, cropped and saved, tending to be big in size.

<p>Background</p> Signup and view all the answers

[Blank] images are identified easily, are sometimes harder to slice, are usually small in size, and depending on the case, use PNG or GIF.

<p>Tile</p> Signup and view all the answers

When slicing, you can depending on the case, use JPG or ______ when working with background images.

<p>PNG</p> Signup and view all the answers

When slicing, you can depending on the case, use PNG or ______ is more appropriate for tile images.

<p>GIF</p> Signup and view all the answers

When determining image formats, consider using PNG, GIF, and ______.

<p>JPEG</p> Signup and view all the answers

[Blank] is the type of compression, not the format itself and has a high level of compression (almost 1:10).

<p>JPEG</p> Signup and view all the answers

[Blank] is useful with big images but does not support transparency.

<p>JPEG</p> Signup and view all the answers

The Graphics Interchange Format (______), also know as GIF, supports only 8-bit colors.

<p>GIF</p> Signup and view all the answers

The Graphics Interchange Format (GIF) supports ______, unlike PNG and JPEG.

<p>animations</p> Signup and view all the answers

[Blank] is the descendant of GIF and supports 24 and 36 bit colors.

<p>PNG</p> Signup and view all the answers

[Blank] is a high quality image format that supports transparency due to the so called 'alpha channel'.

<p>PNG</p> Signup and view all the answers

For exporting images in Photoshop, Save for ______ (and devices) is the preferred way with much more options.

<p>web</p> Signup and view all the answers

Flashcards

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?

Crop, resize, optimize and correct the colors of digital images.

Parts of Photoshop

Menu, Tools, Documents, Indicators and Rulers.

More parts of Photoshop

Workspaces and Panels.

Signup and view all the flashcards

Essential Toolboxes in Photoshop

Tools, Layers and groups, History and Type.

Signup and view all the flashcards

Key Tools in the Toolbox

Move to click around, Marquee to select, Crop to reduce size, Hand to pan around, Zoom to zoom.

Signup and view all the flashcards

Types of Photoshop Selectors

Marquee Tool, Lasso Tool, Magic Want.

Signup and view all the flashcards

Marquee Tool

Select circles, ellipses and lines.

Signup and view all the flashcards

Lasso Tool

Select not predefined shapes, by drawing on the image

Signup and view all the flashcards

Magic Want

Select by Color.

Signup and view all the flashcards

Layers in Photoshop

Are used to separate components in our image.

Signup and view all the flashcards

Groups in Photoshop

Are well... other type of divs.

Signup and view all the flashcards

What can a Group contain

Contain any number of layers, other groups as well.

Signup and view all the flashcards

ShortCut to undo an action

If you mess up something use CTRL+Z

Signup and view all the flashcards

Type Toolbox

Use the type tool to get: Font name, Font size, Line height, Font weight, Text align and Letter spacing.

Signup and view all the flashcards

Types of images for Slicing

Backgrounds and Tiles.

Signup and view all the flashcards

Backgrounds

Do not repeat in any direction.

Signup and view all the flashcards

Tiles

Repeat in at least one direction

Signup and view all the flashcards

JPEG Format

JPEG is the type of compression, not the format itself, which does not support transparency with possible Loss of image quality

Signup and view all the flashcards

GIF Format

Commonly used for Rarely used images that Supports only 8-bit colors and Supports animations. It Uses lossless compression.

Signup and view all the flashcards

PNG

PNG is the descendant of GIF, that Supports 24 and 36 bit colors and Supports transparency with lossless compression.

Signup and view all the flashcards

Methods for Exporting images

Save as: not recommended and Save for web (and devices): preferred way.

Signup and view all the flashcards

Feathering

Not birdy feathers, but shape feathering is a technique in computer graphics software to smooth or blur the edges of a feature.

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.

Quiz Team

Related Documents

More Like This

Use Quizgecko on...
Browser
Browser