Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Blog

Articles on: Illustrator

Optimizing SVG Files

What is SVG?

SVG stands for scalable vector graphics. It’s an XML-based coded file format that enables us to use vector graphics in webpages.

Why Should You Optimize SVG Files?

Design apps such as Sketch, Adobe XD, and Illustrator code SVG files differently. Some produce cleaner code than others. Regardless of what app codes the SVG file, it’s likely that the code can be further optimized, offering cleaner code and a smaller file (which downloads faster). Loading speed is important because website speed is one factor that affects your website’s Google ranking.

Optimizing SVG files can have other benefits. Once we had an SVG file that Illustrator didn’t like. The SVG was exported from Sketch, and we were trying to open it in Illustrator. We got an error message and it appeared wrong in Illustrator. After optimizing the SVG file, it imported without error and looked correct!

Sketch Web Design Web Development UI Design Illustrator Adobe XD

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

What’s New in Illustrator CC 2019?

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

Freeform Gradients

In addition to Linear and Radial gradients, Adobe added a new kind of gradient called Freeform gradients. Freeform gradients are similar to a gradient mesh, but are easier to work with and the color blending acts differently.

You can add color stops (places where you choose a color) anywhere in an object and move them around. These color stops can be points or lines. You can switch between the two modes in the Gradient panel, Properties panel, or Control panel.

Adobe Illustrator

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: Introduction to Adobe Illustrator

In this seminar we'll cover the basics of Illustrator so you can get started using it to create graphics for web, print, signage, or anything!

LEARN MORE:

Illustrator Class (attend in New York City or Live Online)

Illustrator Book (eBook or Print)

 

Adobe Illustrator