From the course: Design the Web: Getting CSS from Photoshop
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Getting CSS properties from text layers - Photoshop Tutorial
From the course: Design the Web: Getting CSS from Photoshop
Getting CSS properties from text layers
Now to start working with CSS that we get from Photoshop. Lets start in the Exercise Files. Inside of folder one lets open up Web_Design.psp. Now if you don't have access to folder one you can use any layered Photoshop file. Now inside of this Photoshop file here, I have a couple text layers. I'm going to hold the Cmd key with the Move tool selected. Click on Welcome. That's going to select the Welcome layer here. And one thing you'll want to do when we start looking at pulling out CSS for text inside of Photoshop, is to make sure that we separate our text. I'm going to switch to the Text tool, come down here and you'll see here inside of promo 2, we have all of the text style in one text layer. Now this is really efficient when we're doing our composition, but Photoshop's not going to know what we want to pull out when we start copying our CSS. So lets go back to the Welcome layer. Again if I move this around this is just one single text layer. With this selected we can right-click…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.