Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Blog

Articles on: Adobe

Video Tutorial: Web Animation Techniques

How do we animate in this day and age of HTML5? Should you use animated GIFs, CSS, or JavaScript? Animation is coming back to the web in a big way, and the trend is to make things move. You can even add animations to emails. Learn about creating animations with CSS, JavaScript (GreenSock), Photoshop, and After Effects in this free class!

View the Presentation Slides
Download Demo Files & PDF Exercise

LEARN GREENSOCK:
Videos + Book Training:
Class (attend in New York City or Live Online)
Book (eBook or Print)
-----------------------
LEARN ADOBE AFTER EFFECTS:
Classes (attend in New York City or Live Online)
Books (eBook or Print)
-----------------------
LEARN ANIMATED GIFS:
Class (attend in New York City or Live Online):
Book (eBook or Print)

Web Design  Web Animation  Adobe  Photoshop  After Effects

Video Tutorial: Intro to After Effects

Learn to start using Adobe After Effects to create motion graphics/animation video in this free tutorial.

LEARN MORE:
After Effects Classes (attend in New York City or Live Online)
After Effects Books (eBook or Print)

Web Animation  Adobe  After Effects

Video Tutorial: Intro to Photoshop

In this free class stream we’ll cover the basics of Photoshop so you can get started using it for photo retouching, or web and print design.

Continue to learn more in our comprehensive Photoshop classes:
Photoshop Classes (attend in New York City or Live Online)
Photoshop Books (eBook or Print)

Adobe  Photoshop

Video Tutorial: Intro to SVG

If you’re not saving your vector graphics (icons, logos, etc) as SVG for use in your webpages, you should be! Instead of using pixel-based PNGs, keep the graphics as their native vectors (so they download faster and can be used at any size). As great as that is, you can even use JavaScript to animate them!

Download the Presentation Slides
Download Demo Files

LEARN MORE:
HTML5 Animation with GreenSock Class (attend in New York City or Live Online)
HTML5 Animation with GreenSock Workbook (eBook or Print)
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)

Web Design  Web Development  JavaScript  Adobe  Adobe XD

Video Tutorial: Photoshop vs. Lightroom Classic CC

When should you use Photoshop or Lightroom? Photoshop is well known for editing photos. Lightroom was created for photographers who need to catalog and edit large batches of images. We’ll show you their strengths and weaknesses, so you’ll know when to use each app.

LEARN MORE:
Photoshop Classes (attend in New York City or Live Online)
Lightroom Classes (attend in New York City or Live Online)
Books on Lightroom or Photoshop (eBook or Print)

Adobe  Photoshop  Lightroom

Video Tutorial: Introduction to Adobe InDesign

In this free class we’ll cover the basics of InDesign so you can get started using it to create ads, books, magazines, and more!

Keep learning more in our InDesign Classes (attend in New York City or Live Online) or our InDesign Books (eBook or Print)

 

Adobe  InDesign

Video Tutorial: Creative Effects with Adobe Illustrator

Learn how to composite artwork drawn in Illustrator with various effects and photos into a unified color scheme.

Continue learning more in our numerous Illustrator Classes (attend in New York City or Live Online). Or check out our Illustrator Book (eBook or Print).

 

Adobe  Illustrator

Video Tutorial: Designing for Mobile

Learn about designing for mobile websites and apps. In this free class, we’ll cover numerous resources and info.

Want to learn more? Check out the following classes we offer:

Photoshop for Web Design & UI
Sketch in a Day
Adobe XD in a Day
Web Design Certificate
Responsive HTML Email
Mobile & Responsive Web Design

View the Presentation Slides

 

Web Design  Adobe  Photoshop  Adobe XD

Video Tutorial: Secrets to Designing Hi‑Res Web Graphics (Exploring Modern Workflows)

We’ll explain 1x and 2x web graphics, and show you ways to create them quickly and efficiently in Photoshop, Illustrator, Sketch, and XD.

Download the PDF Reference Notes.

LEARN MORE:
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)
Sketch Training
Photoshop for Web & UI Training
Adobe Experience Design (XD) Training

 

Web Design  Adobe  Photoshop  Adobe XD

Photoshop Video Tutorial: Digital Darkroom Techniques

Learn to take an ordinary photograph and transform it into something more interesting using advanced techniques in color, lighting, and focusing adjustment.

Download the Files & Exercise (scroll down to Photoshop Digital Darkroom Techniques). 

LEARN MORE:
Photoshop Classes (attend in New York City or Live Online)
Photoshop Books (eBook or Print)

 

Adobe  Photoshop