DESIGN PROCESS AND LAYER TYPES
DESIGN PROCESS
How Graphic Design works (The Process)
1. Brainstorming: brief or Ideation
2. Research
3. Draft Sketch (Optional)
4. Concept development
5. Design
6. Refine / Proof Read
7. Deliver
Formats (JPG, PNG, GIF, PSD …)
Formats are the types of files that store digital images.
Different formats have different characteristics, such as compression, quality, transparency, and
animation.
Some of the common formats are:
JPG (Joint Photographic Experts Group): is a format that compresses images to reduce their
file size. JPG is suitable for photos and images with many colors and details, but it may cause some
loss of quality and artifacts.
PNG (Portable Network Graphics): is a format that preserves the quality and transparency of
images. PNG is suitable for graphics and images with solid colors and sharp edges, but it may have a
larger file size than JPG. Supports transparent backgrounds.
Formats (JPG, PNG, GIF, PSD …)
GIF (Graphics Interchange Format): is a format that supports animation and transparency.
GIF is suitable for simple animations and images with few colors, but it may have a lower quality and
resolution than JPG or [Link] (Portable Network Graphics): is a format that preserves the quality
and transparency of images. PNG is suitable for graphics and images with solid colors and sharp edges,
but it may have a larger file size than JPG. Supports transparent backgrounds.
PSD (Photoshop Document): is a format that stores images as layers, which can be edited in
Photoshop.
Websites for File Assets:
Stock Photos Fonts Mockups
[Link] Google Fonts [Link]
[Link] [Link] [Link]
[Link]
Font Squirrel
Other Resources
Icons and Illustrations
[Link] Textures and Patterns [Link]
[Link] [Link]
[Link] [Link]
LAYER TYPES IN PHOTOSHOP
Types of Layers
Standard Layers
Pixel Layers: Basic layers that contain image data (pixels).
Smart Object Layers: Layers that contain image data from raster or vector images,
allowing for non-destructive editing and transformations.
Adjustment Layers : Brightness/Contrast, Levels, Curves, etc.
Fill Layers: Solid Color, Gradient, Pattern.
Type Layers; Layers that contain text.
Shape Layers ; Layers that contain vector shapes.
Smart Filter Layers : Filters applied to Smart Object layers that remain editable.