Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Blog

Articles on: Photoshop

Variable Fonts: Exciting for Designers & Developers

What are Variable Fonts?

Variable fonts are a new kind of font that allows for amazing new levels of flexibility. With just one font file you can alter thickness, width, or just about any attribute you can think of... all while keeping the file-size small (important for websites).

Do not limit your thinking to the standard options that you’ve seen before (bold, italic, extended, condensed, etc.). Font designers can make variable fonts do all sorts of cool things!

example of adjusting a variable font

Sketch Web Design Web Development UI Design Adobe Photoshop Illustrator Adobe XD

Photoshop Tutorial: Using Hair Brushes to Paint Hair Masks

Topics: Using custom hair brushes to create a selection/mask, Refining the hair mask, Removing a color cast

Exercise Preview

Photo courtesy of istockphoto, ProjectB, Image #5164255

Adobe Photoshop

Photoshop Tutorial: Using Channels to Make Hair Selections

Topics: Making a selection using Channels & Curves, Refining the selection with the History Brush, Refining the hair mask

Exercise Preview

Photo courtesy of istockphoto, ianmcdonnell, Image #8884668

Adobe Photoshop

Photoshop Tutorial: Intro to Hair Retouching

Hair Selections & the Search for the Holy Grail

Hair Selections & the Search for the Holy Grail Everyone’s looking for the easy path. The internet is filled with so-called experts doling out “tips, tricks, and techniques,” and they may sound like they are the answer, but when you try them on your photos, you just get frustrated because they don’t work. You think there’s something wrong with you or your retouching skills, but maybe that technique only worked on that one photo and background combination! It’s not as easy as learning one tip or technique. Hair is more complex than that. A blonde on a dark background must be treated differently than a blonde on a light background.

Adobe Photoshop

What’s New in Photoshop CC 2019?

Each year Adobe comes out with new features, so what changed in Photoshop CC 2019? We’ll cover the most important changes we think you should know about.

Changes to Multiple Undo

Prior to Photoshop CC 2019, Cmd–Z (Mac) or Ctrl–Z (Windows) acted as a toggle. It would undo, and then redo the very last thing you did. I always thought this was because of Photoshop’s roots in photography. It was useful to compare the before and after states to see if the retouching/color correction you just applied looks good. Regardless of the reason, it did make Photoshop different than other Creative Cloud apps. CC 2019 changes the keystroke to work like InDesign, Illustrator, etc.

  • In CC 2019 each time you hit Cmd–Z (Mac) or Ctrl–Z (Windows), you will go farther back in your file’s history.
  • To redo, you now hit Cmd–Shift–Z (Mac) or Ctrl–Shift–Z (Windows).
  • Miss the old toggle-style undo? Use Cmd–Opt–Z (Mac) or Ctrl–Alt–Z (Windows).

If you don’t like the new keystrokes, you can revert back to the prior behavior as follows:

  1. Go into Edit > Keyboard Shortcuts.
  2. Check on Use Legacy Undo Shortcuts and click OK.
  3. Restart Photoshop.

Adobe Photoshop

Photoshop Tutorial: Intro to Photo Retouching

Here’s a free sample exercise to get you started photo retouching in Photoshop and get a taste of Noble’s teaching style. 

In this step-by-step exercise, you’ll perform common retouching tasks: eliminating red eye, erasing facial blemishes, and removing an undesired background element. Download a PDF of the exercise and class files to begin.

Photoshop

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 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: 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: 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

Sketch Web Design Adobe Photoshop Adobe XD