Photoshop CC 2017 Tutorials – Comprehensive Guide To Adobe Photoshop CC 2017


Photoshop CC 2017 is officially here, and it rolls out exciting new features for designers and digital photographers.

The Photoshop CC 2017 tutorials below, showcase the many improvements and features added to this new release.

Adobe’s new features and enhancements to Photoshop follow two themes. Create a more modern, and more connected Photoshop, lowering the learning barrier for beginners.

Photoshop is now more connected to the Creative Cloud and the other apps in the Adobe ecosystem.

  • A more modern, more connected Photoshop – connection to CC and other apps in the Adobe ecosystem.
  • Lowering the learning barrier for beginners – New things to help users get started and achieve success quickly.
  • Enhancements to recent features –  Select and Mask, Face-Aware Liquify and more.

All the new features from the last release, Photoshop CC 2015.5, all get upgrades and feature enhancements. They provide better results and better performance as well as incorporate feature requests for more control and precision.


Start Workspace – CC Files

The Start workspace was introduced in Photoshop CC during the November 2015 update. This screen is displayed when you first launch Photoshop or whenever no documents are open. Photoshop CC 2017 makes small but significant changes to this Start Workspace.

As with previous versions of the Start workspace, Photoshop CC 2017 gives you quick access to your recent files. But CC 2017 removes two of the main tabs, the Libraries, and Presets tabs, and replaces them with the CC Files tab.

Photoshop CC 2017 Start Workspace
Photoshop CC 2017 Start Workspace
Photoshop CC 2015 Start Workspace
Photoshop CC 2015 Start Workspace
Start Screen - CC Files

This new CC Files tab gives you access to the last 50 PSD files that have been synced to your Creative Cloud account. These files also include PSD assets that you have uploaded from the Creative Cloud Market.

PSD files are currently the only file type supported in the CC Files tab, but additional formats and filtering controls are expected to be released in future versions of Photoshop CC.

Customize The Number of Recent Files

To customize the number of recent files that are displayed in the Recent Files list, go into the Preferences dialog by pressing Ctrl K (Mac: Command K). In the File Handling tab, under Recent File List Contains enter the number of recent files you wish to display (between 0 and 100).

recent-file-list-photoshop-cc-2017-tutorial

Exit or Disable The Start Workspace

To quickly exit the Start Workspace you can just press the Esc key. To disable the Start Workspace permanently, then go into the Preferences dialog by pressing Ctrl K (Mac: Command K). Under General, uncheck “Show ‘Start’ Workspace When No Documents Are Open.”

disable-cc-2017-start-space

Photoshop CC 2017 Tutorial on the Start Workspace:
https://www.youtube.com/


New Document Window

One of the biggest changes in Adobe Photoshop CC 2017 is the completely redesigned New Document dialog box. This redesign still has all the functionality of the legacy dialog box but in a more modern and visual layout.  

But this update is much more than a cosmetic change. The New Document dialog now comes loaded with free templates from Adobe Stock that allow you to jump-start your creative process right away.

You can launch the New Document window by using the keyboard shortcut Ctrl N (Mac: Command N), or by going to File > New.

Photoshop CC 2017 - Recent tab - New Document dialog box
Recent tab | New Document dialog box

This redesigned New Document window allows you to:

  • Create documents using templates from Adobe Stock, Allowing you to quickly jumpstart the creative process.
  • Save custom presets.
  • Create documents using Blank Document Presets from multiple categories.

If you’re a person who does not like changes, then you can go back to the old New Document dialog box. Simply go into the Preferences dialog by pressing Ctrl K (Mac: Command K).  and under the General tab check the “Use Legacy ‘File New’ Interface” checkbox.

I don’t recommend doing this since this new dialog box contains a lot of useful presents and templates. But this option is available in case you need it.

Photoshop CC 2017 Tutorials - Legacy New Document Dialog

The New Document dialog contains two kinds of presets that will help you get started with your creative process. Blank Document presets, and Photoshop templates.

Blank Document Presets

Blank document templates are similar to what we had in previous versions of Photoshop. They create a blank document based on a pre-defined document size, resolution, and color profile.

In Photoshop CC 2017 these blank document templates work the same, but they are organized in a more modern and visual layout.

Photoshop CC 2017 Blank Document Template
Blank document presets for Photo projects.

As with the older versions of Photoshop CC, you can create your own blank document preset or use one of the many presets found in eight categories:

  • Photo
  • Print
  • Art & Illustration
  • Web
  • Mobile
  • Film & Video

Photoshop Templates

One of the biggest and most notable additions to Photoshop CC 2017 is the starter Photoshop Templates provided within the New Document dialog.

These Photoshop Templates are files that you can use to be inspired by or jump-start your creative projects.

The hundreds of free Photoshop Templates are provided by Adobe Stock. They include files that contain brochures, flyers, motion graphics, video overlays, and much more.

You can search for a template by selecting a category, Photo, Print, Art & Illustration, Web, Mobile, and Film & Video.

When you choose a category, you can see the list of templates available. Clicking on a template will reveal the template details to the right of the dialog box.

Photoshop CC 2017 - Templates Dialog
Photoshop Templates for Photo projects.

The first time that you use any of these free templates, you will need to download them and license them from Adobe Stock before you can start.

Photoshop CC 2017 - Libraries Panel
Libraries Pannel in Photoshop CC 2017

Once you have them inside your Creative Cloud library, you will see a blue circle with a checkmark.

Downloaded Templates are added to a Creative Cloud Library called Stock Templates.  You can access this library through the Libraries panel from within Photoshop. You can also see your Creative Cloud files through a web browser by going to the assets page of your creative cloud account. https://assets.adobe.com/assets/libraries

By default, the template files use the file extensions .psdt. But they open as a regular .psd file when they are brought into Photoshop. The changes that you make to the .psd while working in Photoshop will not affect the original .psdt template in the Libraries panel.

Watch this Photoshop CC 2017 tutorial to see how these templates work:
https://youtu.be/-U3-y604e4k


Photoshop Search Feature

One of the best and most noteworthy additions to Adobe Photoshop CC 2017 is the powerful multi-scope Search. You can think about it as Google inside of Photoshop. It is a great tool for both beginner and experienced users alike.

You can use the Photoshop Search feature to quickly find tools, menus, tutorials, tips, assets, documents, layers, and more; all from a unified dialog box. Search integrates with Adobe Stock to help you find assets and Photoshop Templates. Search also integrates with helpx.adobe.com to retrieve relevant help documentation and instructional material.

To bring up the Photoshop Search box press Ctrl F (Mac: Command F).

Photoshop CC 2017 Search Bar

Note: In previous versions of Photoshop, Ctrl F (Mac: Command F) was the keyboard shortcut for reapplying the last-used filter.  To reapply the last used filter in Photoshop CC 2017 press Ctrl Alt F (Mac: Command Option F).

To start a search simply start typing in the search box. Photoshop will immediately start generating content based on the characters that you enter.

The search query will yield results in three categories: Photoshop, Learn, and Stock. By default, you’ll see results from all the categories, but you can filter by category by clicking on the tab labels below the Search box.

Photoshop CC 2017 Search

Results under the Photoshop category are items that you could find through the Photoshop interface; such as tools, layers, and panels. Results in the Learn category are documentation or instructional material from helpx.adobe.com. Results in the Stock category are assets from the Adobe Stock library.

This is a detailed list of the type of content that you can expect from each category:

  • Photoshop
    • Filters
    • Layers (Active Document)
    • Menu Items
    • New Document Presets
    • Open Documents
    • Panels
    • Recent Files
    • Smart Objects
    • Tools
  • Learn (helpx.adobe.com)
    • Documentation
    • Instructional Material
  • Stock (Adobe Stock)
    • Photos
    • Illustrations
    • Videos
    • Templates

One of the best things about the Photoshop Search feature is that you can perform tasks and operations associated with the search results simply by clicking on them. This is a time-saver and it can also help you discover functionality that you may not have known existed.

Clicking on the following types of search results will perform the operation described:

  • Layer: Select the layer and makes it visible in the Layers panel.
  • Tool: Activates the tool and highlights it.
  • Panel: Makes the panel visible and active.
  • Filter Applies the filter or opens the dialog for that filter.
  • Menu Command: Runs the command. (Unless the command is unavailable.)
  • Recent File: Opens the file.
  • Open Documents: Activates the document.
  • Help or Learn Topics: Opens the article in your default browser.
  • Stock Asset: Downloads the image asset into your active Creative Cloud library, and places a Cloud-Linked asset on the canvas.

Photoshop Search has an advanced algorithm that allows the use of synonyms. For example, searching for “Retouch” will return search results that are relevant to retouching. This includes tools such as the Clone Stamp Tool, Healing Brush Tool, and Patch Tool.

search-photoshop-cc-2017-retouch

The Search feature supports all languages that Photoshop CC 2017 supports; though the search results may vary by language, because of the differences in each language.

Some of the items that the Photoshop Search does not include are library elements or individual styles.

Watch Photoshop CC 2017 tutorial to see how the search feature works:
https://youtu.be/Kk5PpGt5MEE


SVG Color Fonts

The biggest enhancement to Type in Photoshop CC 2017 is the addition of SVG Color Fonts to the list of supported font types.  SVG fonts support multiple colors and gradients in a single glyph.

Photoshop CC 2017 also ships with the Trajan Color Concept and EmojiOne font. So you can now use Emojis in Photoshop! 🙂 🙂 🙂

When working with SVG fonts, it’s important to note that you will need to open your Glyph Panel (Window > Glyphs) to have access to the full range of characters available.

This is because many of these fonts do not have corresponding keys to the characters found in the font. In some cases, keyboard entries may work, but will only display characters using one color scheme. Even though many others are included in the font.

For example, the Trajan Color Concept font includes 20 different stylistic sets which are available only through the Glyphs panel.

The following icons are used to indicate the type of font:

  • Multipl Master - Photoshop CC 2017 Multiple Master
  • OpenType SVG - Photoshop CC 2017 OpenType SVG (New in Photoshop CC 2017)
  • OpenType - Photoshop CC 2017 OpenType
  • Type 1 - Photoshop CC 2017 Type 1
  • TypeKit - Photoshop CC 2017 Typekit Fonts
  • TrueType - Photoshop CC 2017 TrueType

Composite Glyphs

Another example of combining glyphs can be seen when you combine one of the single-person, yellow-faced characters with any of the five, round, skin-colored characters.

In this example, the original person character will remain, but it will be recolored to match the skin color selected. Note that this does NOT work with composites made by more than one person.

You can select a combination of glyphs to create a composite. For example, you can create country flags or change the skin color of emojis.

Country Flags

Another feature of SVG fonts, specifically, EmojiOne is that you can composite new glyphs using a combination of glyphs.

The “letters” in EmojiOne do NOT correspond to these same keys on the keyboard. If you use the Glyph Panel to add two letters that make up a given country’s ISO code, then the two letters will combine and result in the flag of that country.

For example, selecting “U” and “S” in the Glyphs panel would result in the American flag. MX would give you the Mexican flag, and DE would give you the German flag.

These “composites” can be broken back into their constituent pieces. For instance, if you insert the character for a given national flag, then pressing the Backspace key will break this composite into individual, single-letter glyphs. The American flag will turn to the letter U for example.

Character Variants

You can match the skin-colored characters to five available skin tones. To do so select the tone that you like from the Glyphs panel

Note:
Character Variants do not work with glyphs that contain more than one person.

Watch This Photoshop CC 2017 Tutorial to see how the SVG fonts work:
https://youtu.be/Kk5PpGt5MEE


Improvements To The Properties Panel & Libraries Panel

Photoshop CC 2017 has also made improvements to the Properties panel. These enhancements were designed to reduce mouse travel and make edits more efficiently.

Centralize functionality in the Properties Panel

Document attributes

Pixel Layer Properties

If a pixel layer is selected, you can now change the width and height directly from the properties panel.

properties-panel-cc-2017

Type Layer Properties

Photoshop CC 2017 added many new options to the properties panel when a type tool is selected. You can now change the font, search for fonts, or find similar fonts.

You can also adjust the style, point size, alignment, and color, directly from the properties panel.

Creative Cloud Library Improvements

  • Find similar images on Adobe Stock
  • Restore deleted assets
  • UI improvements

Improvements to the Libraries Panel

  • Find similar images on Adobe Stock. Doesn’t have to be a photo from stock.
  • Undo delete
  • New design for adding elements to the library
  • Templates are now supported as a library type (see File>New Dialog above)
  • Libraries now badge premium Stock content distinctly
  • Visual search functionality allows you to search for visually similar images on Adobe stock.
  • CC Libraries improvements (similarity search, archive and restore, drag and drop Stock search results, “follow” a public Library, UX refinements)

Enhancements To Tools and Features Released In Photoshop CC 2015.5

Select & Mask Space

  • The Polygonal Lasso has been added to the select & Mask Space to help create precise selections and masks.
  • High-Quality Preview off may improve performances on some machines.
  • Multiple Bug Fixes

Face-Aware Liquify

  • Independent Eye control.
  • Ability to Hide/Show UI displays
  • Before and After Preview (Check Box and “P”)
  • Added ability to independently edit eyes in Face-aware Liquify

Match Font

Match Font Enhancements

  • Improved Algorithm
  • Local Font Support

(JDI) Digital Imaging

  • Added ability to open PSD files from CC Files directly from the Start Screen
  • Improved layer count feature
  • Added the Polygonal Lasso tool to Selection and Mask space
  • Option to see higher resolution preview on mouse down when using Quick Select and Refine brushes in Select and Mask
  • Improved marquee selection to only select things on the active artboard
  • Added ability to access the legacy Refine Edge workflow
  • Added a preference for the highlight color in the UI (blue or gray)
  • Improved contrast of UI elements in the lightest 3 stops
  • Darkened the separator lines in the Layers panel
  • Addition of Preview checkbox to Liquify
  • Added ability to hide on-screen widgets in Face-aware Liquify
  • UI improvements to Smart Radius
  • GPano metadata is preserved when Exporting via Export As
  • Surface Blur is now up to 10X faster for 16-bit images

Other Changes:

  • Dropped support for macOS 10.9
  • Removed Design Space
  • Beter onboarding experience for Match Font

Photoshop CC 2017 System Requirements

Windows

  • Intel® Core 2 or AMD Athlon® 64 processor; 2 GHz or faster processor
  • Microsoft Windows 7 with Service Pack 1, Windows 8.1, or Windows 10
  • 2 GB of RAM (8 GB recommended)
  • 2.6 GB of available hard-disk space for 32-bit installation; 3.1 GB of available hard-disk space for 64-bit installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system)
  • 1024 x 768 display (1280×800 recommended) with 16-bit color and 512 MB of dedicated VRAM; 2 GB is recommended*
  • OpenGL 2.0–capable system
  • Internet connection and registration are necessary for required software activation, validation of subscriptions, and access to online services.**

Mac OS

  • Multicore Intel processor with 64-bit support
  • MacOS 10.12 (Sierra), 10.11 (El Capitan), 10.10 (Yosemite); 64-bit versions
  • 2 GB of RAM (8 GB recommended)
  • 4 GB of available hard-disk space for installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system)
  • 1024 x 768 display (1280×800 recommended) with 16-bit color and 512 MB of dedicated VRAM; 2 GB is recommended*
  • OpenGL 2.0–capable system
  • Internet connection and registration are necessary for required software activation, membership validation, and access to online services.**

* Photoshop 3D features are disabled on 32-bit platforms and computers having less than 512MB of VRAM. Video features are not supported on 32-bit Windows systems.


Photoshop CC 2017 Language Versions

Photoshop CC 2017 is available in the following languages:

DanskDeutsch

English

Español

Français

Français*

Hebrew*Hungarian

Italiano

Nederlands

Norwegian

Polish

Português (Brasil)Suomi

Svenska

Turkish

Ukrainian

čeština

Русскийعربي*

日本語

简体中文

繁體中文

한국어

* Arabic and Hebrew supported in a Middle Eastern version with full right-to-left language support, Arabic/Hebrew features, and an English interface; also in a North African French (Français*) version with full right-to-left language support, Arabic/Hebrew features, and a French interface.

Source: https://helpx.adobe.com/photoshop/system-requirements.html


Photoshop CC 2017 Tutorials on YouTube

This is a list of all of PTC’s video tutorials on the release of Photoshop CC 2017 on YouTube:

Other Tutorial Updates

Check out our Photoshop tutorials that cover other updates:

Similar Posts

Subscribe
Notify of
39 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Anuz Pandey

Im not getting the new Start WorkSpace, all those options are enabled, and i find “Use Legacy “New Document” Interface” is disabled in my PS. Scrnshot: http://imgur.com/a/dZ4be

Simon Clay

The ‘New Document’ dialog is a nice idea, but I have disabled it. It is so very very slow to load.

Alex

i can’t disable The Start Workspace In Photoshop CC 2017 in my PS.. why? Scrnshot: http://imgur.com/a/OZO5i

H M Zahidul Basher

I don’t find “Refine Edge” option into my Photoshop CC? Why? Need help.

Leith

Nik doesn’t work properly with CC2017. Have revered to 2015 last update.

CiCi

How can I revert back to PS 2015? I am so bummed that NIK no longer is supported! Plus, I am having to re-learn Photoshop in lots of areas that I was just getting the hang of !

Leslie Ann

Glad I found you. Is there any way to open or move a photo into a layer and have it automatically sized for the new canvas? My search has come up with nothing. I have clicked the resize image during place, but then it won’t do it. Unless I’m doing it wrong and need to “place” it, instead of drag it. But then I can’t find “place”.

Thoughts?
Thanks.

Alex

I used to practice on the previous version of Photoshop and when I used it the layers display panel would automatically show up.
On the latest version I can’t figure out how to display the layers panel – it only has Channels and Paths displayed.
Please let me know:)

Suzy

I have PS CC 2017 and can’t get the Clone Stamp Tool to work. Any suggestions?

H M Zahidul Basher

Oh! Very Awesome n informative.
Big thanks.

CiCi

How can I revert back to Photoshop 15? I love my NIK software, now can’t use it!!

CiCi

Can I revert back to Photoshop 15? I love my NIK software but now cannot use it!

Coates

To tell you the truth, CC17 sucks. It requires so much more work to get simple jobs done. Having trouble just getting aps to work!!!!

Vio

It’s a step forward, but really a pity that the search tool doesn’t work for actions or styles (I have so many of them). Or maybe I’m using it wrong? Anyway, there’s always place for improvement, I think they’ve just introduced it now so they can feature the stock images in a more visible place.

Maniha Quraishi

Thank you, Photoshop Training Channel! That is so Amazing!! Trying to learn Adobe PhotoShop by myself so your information is super useful to me. You are so nice to the haters too Lol. 5/5 Stars :D.

Putra

Thank you.. This is helpful

brendan reilly

have you tutorials on the new mask and select ?

souvenir aqiqah

Thanks for ur tutorial..very helpful

R

Gr8 tutotrial God bless u. Loved the SVG font the most.

Shivakumar

Hello I practice Photosho. Thanks for ur tutorial..very helpful

mete

I use photoshop cc 2017, how can I save files with dds extension?

Mukul

very nice article it is very helpful. great collection and a lot of good inspiration for getting better final results 🙂 Helped me getting even more beautiful shots. Thanks for sharing!

Nancy

Very informative post about photoshop.

Rufina Bello

Hello! Already, I read some content of your blog. Your explanation is awesome! Thanks for sharing this with us.

best photo editing

Really nice for sharing this good tutorial with us. Thanks a lot.

White screen

Yes Really nice for sharing this good tutorial with us. Thanks a lot.

Mary J. Smith

cc is the great revolution of adobe. it makes easier designer life. today I am researching about photoshop cc tutorial and finally, I got it. it was too attractive and informative for learners.