Creative Cloud Extract Streamlines Your Work

Creative Cloud Extract Streamlines Your Work

first_imgPhotoshop composites the assets and saves them in the Assets queue, which is connected to the PSD file.The options in the Assets queue allow you to export the files in whatever resolutions or file formats you choose, including SVG. Yes, you can finally export SVGs out of Photoshop.Note you can export in multiple resolutions, Photoshop exports the files at one time in however many resolutions you select.View PSD Files in the BrowserIn the Extract Assets dialog box, select the “Open in Creative Cloud” link to open a synchronized version of the desktop file in Creative Cloud, with all the gradients, fonts, everything in the PSD. You can invite other people to collaborate on the file. And those people don’t need a Creative Cloud account.They can view the live synchronized version of the file in the browser. It’s a PSD file that allows them to interact with all the Photoshop layers in the browser, without needing Photoshop.CSS can be extracted, assets can be downloaded, and distances between objects can be easily found.When Paul Gubbay, Adobe’s Vice-President of Web and Design, spoke about Creative Cloud Extract at Adobe MAX today, he compared it to Firebug in the browser, except Extract is for PSD files.Dreamweaver CCIn addition to Photoshop integration, Creative Cloud Extract has been integrated into Dreamweaver CC. The new version of Dreamweaver CC now has access to your Creative Cloud storage, which allows you to go from PSD comps to code.When you use Extract to open a PSD in Dreamweaver CC, you’ll have access to the same types of functionality you had in the browser. But since Dreamweaver CC is connected to the Creative Cloud, you can do a lot more.For example, if you have a gradient in your PSD, select the layer containing the gradient. Dreamweaver will display code hints pulled from the Photoshop layer. You can start typing in Dreamweaver, press Enter, and all the gradient information, along with any vendor prefixing will be added to the stylesheet.Yes, there’s now real-time code-hinting in Dreamweaver from a PSD stored in Creative Cloud and shared with you. It works for any image, text, fonts, etc., in the PSD file.By selecting a Photoshop layer containing text, you can highlight the text and copy the styles to your clipboard. Using Live View in Dreamweaver, paste the CSS onto the selector you want. What a quick way to style text!For images, select the Photoshop layer containing the image. Drag the image to the Dreamweaver area where you want to place the image. You have the option to save the image in whatever format you like. Press Enter, and the image is downloaded from Creative Cloud, resized to the size for that area, and saved to your hard drive.I’m impressed with the new Creative Cloud Extract feature. It adds all kinds of functionality that designers have wanted for a long time. I’m looking forward to using it, how about you?Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to print (Opens in new window)Like this:Like Loading…Related5 New Features in Photoshop CC 2015 [Video]With Adobe’s announcement this week of Creative Cloud 2015, design professionals have a wealth of new features and improvements in Creative Cloud applications to try out on their desktop and mobile devices. Fifteen desktop applications were updated and two new iOS mobile apps added to Creative Cloud. In addition, Adobe…In “Web design”How Creative Collaboration Has Evolved From the 1960s to Today [Infographic]If someone asked you today what online tools you use, your answer might include Google Apps, Adobe Creative Suite, or Dropbox. They’re three of hundreds of creative collaboration tools in the cloud that allow team members and clients to stay connected and easily share ideas. But did you know cloud…In “Internet”Three Helpful Features in Google Drive Announced at Google I/O 2014At yesterday’s Google I/O developer conference, Google announced many new updates to Google Drive. Among the updates you’ll see are a new interface, improved file management options, and faster speed on mobile and desktop. Three of the features quickly caught my attention. Two new features are related to file management;…In “Internet” Along with other Adobe users, I was excited to watch today’s Adobe MAX livestream to learn about the new Creative Cloud features, tools and applications. The feature that caught my eye was the Creative Cloud Extract for desktop applications. What an amazing new feature! If you work in Photoshop CC or Dreamweaver CC, Creative Cloud Extract has just made your job easier.Creative Cloud Extract allows you to easily extract content from a PSD, for example, text, images, CSS, font information, or gradients. You don’t use it to edit files; it’s read-only.Here’s how Creative Cloud Extract works in Photoshop CC:Open a PSD fileSelect the objects you want to get out of the PSD fileSelect File > Extract Assetslast_img

Leave a Reply

Your email address will not be published. Required fields are marked *