Join Chad Chelius for an in-depth discussion in this video Importing swatches from HTML/CSS/SVG, part of Photoshop CS6 New Features Overview.
Often times when creating comps and other artwork in Photoshop you need to use colors from an existing website or webpage as a basis for additional elements that might be added to a design. We've always been able to load swatches from an ASE file, or from another document. But now, with the creative cloud update. We can load swatches from a CSS file, an HTML file, or even an SVG file. Let me show you what I mean. I'm beginning this video with the webcomp.psd file already open on my computer.
And although I have an image that's already up here, I wanted to show you that my swatches panel is really just showing me the default colors that I have inside of Photoshop. Over here in the Swatches panel, we can always load swatches as we've done in the past. But now what I'm going to do is I'm going to click on the panel menu, and I am going to choose Load Swatches again. But previously, where you might have had to choose an ASE file or another document Now, as you can see you can click on a CSS file and when we click open, it's going to automatically add, as you can see here, all of the swatches that are defined in any of the selectors in that CSS file. In addition, you can click load swatches, and you can also grab an HTML file. So maybe we'll grab our jummy finish file and choose open and you can see that it also added several other swatches as well.
This new feature will save you quite a bit of time, by preventing you from having to write down colors, or from having to reference a separate document all the time. Now you can simply load swatches from a CSS or HTML file to have instant access to the colors used in those files.
- What is the Creative Cloud?
- HiDPI resolution for Retina displays
- Pen and Crop tool enhancements
- Copying CSS data to a web page
- Importing swatches from HTML/CSS/SVG
- Introducing the new 3D lighting, materials, and rendering controls
- Using the new materials controls in a real-world project