Unlocking Creative Secrets For Designers!

Summary of the Subtitles (Color + Finishing Techniques for Designers)

The video teaches a workflow for creating cohesive color schemes and then fixing/strengthening color unity in finished designs. It combines color theory (harmony) with practical Photoshop finishing methods.

1) Choose a base color (start from intention/brand/industry)

• Pick one base color for the design.
• Choose it based on:
  • The emotion you want to evoke (e.g., blue = calm)
  • The brand/client’s existing color
  • Typical industry associations (e.g., green for vegan)

2) Build a palette using color-harmony relationships

Using the base color, test it on the color wheel across three harmony types:

• Complementary harmony

  • Produces strong contrast

  • The complementary color can vary depending on the base color’s exact tint/shade (e.g., green might pair with orange-reds, purples, or even brown).

  • Use a second color for focal points / calls-to-action.

• Analogous harmony

  • Uses neighboring hues (e.g., greens → blues/purples or greens → yellows)
  • Tends to be less contrast and more subtle/calm
  • Can expand beyond 3 colors (several nearby hues) for more subtle variation.

• Split complementary harmony

  • Uses the base color plus two secondary colors on either side of the complement (example: green + purple + orange).

  • Creates variety while maintaining harmony.

3) Fix “unorganized” designs by forcing color cohesion (Photoshop trick)

If the design feels disconnected, the creator suggests a quick unifying method:

• Create a shape layer (blue is used as the example) above the design.
• Change the shape layer’s blend mode.
• Adjust opacity until the whole scene looks more unified (“gels”).
• Note: may not work for every design, but it’s presented as a useful trick.

4) Use color hierarchy to control the viewer’s eye

• Apply color to guide attention via hierarchy and contrast.
• Especially relevant for UI:
  • Make clickable buttons / important information stand out clearly with color.

5) Demonstrations of harmony usage (examples shown conceptually)

• McDonald’s example: starts with a brand color (red) and uses a complementary pairing (deep green) to emphasize focal points.
• Analogous example: uses analogous colors with gradients for a calming, non-jarring effect.
• “Sneaky” gradient example: described as split-complementary behavior where:
  • The base isn’t the classic base (red is used more as an accent),
  • Small red touches highlight details,
  • A gradient ties the palette together.

6) Recreate the gradient-color highlight effect (Photoshop steps)

A quick Photoshop recipe:

• In Photoshop:
  • Go to Layers → add an Adjustment Layer:
    • Desaturate the image.
  • Add another Adjustment Layer:
    • Gradient (choose the gradient and set the angle).
  • Important ordering: place the gradient adjustment layer ABOVE the desaturation layer.
  • Change the gradient blend mode (example: Overlay).
  • Adjust opacity if the effect is too strong.
• Additional emphasis tool:
  • Use the Dodge tool to lightly paint/lighten areas you want emphasized.
  • Use low exposure (example: 2–3).

7) Final touch: typography

• After color work, add “dope typography” as finishing touches.

8) Use HSB sliders to control emotional color feel

Use HSB:

• H = Hue (position on the color spectrum)
• S = Saturation (richness)
• B = Brightness

If your palette already works, use HSB to stay in the same “ballpark” while changing mood:

• More saturation = louder
• Less saturation = calmer

The video connects this to shaping an emotional response through color.

9) Mentioned design principle: 60/30/10 rule

• Refers to the 60 30 10 rule (originating from interior design) to help create an effective color palette and layout distribution.

---

Artistic Techniques / Creative Concepts Highlighted

• Planning palettes with the color wheel (complementary, analogous, split-complementary)
• Designing with emotion-driven color choices
• Creating focal hierarchy using color contrast (especially in UI/button design)
• Achieving cohesion via blend modes + opacity overlays (color-unifying overlay shape)
• Using gradients to keep analogous schemes calming/subtle
• Accent lighting with Blend modes + Dodge tool
• Iterative mood control using HSB (Hue/Saturation/Brightness) sliders
• Applying a structured proportion guideline for palettes (60/30/10)

---

Creators / Contributors Mentioned

• No specific individual name is provided in the subtitles.
• The subtitles reference “a video on this channel” (and “a different video”), but the creator identity is not stated.

---