JE

JONATHAN EARLEY

  • BIO

  • PORTFOLIO

    • DES.01: TYP
    • DES.02: WEB
    • DES.03: LOG
    • DES.04: EDU
    • PHO.01: STL
    • PHO.02: POR
    • PHO.03: MOD
    • VID.01: MOT
    • ILL.01
    • CGI.01
  • TRAINING

  • SKILLS

  • PRESS

  • RESUME

  • CONTACT

  • More

    Use tab to navigate through the menu items.
    EN
    EN
    DE
    ES
    FR
    JA
    untitled image
    Jon Applies for a Job
    This is the introductory video that got me my current job as of 5 years ago.
    untitled image
    Laserbird Townhall
    As a way of making a splash as a new-coming in San Antonio, I assembled a panel of tech CEOs and had a discussion on the future of education.
    untitled image
    Room Tour
    In this video, I give a quick tour of the philosophy and UX behind my classroom setup.
    untitled image
    College Course Intro
    In this long-form, screencast, I discuss my philosophy behind the structuring of a college Web Design course I've taught.
    MeMo
    MeMo
    Short for "Meta Method" and "Modern Monastic", two informal vehicles I'm using to drive my creative pursuits, this site is how I distribute my lessons to my students.
    untitled image
    What the Heck is Typography
    A short snippet from an online education series I started called "Laserbird Academy" explaining some of the fundamentals of type.
    untitled image
    Layout Pitfalls
    A short snippet from an online education series I started called "Laserbird Academy" explaining common design errors to avoid.
    untitled image
    Layout Best Practices
    This video introduces the ideas of UX, CTAs, and Wireframes.
    untitled image
    Using Fiverr to Buy and Sell Services
    I hired someone on #Fiverr for less than $30 to professionally draw my rough concept of a sci-fi moon drawing in a comic book #illustration style. I came up with the concept while drawing in a #VR graffiti program called #KingSpray.
    untitled image
    How to Create Your First GIg on Fiverr
    I show you every step of how to create a #seller account on #Fiverr and give general advice ln best practices and what to avoid. This is part 2 of a 3-part series explaining the ins and outs of Fiverr.

    untitled image
    How to Get Your First Fiverr Gig… In Reverse
    In this video, I explain how I got my first Fiverr gig by avoiding what most videos advise and going straight to a friend. I also give advice on how to best work with your first buyer to make sure the process goes smoothly.
    untitled image
    Create Your Own Deep Fake
    In this video, I explain how to use Uberduck.ai to recreate some of the most popular cartoon characters' or rappers' voices.
    untitled image
    Color Theory Through Fortnite
    In an attempt to tie color theory principles with the craze of Fortnite, I explain how each of the unit's color vocab terms could be seen.
    untitled image
    Drake Teaches Perspective
    I used shots from Drake's Hotline Bling and Dark Knight to explain how one and two point perspective work.
    untitled image
    The Layout of Spongebob
    I break down the layout and composition of each shot of a short clip of Sponge Bob to help students prepare for the final.
    untitled image
    Teach All the Typography
    I explain typography terms as seen in KnowYourMeme.com.
    untitled image
    Careers in Digital Art
    To help explain the relevance of the various creative roles we learned about in class, I search them through IMDb on the production of Avengers.
    untitled image
    Face Swap Part 1
    As requested by some students, I offer a base introduction to Photoshop, I showed the students how to place my head on Thanos'.
    untitled image
    Face Swap Part 2
    I continue my previous tutorial by showing how to use Hue/Saturation adjustment layers in Photoshop.
    untitled image
    Recreating Spotify in Figma
    I created a series of video tutorials showing the students how to create an interactive prototype of Spotify.
    untitled image
    Animation Curve Editor
    In this tutorial, I demonstrate how to use bezier keyframe curves to easily adjust the flow of animation in After Effects.
    untitled image
    Learn Adobe Xd
    In this tutorial, I introduce the core features of Adobe Xd by using a pre-existing template that comes standard with Xd.
    Out of gallery
    HOME
    CERTS & SKILLS
    BIO
    RESUME
    PORTFOLIO
    PRESS
    • Email
    • Behance
    • Black LinkedIn Icon
    • 00_Clubhouse_Symbol_Blurple_edited_edite
    • Pinterest
    • Black YouTube Icon

    © 2022 Jonathan Earley.