1° SESIÓN PHOTOSHOP N 0.8

Name: 1° SESIÓN PHOTOSHOP N 0.8
Uploaded: 2023-09-29T02:23:10.000Z
Duration: 3 h 56 min 9 s

Introduction to Graphic Design Software

Overview of the Program

The session begins with a welcome message, indicating that the focus will be on Adobe software, specifically Photoshop, Illustrator, and InDesign.

The chat feature is disabled for better order during the presentation; it will be re-enabled for questions later.

Software Requirements

Participants are informed about the necessity of having Adobe software installed to participate in the four-week program.

Instructions are provided on how to acquire Adobe products through their official website, emphasizing that they require a paid license or a free trial version.

Installation and Accessing Software

Installation Guidance

If participants encounter difficulties installing the software, they are encouraged to seek tutorials for assistance.

Once installed, shortcuts will appear on their desktop for easy access to each program.

Class Schedule

The schedule includes Photoshop sessions on Mondays, Illustrator on Wednesdays, and InDesign on Fridays.

The current version being used is 2023; differences from previous versions will be highlighted as needed.

Navigating Photoshop Interface

Initial Setup

Upon opening Photoshop, users can view recent files and access them quickly through a dedicated section.

Users can also navigate through menus at the top of the interface to create or open documents.

Creating New Documents

To create a new document, users can either use menu options or click a blue button labeled "New File."

Keyboard shortcuts (e.g., Control + N for new document creation) are introduced for efficiency in workflow.

Document Configuration Essentials

Importance of Document Settings

Configuring document settings is crucial based on its intended use—digital editing versus print design.

Digital vs. Print Settings

For digital projects like social media graphics, specific dimensions (e.g., 1080x1080 pixels), resolution (72 DPI), and color mode (RGB) should be set.

Color Mode Explanation

Photoshop Navigation and Tools Overview

Document Setup and Canvas Configuration

The initial setup of a new document in Photoshop can vary; the background may appear as black or transparent depending on user configuration.

Users are encouraged to select an appropriate color profile, with sRGB being the most commonly used for digital work.

Zooming and Navigating the Canvas

The zoom tool allows users to click and drag to zoom in on specific areas of the canvas; holding 'Alt' while clicking will zoom out.

A status bar at the bottom displays the current zoom percentage, helping users manage their view of the canvas effectively.

Users can reset their view to 100% by adjusting the zoom percentage back, which is crucial when working on detailed projects.

Moving and Rotating the Canvas

Pressing the spacebar enables users to move around the canvas easily, while using 'H' also activates a hand tool for navigation.

The rotation tool allows for precise adjustments; holding 'Shift' while rotating snaps it to exact angles, aiding in accurate editing.

Digital Painting and Photo Retouching Techniques

Photoshop supports both photo retouching and digital painting, allowing artists to manipulate their canvas similarly to traditional media.

Rotating the canvas during editing can enhance workflow efficiency by providing better angles for detail work.

Tool Identification and Usage

Hovering over tools reveals brief descriptions or instructional videos that explain their functions, facilitating quicker learning.

Each tool has a corresponding keyboard shortcut (e.g., 'L' for magnetic lasso), which streamlines access and improves productivity.

Workspace Organization

The workspace consists of a gray area representing the desktop where all panels are organized; tools are located on the left side.

Panels on the right side provide essential navigation options related to layers and properties relevant to active tools.

Menu Functions in Photoshop

The menu at the top includes file management options such as creating, opening, saving, or exporting documents efficiently.

Image Editing Techniques and Tools Overview

Introduction to Image Transformation

The concept of "free transformation" is introduced, which aids in the development of image editing programs.

Key adjustments available include contrast, brightness, saturation, and photography filters.

Contextual Taskbar Features

A contextual taskbar option is highlighted that provides quick access to various tools and suggestions for image manipulation.

Users can import images directly from their folders using a simple click interface; pressing 'Enter' confirms the action.

Selection Tools and Options

The magic wand tool is discussed as a selection generator; it allows users to select specific areas within an image.

The contextual bar offers suggestions based on selected tools, such as creating masks or adjustment layers.

Canvas and Image Size Management

Users can view the overall canvas size rather than just the imported photo dimensions by accessing the "image size" feature.

Opening different documents shows how tabs adjust according to opened files, allowing easy navigation between them.

Resolution and Quality Assessment

To check an image's resolution, users navigate to "image size," where they can see pixel density and dimensions in centimeters.

It's emphasized that checking image quality is crucial before proceeding with edits or designs.

Layer Management in Photoshop

Layers are essential for organizing elements within an image; options include creating new layers or duplicating existing ones.

Working with Guides and Panels in Design Software

Unlocking and Moving Images

The speaker demonstrates how to unlock a photo that is initially locked, allowing it to be moved freely within the workspace.

Once unlocked, the image can be centered using smart guides that appear automatically when enabled in the view menu.

Utilizing Smart Guides for Alignment

Smart guides help align elements precisely; if disabled, moving an image will not show any alignment aids.

Users can also align images with the canvas or selections through properties options, ensuring accurate placement.

Managing Guide Settings

The speaker explains how to lock guides to prevent accidental movement; once locked, they cannot be adjusted until unlocked again.

Emphasizes the importance of using both smart guides and manual alignment tools for effective design organization.

Navigating Window Options

Discusses accessing various panels (like layers and properties), which may not appear by default depending on installation settings.

Users are guided on how to activate necessary panels from the window menu for a customized workspace.

Customizing Workspace Layout

The concept of "workspace" is introduced, where users can organize panels according to their specific needs (e.g., photography vs. graphic design).

Restoring default panel layouts is explained, allowing users to revert changes if needed.

Saving Custom Workspaces

Users can create new custom workspaces by saving their preferred panel arrangements and tool setups for future use.

Workspace Customization in Photoshop

Creating and Saving Workspaces

The speaker demonstrates how to activate and save a customized workspace in Photoshop, emphasizing the importance of personalization.

Different workspaces can be selected based on the type of project (e.g., painting vs. photography), showcasing flexibility in toolsets.

Accessing workspace options is straightforward; users can navigate through menus or use shortcut windows for efficiency.

Understanding Artboards vs. Canvases

The concept of "artboards" is introduced as a feature unique to Illustrator, while traditional canvases are used in Photoshop.

Users can now create multiple artboards within Photoshop, allowing for more organized project management compared to single canvases.

Managing Layers and Workspaces

As layers accumulate during work, it’s crucial to manage their visibility by expanding the layer panel for better organization.

The speaker stresses that organizing layers effectively enhances workflow and visual clarity when working on complex projects.

Adding New Artboards

To add new artboards, users can click on designated areas or utilize the toolbar's artboard tool for quick access.

Each click on the "+" symbol allows users to expand their workspace by adding additional artboards either horizontally or vertically.

Working with Multiple Artboards

Users are shown how to zoom out and view multiple artboards simultaneously, facilitating easier navigation between them.

The ability to move artboards around provides flexibility similar to Illustrator but may increase file size due to added complexity.

Layer Management Techniques

Organizing Layers Within Artboards

Each artboard operates independently; thus, managing layers within each one is essential for maintaining order across different elements.

Opening Existing Documents

The speaker explains how resources from previous sessions can be accessed via WhatsApp groups, ensuring continuity in learning materials.

Layer Arrangement Strategies

Demonstrating practical examples, the speaker shows how layers should be arranged properly—placing text behind other shapes for effective design layout.

Understanding Standard Formats in Design

Overview of Standard Formats

The speaker discusses various formats recently worked on, emphasizing the importance of standard formats for different media such as print, web, and mobile.

Highlights that some standards are frequently used and can serve as alternatives for projects. Customization is encouraged if the standard does not fit specific needs.

Considerations for Print vs. Digital

When preparing documents for print, it’s crucial to use CMYK color mode instead of RGB; this distinction is vital for accurate color representation.

Users can switch between formats (e.g., from print to digital), allowing flexibility in design choices while maintaining appropriate color settings.

File Management and Saving Practices

Emphasizes the importance of saving work properly by creating a dedicated folder for resources to avoid confusion with files from other locations.

When saving a Photoshop file, it will be saved in its native format (PSD), which allows future edits without loss of quality or data.

Working with Layers and Images

Discusses how to import images into Photoshop, explaining the difference between embedded and linked images—embedded images become part of the document while linked images reference an external file.

After importing an image, users can manage visibility through layers; clicking on the eye icon toggles layer visibility.

Editing Smart Objects

Introduces smart objects that allow editing outside the main document; double-clicking opens them separately for adjustments.

Understanding Layer Management and Rasterization in Photoshop

Saving and Modifying Files

The process of saving changes in Photoshop is initiated with the shortcut Control + S, which indicates that the file is being saved.

After saving, modifications can be observed in the original file; using Control + Z allows users to revert changes back to their original state.

Rasterizing Layers

Rasterizing a layer converts it from a smart object into a regular image layer, meaning any further edits will only affect this version and not the original file.

This conversion is crucial as it ensures that changes are made within the working document rather than affecting the source image stored on disk.

Understanding Pixels and Resolution

In Photoshop, images are composed of pixels; zooming in reveals individual pixel squares that form the overall image.

The resolution of an image (measured in pixels per inch) directly impacts its clarity—higher resolutions yield sharper images while lower resolutions result in reduced quality.

Differences Between Photoshop and Illustrator

Unlike Photoshop, which works with raster graphics (pixels), Illustrator uses vector graphics that maintain quality regardless of scaling until exported as a bitmap format.

When exporting from Illustrator to formats like JPG or PNG, resolution settings must be configured since these formats convert vectors into pixels.

Transforming Images

Transformation controls around an image allow resizing and distortion; holding Shift maintains proportions while dragging handles.

To scale an image proportionally from its center, hold down Alt while resizing.

Working with Layers and Masks

Duplicating layers can be done via right-click options or shortcuts like Control + J for efficiency when editing multiple versions of an image.

Understanding Brush Tools and Masks in Photoshop

Introduction to Brush Tool and Masking

The brush tool in Photoshop is essential for working with masks, allowing users to modify size and hardness settings.

Users can adjust the hardness of the brush from 0 to 100, affecting how soft or hard the edges appear when painting.

Color Functionality in Masks

The color black represents the foreground color in masks, while white represents the background color; black acts as an eraser.

When using a black brush on a mask, it reveals areas by "erasing" them, which is visually indicated by changes in the thumbnail representation.

Switching Between Colors

Pressing 'X' toggles between black and white colors; switching to white allows users to paint back over areas that were erased.

The visible parts of an image correspond to white areas on the mask, while black areas indicate what has been hidden.

Practical Application of Masks

Using a contrasting background color helps visualize changes made through masking techniques.

To continue editing a mask effectively, one must ensure they are selected on the correct layer (mask vs. image).

Precision Techniques with Brushes

For precise edits, users can hold 'Shift' while clicking at two points to create straight lines or exact selections.

The gradient tool can also be utilized alongside brushes for more complex masking effects.

Understanding Hardness Settings

Adjusting brush hardness affects how defined or soft edges appear; lower hardness results in softer transitions.

Choosing appropriate hardness levels depends on specific project needs; sometimes a mid-range setting may provide better results.

Conclusion: Analyzing Tool Choices

Working with Gradients and Layer Blending

Introduction to Layer Blending

The speaker discusses working with gradients, specifically mentioning the use of the Shift key for adjustments. A background layer representing a city and a night sky is prepared.

Understanding Layer Fusion Options

The concept of layer fusion is introduced, explaining how different blending modes can alter the appearance of layers. The default mode is "Normal," but changing it to "Dissolve" creates a speckled effect.

Experimenting with Different Blending Modes

Various blending options are explored based on the photograph's characteristics. For instance, using "Overlay" enhances the visual aspect by merging colors effectively.

Adjusting Opacity for Better Integration

The speaker emphasizes lowering opacity to create a more seamless blend between layers rather than having one appear as an overlay.

Creating New Layers and Using Gradients

A new layer is created, demonstrating how to apply default gradients. The importance of modifying these gradients for desired effects is highlighted.

Exploring Gradient Effects

Applying Default Gradients

Default gradient options are shown, illustrating how they can be dragged onto layers. This process allows for experimentation with different color combinations.

Color Mode Functionality

When applying color modes, the real color of the top layer remains intact while adapting to the background tones. This technique provides interesting visual results.

Inverting Gradient Orientation

The orientation of gradients can be modified (e.g., switching purple and orange), affecting how colors interact within the composition.

Layer Adjustments and Properties

Accessing Adjustment Options

By selecting a photo layer, various adjustment options like hue/saturation and curves become available at the bottom panel, enhancing editing capabilities.

Creating New Adjustment Layers

New adjustment layers can be created directly from existing images, allowing manual modifications such as brightness and contrast adjustments without altering original images.

Finalizing Composition Elements

Activating Layer Properties

Properties activated in adjustment layers affect subsequent layers unless specified otherwise. This feature allows for targeted adjustments that do not impact all layers uniformly.

Adding Textures and Shapes

A new rectangular shape is drawn on a separate layer with texture filling instead of solid color. Opacity adjustments help integrate this element into the overall design effectively.

Layer Styles and Gradients in Photoshop

Applying Gradient Overlay

The speaker discusses selecting a layer and applying a gradient overlay, which allows for the addition of a gradient effect on top of an existing design.

Adjustments can be made to the gradient's opacity and angle, allowing for customization to achieve desired visual effects.

The importance of layering is emphasized; new layers are added on top of existing ones, affecting how they interact visually.

Working with Text Layers

The speaker demonstrates how to add text by selecting the text tool while positioned on the correct layer.

Masks can be applied to various elements (text, photos, shapes), enabling further manipulation such as adding gradients or transparency effects.

Enhancing Layer Visibility

A mask is added to the text layer to create depth by separating it from the background using shadow effects.

Techniques for adjusting shadow properties like opacity and angle are discussed to enhance visibility against backgrounds.

Editing Images in Photoshop

Rasterizing Layers

The necessity of rasterizing smart objects before editing is highlighted; this step allows for more extensive modifications using tools like brushes.

Creating Selections

Instructions are provided on how to load selections based on image silhouettes by clicking on their thumbnails within the layers panel.

Adding Gradient Masks

A new layer is created with a gradient that matches existing tones in order to blend elements seamlessly into the background.

Final Touches and Effects

Incorporating Additional Elements

The process of importing additional graphic elements (like neon letters from another photo) into the project is explained.

Duplicating Layers for Editing

Duplicating layers allows for non-destructive editing; adjustments can be made without altering original images directly.

Applying Filters and Effects

Filters such as 'Flare' are introduced as tools for enhancing lighting effects within images, providing options for customizing brightness and directionality.

Working with Layers and Rasterization in Graphic Design

Layer Management Techniques

The speaker discusses the importance of selecting and deselecting layers using shortcuts like Control + D, emphasizing the need for effective layer management when working with lighting effects.

A demonstration is provided on how to adjust opacity levels for different lighting effects, showcasing how these adjustments can enhance facial illumination in designs.

The process of grouping layers is explained, where multiple background elements are selected and grouped using Control + G for better organization within the workspace.

The speaker highlights the ability to collapse groups in the layers panel, making it easier to navigate through complex projects without clutter.

An explanation is given on how to hide specific text or character layers while maintaining visibility of other design elements, promoting a more organized workflow.

Understanding Rasterization

The chat feature is activated to address questions about rasterization; it's clarified that creating a new document allows for editing images without altering original files.

The distinction between opening an image versus placing it into a new document is made clear; this ensures that original files remain unaltered during editing processes.

A practical example illustrates how rasterization becomes necessary when applying certain edits (like masks), as objects must be converted from smart objects to bitmap formats for manipulation.

The speaker explains that once an object is rasterized, it can be edited freely. However, until then, it remains linked as a smart object which restricts direct modifications.

A detailed walkthrough shows how changes made within a rasterized image do not affect the original file, reinforcing the importance of understanding this concept in graphic design workflows.

Practical Application of Layering Techniques

How to Use Layer Masks and Selections in Photo Editing

Understanding Layer Masks

The concept of layer masks is introduced, emphasizing the idea of overlaying images while maintaining visibility of underlying layers.

Demonstrates how to use a brush tool on a mask to selectively erase parts of an image, allowing for background visibility.

Discusses alternative methods such as making selections around objects (e.g., buildings) instead of using masks.

Techniques for Image Editing

Explains the process of refining images with erasers on masks and creating selections for precise editing.

Describes adjusting opacity levels when working with overlays, highlighting the importance of selection before deletion.

Working with Images and Resources

Advises on organizing resources into folders rather than relying on downloads, promoting better workflow management.

Outlines steps for importing images into projects, including using contextual menus based on software version.

File Management and Document Setup

Clarifies the difference between placing an image in a document versus opening it separately for editing.

Suggests saving edited images as PNG files for digital use after retouching.

Utilizing Artboards in Design Projects

Discusses setting up artboards within documents to facilitate multi-design projects like social media feeds or carousels.

Creating and Managing Layers in Graphic Design

Working with Gradients and Masks

The speaker demonstrates how to create a new document and reduce an image, followed by creating a mask on the photo.

A gradient is applied by clicking and dragging within the mask layer, emphasizing that black erases while white retains visibility.

The gradient tool allows for adjustments in fading effects without altering colors; it focuses solely on transparency.

The process of using the brush tool is compared to gradients, highlighting that both can erase parts of the image based on color selection.

Organizing Layers Effectively

Importance of organizing layers is discussed; participants are encouraged to consult recorded sessions for further guidance.

An example is provided where layers are grouped for better organization, demonstrating how to move the layers panel for visibility.

The speaker explains selecting background layers directly or through layer options, showcasing methods for precise selection.

Grouping Layers

To group selected layers, pressing Control + G creates a cohesive unit named "fondo" (background).

Once grouped, users can still manipulate individual layers within the group without losing their organization structure.

Adding and Managing Elements Within Groups

Users can add more elements into existing groups or duplicate them as needed while maintaining organizational clarity.

Another grouping example involves character masks being organized under a new group titled "personar," illustrating flexibility in layer management.

Finalizing Layer Organization

The speaker emphasizes that hiding groups will also hide all contained elements, aiding in focused design work.

If backgrounds were transparent during creation, they would appear differently than when set to white; this affects overall design visibility.

Understanding Layers and Exporting in Design Software

Overview of Background Layers

The speaker discusses the organization of elements within a background layer, indicating that there are five layers involved.

They mention the importance of downloading programs from adobe.com or utilizing tutorials for assistance.

Difference Between Workspaces and Canvas

A distinction is made between workspaces (mesas de trabajo) and canvas (lienzo), with workspaces allowing multiple designs to be created separately, similar to how Illustrator functions.

Each workspace acts like a separate page, which is useful when exporting designs as PDFs.

Working with Images

The speaker explains that while working on a single canvas, multiple layers can still be utilized.

Quick export options are discussed, highlighting that quick exports default to PNG format without additional choices.

Exporting Options Explained

When using "File > Export > Export As," users have more options such as JPG or PNG and can modify resolution settings.

The importance of file paths during export is emphasized; it’s crucial to know where files will be saved.

Saving for Print vs. Digital Use

For printing purposes, saving as PDF is recommended; users can choose whether to maintain Photoshop editing capabilities.

Activating editing capabilities makes the PDF larger but allows for future edits in Photoshop.

Color Profiles and Final Thoughts

Differences in color representation between PNG and PDF formats are noted; RGB settings may alter colors when printed.

The session concludes with reminders about pixel density for print (300 DPI CMYK) versus digital use (RGB 72 DPI).

Closing Remarks