In this video, learn how to use the Copy CSS command.
- [Instructor] The development workflow between…Photoshop and web development has improved massively…over the last few years.…And you might be able to do more than you think…when you're working between this environment…and a code environment or between you and a developer.…Let me show you what I mean.…If I target the weddings layer just here…and come up to the layer menu, I've got this copy…CSS command.…And it copies that to the clip board.…If I move across to Dreamweaver where I've actually got…a CSS document here although of course you might be…pasting something into a text file to hand over…to your developer, I can drop that down and it pastes me…the following CSS rule.…
Now I'm not going to go too deeply into this…because I don't know what your level of experience…with it is like, but generally this just means…this is a classic thing, it's class weddings…and it eludes to a background, which of course…I'd need to export separately weddings PNG…and then the rest of the information there…changes its position and size in whatever layer…
Author
Released
6/1/2018- Building templates
- Organizing your layers
- Managing presets
- Sharing assets
- Collaborating
- Quick masking for mockups
- Making brushes
- Generating assets for web and UX
- Creating animation and video
- Saving files correctly
Skill Level Beginner
Duration
Views
Related Courses
-
Learning Art Direction
with Bonnie Siegler1h 10m Beginner -
InDesign for the In-House Designer
with Claudia McCue10h 33m Intermediate -
Illustrator for the In-House Designer
with Tony Harmer1h 17m Intermediate
-
Introduction
-
Introduction1m 41s
-
-
1. Organization
-
Building an email template5m 10s
-
Organizing layers3m 17s
-
Filtering layers by content1m 49s
-
Layer comps3m 31s
-
Editing the toolbar2m 49s
-
Managing presets1m 42s
-
Shortcuts3m
-
-
2. Collaboration
-
Comments and version review3m 15s
-
3. Visualization
-
Photoshop Sketch3m 32s
-
Using vector masks6m 19s
-
Layers to files1m 56s
-
4. Web and UX
-
CC Extract4m 9s
-
CSS from Layers2m 7s
-
SVG from Photoshop1m 49s
-
Using Export As in Photoshop3m 21s
-
Using the Generator6m 3s
-
-
5. Animation and Motion
-
6. Special Requirements
-
Separations3m 7s
-
Multichannel images4m 42s
-
-
Conclusion
-
Next steps1m 14s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: CSS from Layers