Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Join Justin Seeley as he reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Adobe Photoshop. The course covers creating a custom web workspace for maximum efficiency; drawing, coloring, and optimizing web graphics; creating vector shapes and text that scale seamlessly; mastering transparency; building navigation bars and buttons; and speeding up these tasks with the Photoshop automation tools.
There may come a time as you're working with text inside of Photoshop that you want to create something that's a little bit out there, something like 3D. In previous versions of Photoshop, like CS3 and CS4, we had to mimic 3D in a way that used layer styles and extra copies of a layer and a bunch of trickery. In Photoshop CS5, they introduced something called 3D Repousse, which allowed us to create 3D text, but once we rendered the text, it was pretty much useless because we couldn't go in and change it anytime we want it to. In Photoshop CS6, we now have the ability to create what's called a 3D extrusion on our text, and that allows us to then edit the text after the fact, even after we've rendered it.
It's pretty cool. Let's take a look. I'm going to reset my workspace really quick to my Web Design workspace. You could also just work from the Essentials workspace. No big deal. And I'm going to make sure that I have the text layer selected that's THE FUTURE IS NOW... You can open up the layer group 728 x 90 and find that text layer right there. Once I have that text layer selected, I'm going to go to the 3D menu. And this is something that's only available in Photoshop CS6 Extended. So if you're working with Photoshop CS6 regular, you won't have this option. So I'm going to select New 3D Extrusion from Layer and that's going to pop up with a box saying that I'm about to crate a 3D layer, asking me if I want to switch to the 3D workspace.
I'll hit Yes just so you can see what it looks like. So basically I get all these controls over here to set up how the camera works, where the text is in relation to me, et cetera. And so right now I'm just going to do a simple rotation on this. I'll click and drag to rotate it around as if it's sort of falling off the page there. And once I'm done with that positioning, I'll switch to my Move tool and I'll come out here and I'm just going to click somewhere on the text so that 3D mesh is selected. You'll notice that little blue line appears around the outside of it. Once I have that selected, I can then grab my Type tool, come out, and I can right-click and choose Edit Type.
It jumps into a temporary document that allows me to just grab a hold of the type and change it. And you have to be sure to click directly on the type mesh so this blue line appears; otherwise, you won't be able to edit the text. So if I want it to say, instead of The FUTURE IS NOW... ROBOTS ARE COOL with an exclamation point--I know that's hard to see because it's white text, but I'll just do that right there. Then I'll save it, and close it. I come back into this and ROBOTS ARE COOL! is now the 3D text layer.
Of course this is unrendered and still kind of wonky because I twisted it a little bit and all that good stuff, but if you take some time to learn about 3D, you can create some really amazing compositions that are now more flexible than ever since they have this new editable 3D Text tool inside of Photoshop. If you want more information about the 3D features in Photoshop CS6, my suggestion would be to go check out Deke McClelland's Photoshop CS6 New Features course. Deke has a great movie inside of there that explains the full breadth of the new 3D tools inside of Photoshop CS6, and that's available in the lynda.com online training library.
There are currently no FAQs about Photoshop for Web Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.