Latest Features of Photoshop CC 2014 for Web Designers: Last month saw the launch of the all brand-new Photoshop CC 2014, with lots of wonderful new features, especially for web designers. In this tutorial, you’ll learn more about the following new or enhanced features, and discover how to get going using them:

  • Smart Objects
  • Layer Comps
  • Smart Guides
  • Typekit Integration
  • Font Search
  • Workflow Enhancements

 Latest Features of Photoshop CC 2014 for Web Designers

Smart Objects

Making use of Smart Objects is a fantastic way to work non-destructively. You could install a Smart Object directly in a Photoshop file or connect to a different data and also upgrade it and reuse it in numerous jobs.

You might currently know with Linked Smart Objects in Photoshop. Essentially, these coincide as typical Smart Objects, however are rather linked to a documents. This means that your Connected Smart Objects typically aren’t really conserved as part of the.psd, but instead externally, as a separate record.

Generally, Linked Smart Objects can always be exchanged an Installed Smart Object, yet not the various other means round. Nonetheless, currently, in Photoshop CC 2014, Installed Smart Objects can be converted into Linked Smart Objects! Below’s exactly how that functions:

Step 1

Right-click on the layer you wish to transform, and then pick Convert to Linked.

Step 2

A brand-new window will certainly appear, asking you to select the location of your new Linked Smart Item. As soon as you’ve found where you would certainly like the new Linked Smart Object to live, click Conserve.

Step 3

That’s it! What was as soon as an Embedded Smart Things, is currently a Linked Smart Object. Wonderful!

 

Layer Comps

Photoshop Layer Comps save details design information such as exposure, position, as well as look as a recallable state, suggesting that you could rapidly switch between various versions of the exact same point.

An instance of this would certainly be a calling card, with two Layer Comps. The very first variation could have the logo left wing, and also the message on the right, whilst the second version might have the logo design on the right, and also the message on the left. It’s a truly simple principle, now made even a lot more powerful with Photoshop CC 2014.

Adobe have significantly improved how the Layer Comps feature works, and this is specifically noticeable when dealing with a project with several layers as well as Layer Comps. Now, you could apply the document’s existing layer setting, exposure, as well as look across all picked Layer Comps.

 

Smart Objects with Layer Comps.

Photoshop CC 2014 introduces a way in which you could combine Smart Objects with Layer Comps. For instance, you may develop a brand-new Photoshop file having many different icons, each specific icon showing up through a various Layer Comp.

You can then utilize that Photoshop data as a Linked Smart Things in other projects, as well as merely select a specific icon by activating its corresponding Layer Compensation. Effectively, it’s like using one Smart Item which has a myriad of various components.

 

Smart Guides

As a web designer, you’ll likely recognize how vital it is to line things up appropriately, and also with the appropriate amount of spacing in between various elements. The good news is, with Photoshop CC 2014, you needn’t stress over these concerns, neither regarding making complex grids using the guide tools.

With the enhanced Smart Guides, you could see the family member range between various objects, permitting you to position things a lot more quickly and efficiently. This function may know to you if you utilize Sketch.

Step 1

To start utilizing Smart Guides, select the Relocate Tool, as well as hold down either the Control trick (on Windows), or the Command key (on Mac OS X). Magenta lines will certainly begin to show up (you can transform this colour under Photoshop > Preferences > Guides, Grids & Slices) revealing you the distance in between the canvas as well as your picked layer.

Step 2

If you want to measure the distance between two different layers, you can do so by directing your computer mouse over the various other layer.

Step 3

Voilà – that’s all! You’re now utilizing the boosted Smart Guides! If you’d rather change the measurements far from the default choice, enable Rulers (either the Control key or Command+ R), and then right-click the leader as well as choose the measurements you wish to use.

 

Typekit Integration

Photoshop CC 2014 offers massive new updates to the way in which the Text tool works. One of the most significant brand-new features is the enhanced Typekit integration. There are two main features in this field:

 

Typekit Typeface Filtering

From the font selection dropdown, click the new, grey T icon, and also you’ll be revealed all your synced Typekit fonts. This is an actually valuable way of determining which fonts are kept in your area, as well as which are in the cloud, on the Typekit web servers.

 

Typekit Website Faster way

Clicking the eco-friendly T symbol next to a provided font will certainly take you to the Typekit repository, in your web internet browser, which you’ll be instantly logged right into. You’ll then have the ability to choose the fonts which you want to make use of, and then sync them with your computer. Oh, as well as did I discuss that synced fonts will appear immediately, without the have to close and re-open Photoshop?

 

Font Search & Previews

One more useful attribute of Photoshop CC 2014 is Typeface Look. Begin typing either a font style’s name, such as helvet, so that the Helvetica font style households display, or something like, strong cond, so that all the Bold Condensed typefaces appear.

 

Photoshop CC 2014 additionally supplies a Font style Preview feature, which permits you to use the backwards and forwards arrow keys on your key-board to watch different fonts, one-by-one, or by holding the shift trick when doing this to skip font families as well as go onto the next font.

 

Workflow Enhancements

There are 2 crucial workflow enhancements consisted of in Photoshop CC 2014. The first is in the Linked Smart Objects area of the software program. From Adobe:

When you aim to carry out an operation on a linked smart object whose source data is missing, you are prompted that the smart objects need to be rasterized or settled.

The other process improvement connects to the Sync Setups function – you can currently specify the instructions of sync, by either submitting or downloading settings from CC, in addition to being able to “synchronize work spaces, key-board shortcuts, and also food selection customizations”. Finally, “the Sync Settings go to the Preferences > Sync Settings tab shows the files being uploaded/downloaded, their dimensions, and also the timestamps for the upload/download operation”.

These workflow adjustments might be straightforward, however will certainly be effective, quickening jobs, and making web designers even more effective!