Creative Cloud 2015 – What’s new in Photoshop CC for Designers?

Screen Shot 2015-06-15 at 12.26.57Adobe Stock

Adobe Stock is a new market place for stock photography, Adobe stock has over 40 million high resolution, curated relevant photos, vector graphics and illustrations and it’s available via the Desktop apps for use inside your compositions. To get an update on how Adobe Stock works and subscription plans, please refer to the What’s new in the Photography blog post.

 

Artboards

A brand new feature that has been desgined to support designers that use Photoshop to create web and mobile desgins inside Photoshop are likely to enjoy the new Artboards. Artboards in Photoshop work similarly to how they work in illustrator. A single Photoshop document can have many Artboards, which is great for different renditions of the same thing, different states, different art works, or anything 2D.

Artboards are accessed from the move tool (marked in red below), and exist as an active area on the canvas (marked in pink). The Artboard is a new layer type which will sit within the Layers panel and content within it will be contained within it.

Screen Shot 2015-06-15 at 21.41.47Content within the Artboard can be shared by the use of Smart Objects which have been inserted from the Libraries panel (this will be covered in an upcoming #CreativeFriday post).

Artboards can be created once the Artboard move tool has been selected. A template can be chosen from the pull down list (green), or entered manually. Also, the tools (marked in Pink) can be used to draw out an Artboard (Artboards can be modified even when created from a template). The Artboard can be seen marked in Red below.

Screen Shot 2015-06-15 at 21.51.01

Export Dialog

The Export As menu item has been completely re-deisgned to offer an much more efficient and streamlined experience, as well as supporting the new Artboards. Export As is avaiable under the File / Export / Export As menu option.

Screen Shot 2015-06-15 at 21.59.16Once Export As has been selected it will show what has been selected and will be exported.

i.e. If at the top level of the document, the whole composition will be exported

Screen Shot 2015-06-15 at 22.01.20If a group or layer etc is selected, then this will be exported as an entity.

Below, the group of Fashion is selected (red), then a right click on the layer is used to Export As (pink).

Screen Shot 2015-06-15 at 22.07.33Export will only show this one section from this one Artboard in this case (shown below). Multiple export formats are available from this panel.

Screen Shot 2015-06-15 at 22.09.29

Export options and preferences can be chosen from the Export options on the Export As dialog box, or from the menu item File / Export / Export Preferences.

Screen Shot 2015-06-15 at 22.15.00

Layer Styles

Multiple layer styles can now be added to an object in the Layers panel. In the following example a double stroke can easily be added to the letter. In the following example, the first layer effect (created from the icon marked in red) is applied (marked in yellow) to the object. The properties of the white stroke is defined in purple.

The second stroke is black and is defined the same way but black and is second in the applied order.

Device Preview

Your Photoshop comps can now be sent direct from your canvas to your mobile device, by using the new Device Preview app on the iOS device.

There is a new window in Photoshop, Device Preview (available under the Window menu item).1Connecting a device is easy, WiFi or USB direct cable can be used. You may say that there are many apps on the market, why is this different. The connection process is very simple and works without having to fiddle any properties, plug in or connect to the same network (all devices must be able to see each other of course) and Photoshop will find the device(s). Multiple devices can be connected at any one time.

IMG_1881

Once the connection has been found, it will be shown in the Device Preview panel in Photoshop.

2Once the connection has been found, device preview on the iOS device will do one of a couple of things. If there is a single canvas or Artboard in the comp, device preview will show this. If there are multiple Artboards on the canvas and they match the format of the device that is connected, they will be selected and shown in bold on the device. Otherwise, if Artboards do match the format of the screen they will be resized to the format of the connected device.

3_Before Any updateOnce a change is made, it will be refelected immediatly on the device(s) that are connected.

3_Before Any updatev2It’s worth pointing out that you are now able to apply an image adjustment on a Smart Object and it will be applied as a non destructive edit (adjustments are applied the same as layer effects, as shown in purple above).

3_Before Any updatev2Design Space

Design space is a new concept designed for the needs of the modern screen or we desginer in mind. It’s purpose is to give everything to the desginer and the power of desgin without having to open many menus or move the mouse in long distances. Design space is available under the Technology previews.

Screen Shot 2015-06-16 at 00.03.49Design Space welcome screen.

Screen Shot 2015-06-15 at 15.39.38

Screen Shot 2015-06-15 at 15.39.41

Screen Shot 2015-06-15 at 15.39.43

Screen Shot 2015-06-15 at 15.39.46

Once Design Space has been selected the Photoshop CC interface will change to a much more stream lined, focused environment.

Just a couple of pointers. When at the top point of the Artboard document, Create new Artboards indicators are shown around the document.

Screen Shot 2015-06-15 at 15.40.26CMD+Double Click on an item in the workspace will directly select the element, otherwise a click will logically drill down the heirachy (Escape can be used to go back up the element tree).

Screen Shot 2015-06-15 at 15.40.34Design Space is a very early preview so the end to end workflows are not there yet, but we welcome any feed back from our community which will enhance this technology.

Screen Shot 2015-06-15 at 15.39.49

Comments are closed.