How To Make Two Color Background In Photoshop

Photoshop User Guide
Introduction to Photoshop
1. Dream it. Get in.
2. What's new in Photoshop
3. Edit your first photograph
4. Create documents
5. Photoshop | Common Questions
6. Photoshop system requirements
7. Migrate presets, actions, and settings
8. Get to know Photoshop
Photoshop and other Adobe products and services
1. Piece of work with Illustrator artwork in Photoshop
2. Work with Photoshop files in InDesign
3. Substance 3D Materials for Photoshop
4. Photoshop and Adobe Stock
5. Use the Capture in-app extension in Photoshop
6. Creative Deject Libraries
7. Creative Cloud Libraries in Photoshop
8. Use the Impact Bar with Photoshop
9. Filigree and guides
10. Creating actions
11. Undo and history
Photoshop on the iPad
1. Photoshop on the iPad | Common questions
2. Go to know the workspace
3. System requirements | Photoshop on the iPad
4. Create, open up, and consign documents
5. Add photos
6. Work with layers
7. Draw and paint with brushes
8. Make selections and add masks
9. Retouch your composites
10. Work with adjustment layers
11. Adjust the tonality of your composite with Curves
12. Apply transform operations
13. Crop and rotate your composites
14. Rotate, pan, zoom, and reset the canvas
15. Piece of work with Type layers
16. Piece of work with Photoshop and Lightroom
17. Go missing fonts in Photoshop on the iPad
18. Japanese Text in Photoshop on the iPad
19. Manage app settings
20. Touch shortcuts and gestures
21. Keyboard shortcuts
22. Edit your image size
23. Livestream as yous create in Photoshop on the iPad
24. Correct imperfections with the Healing Castor
25. Create brushes in Capture and use them in Photoshop
26. Work with Camera Raw files
27. Create and work with Smart Objects
28. Adjust exposure in your images with Contrivance and Burn
Photoshop on the spider web beta
1. Mutual questions | Photoshop on the web beta
2. Introduction to the workspace
3. Organization requirements | Photoshop on the web beta
4. Keyboard shortcuts | Photoshop on the spider web beta
5. Supported file types | Photoshop on the web beta
6. Open and piece of work with deject documents
7. Collaborate with stakeholders
8. Utilize limited edits to your cloud documents
Deject documents
1. Photoshop deject documents | Common questions
2. Photoshop cloud documents | Workflow questions
3. Manage and piece of work with cloud documents in Photoshop
4. Upgrade deject storage for Photoshop
5. Unable to create or salve a cloud document
6. Solve Photoshop cloud document errors
7. Collect cloud certificate sync logs
8. Share admission and edit your cloud documents
9. Share files and comment in-app
Workspace
1. Workspace basics
2. Preferences
3. Larn faster with the Photoshop Observe Panel
4. Create documents
5. Identify files
6. Default keyboard shortcuts
7. Customize keyboard shortcuts
8. Tool galleries
9. Functioning preferences
10. Utilize tools
11. Presets
12. Grid and guides
13. Impact gestures
14. Use the Touch Bar with Photoshop
15. Touch capabilities and customizable workspaces
16. Technology previews
17. Metadata and notes
18. Touch capabilities and customizable workspaces
19. Identify Photoshop images in other applications
20. Rulers
21. Show or hide non-printing Extras
22. Specify columns for an image
23. Undo and history
24. Panels and menus
25. Position elements with snapping
26. Position with the Ruler tool
Web, screen, and app design
1. Photoshop for design
2. Artboards
3. Device Preview
4. Re-create CSS from layers
5. Slice web pages
6. HTML options for slices
7. Change piece layout
8. Piece of work with spider web graphics
9. Create web photo galleries
Epitome and color basics
1. How to resize images
2. Piece of work with raster and vector images
3. Image size and resolution
4. Acquire images from cameras and scanners
5. Create, open, and import images
6. View images
7. Invalid JPEG Marker error | Opening images
8. Viewing multiple images
9. Customize color pickers and swatches
10. High dynamic range images
11. Match colors in your image
12. Convert betwixt color modes
13. Colour modes
14. Erase parts of an epitome
15. Blending modes
16. Cull colors
17. Customize indexed color tables
18. Image information
19. Distort filters are unavailable
20. About color
21. Colour and monochrome adjustments using channels
22. Choose colors in the Colour and Swatches panels
23. Sample
24. Colour mode or Prototype mode
25. Color cast
26. Add a conditional mode alter to an action
27. Add together swatches from HTML CSS and SVG
28. Bit depth and preferences
Layers
1. Layer basics
2. Nondestructive editing
3. Create and manage layers and groups
4. Select, grouping, and link layers
5. Place images into frames
6. Layer opacity and blending
7. Mask layers
8. Apply Smart Filters
9. Layer comps
10. Move, stack, and lock layers
11. Mask layers with vector masks
12. Manage layers and groups
13. Layer effects and styles
14. Edit layer masks
15. Extract assets
16. Reveal layers with clipping masks
17. Generate image avails from layers
18. Work with Smart Objects
19. Blending modes
20. Combine multiple images into a group portrait
21. Combine images with Auto-Blend Layers
22. Align and distribute layers
23. Copy CSS from layers
24. Load selections from a layer or layer mask's boundaries
25. Knockout to reveal content from other layers
26. Layer
27. Flattening
28. Blended
29. Background
Selections
1. Select and Mask workspace
2. Brand quick selections
3. Get started with selections
4. Select with the marquee tools
5. Select with the lasso tools
6. Select a color range in an paradigm
7. Adjust pixel selections
8. Convert between paths and selection borders
9. Channel basics
10. Move, re-create, and delete selected pixels
11. Create a temporary quick mask
12. Save selections and blastoff aqueduct masks
13. Select the image areas in focus
14. Duplicate, split, and merge channels
15. Channel calculations
16. Option
17. Bounding box
Image adjustments
1. Perspective warp
2. Reduce photographic camera shake blurring
3. Healing brush examples
4. Export color lookup tables
5. Adjust prototype sharpness and blur
6. Understand color adjustments
7. Apply a Brightness/Contrast adjustment
8. Adjust shadow and highlight detail
9. Levels adjustment
10. Suit hue and saturation
11. Conform vibrance
12. Adjust colour saturation in epitome areas
13. Make quick tonal adjustments
14. Employ special color effects to images
15. Enhance your paradigm with colour balance adjustments
16. High dynamic range images
17. View histograms and pixel values
18. Match colors in your image
19. How to crop and straighten photos
20. Convert a color image to black and white
21. Adjustment and fill layers
22. Curves adjustment
23. Blending modes
24. Target images for press
25. Adjust color and tone with Levels and Curves eyedroppers
26. Adjust HDR exposure and toning
27. Filter
28. Blur
29. Dodge or burn image areas
30. Make selective color adjustments
31. Replace object colors
Adobe Photographic camera Raw
1. Camera Raw system requirements
2. What's new in Photographic camera Raw
3. Introduction to Camera Raw
4. Create panoramas
5. Supported lenses
6. Vignette, grain, and dehaze furnishings in Camera Raw
7. Default keyboard shortcuts
8. Automatic perspective correction in Camera Raw
9. How to make non-destructive edits in Camera Raw
10. Radial Filter in Camera Raw
11. Manage Camera Raw settings
12. Open, process, and salvage images in Photographic camera Raw
13. Repair images with the Enhanced Spot Removal tool in Camera Raw
14. Rotate, crop, and adjust images
15. Suit color rendering in Photographic camera Raw
16. Feature summary | Adobe Camera Raw | 2018 releases
17. New features summary
18. Procedure versions in Camera Raw
19. Make local adjustments in Camera Raw
Prototype repair and restoration
1. Remove objects from your photos with Content-Enlightened Fill
2. Content-Aware Patch and Movement
3. Retouch and repair photos
4. Correct image distortion and noise
5. Basic troubleshooting steps to fix most issues
Paradigm transformations
1. Transform objects
2. Accommodate ingather, rotation, and sail size
3. How to ingather and straighten photos
4. Create and edit panoramic images
5. Warp images, shapes, and paths
6. Vanishing Point
7. Employ the Liquify filter
8. Content-aware scaling
9. Transform images, shapes, and paths
10. Warp
11. Transform
12. Panorama
Drawing and painting
1. Paint symmetrical patterns
2. Draw rectangles and alter stroke options
3. About drawing
4. Draw and edit shapes
5. Painting tools
6. Create and modify brushes
7. Blending modes
8. Add colour to paths
9. Edit paths
10. Pigment with the Mixer Brush
11. Castor presets
12. Gradients
13. Gradient interpolation
14. Fill and stroke selections, layers, and paths
15. Draw with the Pen tools
16. Create patterns
17. Generate a pattern using the Design Maker
18. Manage paths
19. Manage pattern libraries and presets
20. Depict or paint with a graphics tablet
21. Create textured brushes
22. Add together dynamic elements to brushes
23. Slope
24. Paint stylized strokes with the Fine art History Brush
25. Paint with a pattern
26. Sync presets on multiple devices
Text
1. Add and edit the text
2. Unified Text Engine
3. Piece of work with OpenType SVG fonts
4. Format characters
5. Format paragraphs
6. How to create type effects
7. Edit text
8. Line and character spacing
9. Arabic and Hebrew type
10. Fonts
11. Troubleshoot fonts
12. Asian type
13. Create type
14. Text Engine error using Type tool in Photoshop | Windows 8
Video and blitheness
1. Video editing in Photoshop
2. Edit video and blitheness layers
3. Video and blitheness overview
4. Preview video and animations
5. Paint frames in video layers
6. Import video files and image sequences
7. Create frame animations
8. Creative Cloud 3D Animation (Preview)
9. Create timeline animations
10. Create images for video
Filters and effects
1. Use the Liquify filter
2. Use the Blur Gallery
3. Filter basics
4. Filter effects reference
5. Add Lighting Effects
6. Use the Adaptive Wide Bending filter
7. Use the Oil Pigment filter
8. Layer effects and styles
9. Apply specific filters
10. Smudge image areas
Saving and exporting
1. Relieve your files in Photoshop
2. Export your files in Photoshop
3. Supported file formats
4. Salve files in graphics formats
5. Motility designs between Photoshop and Illustrator
6. Save and export video and animations
7. Save PDF files
8. Digimarc copyright protection
Printing
1. Print 3D objects
2. Impress from Photoshop
3. Print with colour direction
4. Contact Sheets and PDF Presentations
5. Print photos in a moving picture parcel layout
6. Print spot colors
7. Duotones
8. Print images to a commercial printing press
9. Improve color prints from Photoshop
10. Troubleshoot printing problems | Photoshop
Automation
1. Creating deportment
2. Create information-driven graphics
3. Scripting
4. Process a batch of files
5. Play and manage actions
6. Add conditional actions
7. Nigh deportment and the Actions panel
8. Tape tools in actions
9. Add a conditional mode change to an action
10. Photoshop UI toolkit for plug-ins and scripts
Colour Management
1. Agreement color direction
2. Keeping colors consistent
3. Colour settings
4. Work with color profiles
5. Color-managing documents for online viewing
6. Color-managing documents when printing
7. Color-managing imported images
8. Proofing colors
Content authenticity
1. Learn near content credentials
2. Identity and provenance for NFTs
3. Connect accounts for creative attribution
3D and technical imaging
1. Photoshop 3D | Mutual questions around discontinued 3D features
2. Creative Deject 3D Blitheness (Preview)
3. Print 3D objects
4. 3D painting
5. 3D panel enhancements | Photoshop
6. Essential 3D concepts and tools
7. 3D rendering and saving
8. Create 3D objects and animations
9. Prototype stacks
10. 3D workflow
11. Measurement
12. DICOM files
13. Photoshop and MATLAB
14. Count objects in an image
15. Combine and convert 3D objects
16. 3D texture editing
17. Suit HDR exposure and toning
18. 3D panel settings

Apply a slope fill

The Gradient tool creates a gradual blend between multiple colors. You lot can choose from preset slope fills or create your own.

Yous cannot use the Slope tool with bitmap or indexed-color images.

To fill part of the paradigm, select the desired area. Otherwise, the gradient fill is applied to the entire active layer.

Select the Slope tool . (If the tool isn't visible, concord down the Pigment Bucket tool.)

In the options bar, choose a fill from the wide gradient sample:

Click the triangle side by side to the sample to pick a preset gradient fill up.
Click inside the sample to view the Slope Editor. Select a preset gradient make full, or create a new gradient fill up. (See Create a smooth slope.)

The Neutral Density preset provides a helpful photographic filter for sunsets and other loftier-contrast scenes.

Select an option to determine how the starting point (where the mouse is pressed) and catastrophe point (where the mouse is released) affect slope appearance.

Linear Gradient

Shades from the starting bespeak to the catastrophe point in a straight line.

Radial Gradient

Shades from the starting point to the ending indicate in a round pattern.

Angular Gradient

Shades in a counterclockwise sweep around the starting point.

Reflected Gradient

Mirrors the same linear slope on either side of the starting point.

Diamond Gradient

Shades from the eye to the outer corners of a diamond pattern.

Practise the following in the options bar:

Specify a blending mode and opacity for the pigment. (See Blending modes.)
To reverse the club of colors in the slope fill, select Reverse.
To create a smoother blend with less banding, select Dither.
To employ a transparency mask for the slope make full, select Transparency. (See Specify the slope transparency.)
To select a method for the slope fill up, choose from the method options: Perceptual, Linear, or Archetype. (See Gradient interpolation in Photoshop.)

Position the arrow in the epitome where you desire to set the starting point of the gradient, and drag to define the ending point. To constrain the line angle to a multiple of 45°, hold down Shift as you drag.

Select a gradient in the Gradients panel

Updated in Photoshop 21.0 (November 2019 release)

How to employ new Presets in Photoshop

Learn all virtually applying Photoshop'southward new and improved Presets panels. Julieanne Kost explores everything from swatches to patterns, from gradients to styles and shapes.

Use gradients to layers

To apply a gradient to text layers as a layer effect, exercise any of the post-obit:

Select ane or more than text layers in the Layers console and then click whatsoever gradient in the Gradients console to apply information technology.
Elevate a gradient from the Gradients panel onto the text content on the canvas area.
Elevate a gradient from the Gradients panel onto a layer in the Layers panel.

To apply a slope to a shape layer as shape fill, exercise any of the following:

Select i or more text layers in the Layers panel and then click whatsoever gradient in the Gradients panel to apply information technology.
Drag a gradient from the Gradients panel onto the text content on the sheet expanse.
Elevate a gradient from the Gradients panel onto a layer in the Layers console.

To apply a gradient to text layers or shape layer as a fill layer, do any of the following:

Hold Command (Mac)/ Alt (Win) and elevate a gradient from the Gradients panel onto the text content on the canvas area.
Hold Control (Mac)/ Alt (Win) and drag a gradient from the Gradients panel onto a layer in the Layers panel.

To apply a gradient to pixel layers, do the post-obit:

Drag a gradient from the Gradients panel onto a pixel layer in the Layers panel.
Photoshop automatically creates a make full layer on top of the pixel layer.

Organize gradient presets into groups

To organize gradients under a new grouping:

In the Gradients panel (Window > Gradients), click the Create New Grouping icon.
Specify a group proper noun and click OK.
Drag a gradient or employ the Shift key to select multiple gradients to elevate them inside the Group.

To create nested groups:

Select a grouping in the Gradients panel.
Now, drag and driblet that group under another grouping.

Show legacy gradients

From the Gradients panel menu, choose Legacy Gradients.

Render to the default gradient presets

Cull Restore Default Gradients from the Gradients panel card. You can either replace the current list or append the default library to the current list.

Alter how preset gradients are displayed

Cull a display option from the Gradients console card:

Text Simply

Displays the gradients equally a list.

Small or Large Thumbnail

Displays the gradients as thumbnails.

Small or Big Listing

Displays the gradients as a list with thumbnails.

Rename a preset gradient

If the panel is set to display gradients equally thumbnails, double-click a slope, enter a new name, and click OK.
If the panel is set to display gradients as a list or text only, double-click a gradient, enter a new name inline, and press Enter (Windows) or Return (Mac OS).

Gradient Editor overview

To display the Slope Editor dialog box, click the current slope sample in the options bar. (When yous hover over the gradient sample, a tool tip reading "Click to edit slope" appears.)

The Slope Editor dialog box lets you ascertain a new gradient by modifying a copy of an existing slope. You can as well add together intermediate colors to a gradient, creating a blend betwixt more than two colors.

Photoshop Gradient Editor dialog box — Gradient Editor dialog box

A. Panel carte du jourB. Opacity finishC. Color stopsD. Conform values or delete the selected opacity or color stopEast. Midpoint

Save a ready of preset gradients as a library

Click Save in the Gradient Editor dialog box, or choose Save Gradients from the Gradient Picker bill of fare in the options bar.

Cull a location for the gradient library, enter a file name, and click Relieve.

You can save the library anywhere. Yet, if you place the library file in the Presets/Gradients folder in the default preset location, the library name will appear at the bottom of the panel card subsequently you restart Photoshop.

Load a library of preset gradients

Practice one of the following in the Gradient Editor dialog box:

Click Load to add a library to the current list. Select the library file you lot want to apply, and click Load.
Choose Replace Gradients from the panel bill of fare to supersede the electric current list with a different library. Select the library file you want to utilize, and click Load.
Choose a library file from the lesser of the panel menu. Click OK to replace the current list, or click Append to append the current listing.

You can also cull Load Gradients, Replace Gradients, or choose a library of gradients from the Slope Picker bill of fare in the options bar.

Create a smooth slope

Select the Gradient tool .

Click within the slope sample in the options bar to brandish the Gradient Editor dialog box.

To base the new gradient on an existing slope, select a gradient in the Presets section of the dialog box.

Choose Solid from the Gradient Type pop‑up menu.

To define the starting color of the gradient, click the left color terminate under the gradient bar. The triangle above the stop turns black , indicating that the starting color is being edited.

To choose a colour, practice 1 of the following:

Double-click the colour stop, or click the color swatch in the Stops department of the dialog box. Choose a colour, and click OK.
Choose an pick from the Color pop‑upward carte in the Stops section of the dialog box.
Position the pointer over the gradient bar (the pointer turns into the eyedropper), and click to sample a colour, or click anywhere in the image to sample a color from the prototype.

To define the ending color, click the right color stop under the gradient bar. So choose a color.

To conform the location of the starting point or ending point, do one of the post-obit:

Drag the corresponding colour cease left or correct to the location you want.
Click the corresponding color stop, and enter a value for Location in the Stops section of the dialog box. A value of 0% places the bespeak at the far left end of the gradient bar; a value of 100%, at the far right terminate.

To adjust the location of the midpoint (where the slope displays an even mix of the starting and ending colors), drag the diamond below the gradient bar to the left or right, or click the diamond, and enter a value for Location.

To add intermediate colors to a gradient, click below the gradient bar to define some other color finish. Specify the color and conform the location and midpoint for the intermediate indicate as you would for a starting or ending point.

To delete the color terminate you are editing, click Delete, or drag the terminate downwards until it disappears.

To command the transition betwixt color bands in the gradient, enter a value in the Smoothness text box, or drag the Smoothness pop‑up slider.
The smoothness describes how we pick the color in a given band as we go from color finish to midpoint to color-terminate across the whole gradient. With a unproblematic slope with ii stops and a default midpoint, theoretically, smoothness has no effect. The stop values are already in a line. The smoothness 0 value goes in direct lines connecting stops and midpoints, while a 100% value does a spline curve.

If desired, set up transparency values for the gradient.

Enter a name for the new gradient.

To salve the slope every bit a preset, click New afterwards you lot have finished creating the slope.

New presets are saved in a Preferences file. If this file is deleted or damaged, or if you reset presets to the default library, the new presets will be lost. To permanently salve new presets, save them in a library.

Specify the gradient transparency

Each gradient make full contains settings that control the opacity of the fill at different locations on the gradient. For example, you lot can set the starting color to 100% opacity and have the fill gradually blend into an catastrophe color with 50% opacity. The checkerboard pattern indicates the amount of transparency in the slope preview.

To accommodate the starting opacity, click the left opacity finish above the gradient bar. The triangle below the finish turns blackness, indicating that the starting transparency is beingness edited.

In the Stops section of the dialog box, enter a value in the Opacity text box, or drag the Opacity popular‑up slider.

To adjust the opacity of the end point, click the right transparency cease higher up the gradient bar. Then set the opacity in the Stops section.

To adjust the location of the starting or catastrophe opacity, exercise 1 of the following:

Drag the respective opacity finish to the left or right.
Select the corresponding opacity stop, and enter a value for Location.

To adjust the location of the midpoint opacity (the bespeak midway between the starting and ending opacities), do one of the post-obit:

Elevate the diamond higher up the gradient bar to the left or right.
Select the diamond and enter a value for Location.

To delete the opacity cease you are editing, click Delete.

To add together an intermediate opacity to the mask, click above the gradient bar to define a new opacity cease. You can then conform and movement this opacity as you would for a starting or ending opacity. To remove an intermediate opacity, drag its transparency stop up and off the gradient bar.

To create a preset slope, enter a name in the Name text box, and click New. This creates a new gradient preset with the transparency setting you specified.

Create a noise gradient

A noise gradient is a gradient that contains randomly distributed colors within the range of colors that y'all specify.

Photoshop Noise gradient with different roughness values — Noise slope with dissimilar roughness values

A. 10% roughnessB. 50% roughnessC. 90% roughness

Select the Gradient tool .

Click in the gradient sample in the options bar to display the Gradient Editor dialog box.

To base the new gradient on an existing gradient, select a slope in the Presets section of the dialog box.

Choose Noise from the Slope Type pop‑upwardly carte du jour, and prepare the post-obit options:

Roughness

Controls how gradual the transitions are between color bands in the gradient.

Color Model

Changes the colour components y'all can suit. For each component, drag the sliders to ascertain the range of acceptable values. For example, if you choose the HSB model, you can restrict the gradient to blue-green hues, high saturation, and medium brightness.

Restrict Colors

Prevents oversaturated colors.

Add Transparency

Adds transparency to random colors.

Randomize

Randomly creates a slope that conforms to the settings above. Click the push button until you find a setting you lot like.

To create a preset gradient with the settings you've specified, enter a name in the Name text box, and click New.