What is Typography?

Common types of fonts

Display

Font Language

Choosing Fonts

Complementary Font Styles

Hierarchy

Leading & Tracking

Kerning

Conclusion

Introducing

Cut out text effect

Video text effect

Splatter (grunge) text effect

Glitch Typography

Sphere Typography

Crack Text Effect

Fresh Text Effect

Split Typography

Under Water text effect

Leaf Typography Art

Introduction

How InDesign tries to correct widows and orphans for you

What is an orphan in typography?

Option 1: Rewrite the copy

Option 2: Change the type size

Option 3: Change the tracking

Tracking vs. kerning in typography

Condense the space by reducing tracking

Best practices for tracking

Try increasing the space by increasing tracking

What is a widow in typography, and how do I fix them?

Adding discretionary line breaks

How to use these techniques for other layout challenges

Closing remarks

SEAMLESS transitions

MOTION GRAPHICS elements

LOWER thirds

CALLOUTS

TRANSITION mattes

Create Nav Bar and Grid System

Add Typography

Create a Pie Chart

Add Pie Chart Styling

Create Mobile Top Bar

Add Icons to Pie Charts

Add Pie Chart Details

Final Adjustments

Create Promo Videos FAST with this FREE Editing Template

FREE Timeline Template

Choosing Music with the Right Tempo

Adding Footage to the Template

Changing the Typography

Really Important Thing to Watch Out For

Customizing Effects

Why do you need custom fonts?

[Important] Increase Site Speed

Method 1 : Change Font using Customize Option

Method 2 : Setup Google Font Typography

What to do if you face errors?

Use this plugin for more Font settings

Introduction

What we'll cover

Showing the preview mode

What does rag mean in typography?

What does a bad rag look like?

Can you use manual hyphenation to fix the rag?

Use discretionary hyphens to fix the rag

Why isn't my discretionary hyphen showing?

Closing remarks

Intro

Flip Text Typography

Liquid Distortion Typography

3D Box Text Typography

3D Circle Text Typography

Echo Typography

Intro

An example of a Poster without Visual Hierarchy

What is Visual Hierarchy?

Categorising the most important design elements

Explanation of why the example poster has bad Visual Hierarchy

Objective of the example poster

Important Tip - 'Find the key message'

Scaling and arranging typography

Why layout is important

Adding a line break to separate design elements

The importance of balance

Breaking up the message

Rearranging and aligning of secondary message

Scaling secondary message

Using extra design elements to break up a message

Outro

Introduction

Typography

How to change font sizes

How to format thickness of text

How to change case type of text

Text colors

Text alignment

Intro

Web Design is king

3d Websites

Improving your designs

Big Typography

Unique visuals

Minimal Photos and Videos

Crazy animations

Bento boxes

Huge Product Showcases

Monochrome Design

Colorful Auroras

Classic Minimalism

Brutalism

Photo Grids

Text Heavy

Insane Quality Showreels

Introduction

The page we’ll break down

Analyzing the typography

Breaking down the layout and finding repeating patterns

The wrappers/containers

Looking at the smaller details

Intro

Escape From Hellview

Kinetic Typography

Escape From Hellview

Outro

Eyes Typography

Lips typography

Face Typography

Final effects

Rotate Rotate 90 Clockwise

Intro

Custom Load Fonts

Global Colours

Font Clamp (Optional)

Add the Root HTML (Optional)

WebP Image. Conversion

Remove the Title and Set to Canvas

Using Containers for the Header Banner

Add Social Sharing Icons

Align the Container Items to the End

Check the Header for the Mobile

Set the Container Background Image

Overlapping the Header and the Hero Banner

Add a Heading to the Hero Banner

Add another Heading to the Hero Banner

Wrap the Container’s Contents

Add CTA Buttons

Review the Hero Banner for the Mobile Again

Alternate Image for the Background on the Mobile

Add Buy Now Buttons to External Stores

Add Motion Effects to the Book

Check the Latest Book Container on the Mobile

Create the other Books Container

Create a Contact the Writer Container

Conclusion and the End Result