Skip to main content
Help center

How can we help?

Practical help for fonts and creative resources. Learn how to identify and install typefaces, understand licences and file formats, import Photoshop brushes, gradients and patterns, edit PSD effects and mockups, work with texture overlays, and troubleshoot downloads without guessing at the workflow.

Photoshop resource help

How to add and edit each resource type.

Different resource files belong in different Photoshop panels or workflows. An ABR brush is imported, a PAT pattern is loaded as a preset, a JPG texture is placed as a layer, and a PSD effect is opened as an editable document. Use the matching method below instead of trying to install every download the same way.

JPG / PNG / PSD

Textures and overlays

  1. 1Open your artwork, then place or drag the texture above the layer you want to affect.
  2. 2Scale it to cover the canvas and try Multiply, Screen, Overlay or Soft Light depending on the texture.
  3. 3Reduce opacity and use a layer mask so faces, logos and small text stay readable.

Keep the original texture on its own layer so the effect remains reversible.

ABR

Photoshop brushes

  1. 1Open the Brushes panel in Photoshop and use its panel menu to import the ABR file.
  2. 2Select a new blank layer before testing the brush so the artwork underneath stays untouched.
  3. 3Adjust size, spacing, flow and pressure-related settings to suit the canvas and drawing tool.

Photoshop menu wording can vary slightly by version, but ABR files belong in the Brushes panel.

GRD / PSD

Gradient maps and presets

  1. 1Import a GRD preset through the Gradients panel, or open the supplied PSD when the resource is document-based.
  2. 2For photo colour grading, use a Gradient Map adjustment layer rather than painting over the original image.
  3. 3Move colour stops, lower opacity and mask areas where skin tones or brand colours need protection.

A gradient map remaps light and dark values; it is different from simply drawing a gradient across the canvas.

PAT

Photoshop patterns

  1. 1Open the Patterns panel and import the PAT file from the panel menu.
  2. 2Apply the pattern with a Pattern Fill layer or another non-destructive pattern workflow.
  3. 3Check the repeat at the final output size, then adjust scale, colour and contrast around important typography.

Test a pattern over a larger area than the preview tile so seams and repetition are easy to spot.

PSD

Text and photo effects

  1. 1Open a duplicate of the PSD and inspect the Layers panel before replacing anything.
  2. 2Look for editable text, a Smart Object or a clearly labelled placeholder; the exact method depends on the file.
  3. 3Replace the sample content first, then tune layer styles, masks, colours and adjustment layers for your project.

Do not assume every PSD uses the same Smart Object workflow. Follow the layer structure in that specific file.

PSD

Mockups

  1. 1Open a duplicate and find the intended artwork area in the Layers panel.
  2. 2Replace the placeholder using the editable method provided by the file, then save back to the main mockup.
  3. 3Inspect crop, perspective, shadows, reflections and small text at 100% before exporting the presentation image.

Keep the layered master and export a separate JPG or PNG for presentation or portfolio use.

AEP / project files

After Effects templates

  1. 1Open these resources in Adobe After Effects rather than Photoshop.
  2. 2Confirm the required After Effects version, fonts, linked media and plugins before replacing placeholders.
  3. 3Edit labelled compositions or exposed controls first and render a short test before the final export.

A motion template is not a Photoshop preset. Use the application named on the individual resource page.

Photoshop changes menus and panel wording between versions. If a command name is slightly different, look for the matching Brushes, Gradients or Patterns panel rather than forcing the file through another import method.

Font help basics

From download to real project.

A font is more than a preview image. Before using one, check the designer or source, read the licence, confirm the file contains the characters you need, install the desktop format correctly and test real project wording at the final size. For websites, use webfont formats and load only the weights the design needs.

Understand font licensing
01

Download and extract

Keep the original ZIP and licence information. Extract the package before installing TTF or OTF files.

02

Install the desktop font

Use your operating system's font installation method, then restart an application if the new family does not appear immediately.

03

Test actual content

Preview the exact brand name, heading, numerals, punctuation and language characters the project needs.

04

Check the licence

Commercial use, web embedding, modification and redistribution are separate permissions. Read the specific font licence.

05

Use webfonts correctly

For a website, prefer WOFF2 where appropriate and load only the family styles and weights used in the interface.

06

Keep project records

Store the source URL, licence and font name with the project so later revisions do not depend on memory.

File format reference

Know what you downloaded before opening it.

TTF / OTF

Desktop font files for design applications such as Photoshop, Illustrator and many office apps.

WOFF / WOFF2

Webfont formats intended for websites. WOFF2 is generally the smaller modern web format.

PSD

Layered Photoshop document. Editability depends on the layers, Smart Objects, masks and effects included.

ABR

Photoshop brush preset file, imported through the Brushes panel.

GRD / PAT

Photoshop gradient and pattern preset formats, imported through their matching panels.

JPG / PNG

Image resources used as textures, overlays, previews or exported artwork. PNG can preserve transparency.

ZIP

A delivery archive. Extract it first so you can see the included files, readme and licence information.

Before using a font or resource.

A short check before editing can prevent broken files, missing fonts and licence confusion later. The individual resource page shows the primary format, intended software, licence information and available size metadata so you can decide whether the download fits the project before building around it.

Check the file format and intended software before downloading.

Extract ZIP archives before trying to install fonts, brushes or presets.

Keep the original licence or readme with the project files.

For fonts, test the exact words, numbers and symbols your design needs before committing.

For PSD resources, work from a duplicate so the original stays clean.

For client work, confirm that the licence covers the intended use and do not redistribute source assets unless permission clearly allows it.

Detailed references

Need the full explanation?

The Help Center gives task-focused instructions above. These longer guides cover typography decisions, licensing, Photoshop workflows and webfont setup in more depth.

Browse all guides

Image Font Finder

Identify fonts from logos, screenshots, posters and other images.

Installing Fonts

Add fonts to Windows, macOS, Linux, Android, iPhone and iPad.

Licensing

Understand what you can and cannot do with a font.

File Formats

TTF, OTF, WOFF, WOFF2 and variable fonts explained.

Typography

Foundations of type, pairing, and readability.

Choosing Fonts

Pick the right typeface for logos, brands, sites and print.

Designers & Foundries

Learn how type designers, font foundries, credits and authorship work.

Creative Resources

Use PSD text effects, brushes, textures, mockups and motion templates effectively.