View Single Post
Old 01-13-2015, 04:20 PM   #10
Silvuh
quit
Retired StaffFFR Simfile AuthorFFR Music ProducerFFR Veteran
 
Silvuh's Avatar
 
Join Date: Apr 2005
Location: anywhere but here
Posts: 938
Default Re: My Path to becoming better at Photoshop!

For the thing about making a character pop from a rectangle, as it's been mentioned, you of course need layers, and you should also use some kind of masking. Masking makes having to paint inside the lines unnecessary, because it makes anything outside of a certain area invisible.

A mask is an alpha channel. An alpha channel sets the opacity of a layer. A new blank layer will have an alpha channel of all black, and a completely-filled layer will have an alpha channel of all white. Using masks lets you edit a layer's alpha channel without changing what's in the layer.

The two kinds of masks are layer masks (raster or vector) and clipping masks. In this situation, using a group with a layer mask will be easier to work with.

To create the rectangular area with a layer mask, you create and select a layer group, use the rectangular selection tool to make a rectangle, and press Add Layer Mask at the bottom of the layers panel. Now anything inside that layer group will show up only on that rectangle. Put a layer with a character on it outside of this group, and you have a character that can poke out of the rectangle.

A clipping mask works by using the alpha channel of a base layer as the layer mask for every layer clipped to it. Create a rectangle on one layer and put a new layer over it. Hold Alt and left click between the layers to create a clipping mask. Now, any painting on this new layer will not show outside of the layer below it. Photoshop has a limitation with clipping layers: you can clip a layer to a group, but you can't clip a group to a layer. Because of this, each new layer has to be clipped down, and you can't collapse them in the layers panel like you can collapse a folder.

An aside: If you're using a layer group with a mask, and a layer in the group has the same alpha channel as the mask, then that means you should be using clipping masks. If the group mask has soft edges, and it's the same soft edges as something inside the group, then the alpha channels add to each other, and the result is a sharper edge. Using clipping masks over something with soft edges will preserve the soft edges.

The shadow under the character is done with the Drop Shadow layer style. You can open the layer style panel by double-clicking on a layer. Using the layer style makes it easy to edit certain properties of the shadow as much as you like, but you only get one shadow to work with. If you think about depth in a signature image, usually the text is in front, the character is under that, then there's the background rectangle, and at the bottom is the FFR forum background. So with a light source shining on these layers, the shadow of the text on the character will be shorter, sharper, and darker than the shadow of the text on the background, and so on.

To do this with layer styles, you need a copy of a layer for each level of shadow you want to use. When you want layer styles to only apply to a certain area, you need to use masks. If you put a layer mask on a layer with a style, it will cut out of the layer, and the layer style will apply over the new, combined alpha channel, so you may end up with shadows and such where you don't want them. If you put the styled layer into a group, and put a layer mask on the group, then the layer mask will apply to the layer and its style together. If a layer with a style is clipped onto a base layer, it will be as if the styled layer is in a group with the base layer as a layer mask. So you could have text with a small shadow clipped onto a character, and then have text with a bigger shadow under the character.

A few other things about channels: Ctrl + clicking on a layer's preview image lets you send its alpha channel to a selection. If you want to save a selection, you can go to the Channels tab (next to Layers) and click the Add Layer Mask button to save the selection as a channel. If you Ctrl + click on the RGB channel, rather than sending the image's opacity to a selection (as it would for a normal layer), it treats the image like an alpha channel, and sends its luminance to a selection.


There are also a few more things I meant to mention before about profiles. You have to think about if you want your profile to look good just for you or for everyone viewing the site. With the new profile layouts, there's the centered navigation bar. If you're looking at your own profile, "Other Things" is added to the bar, which makes your profile as you see it different from your profile as others see it. The Delete and Edit links on Random Thoughts also shift the text a little.

But if you want to align an image to profile text, you can't do it nicely for every browser. Each browser treats the text and boundaries a little differently, so what's centered on one won't be centered on another. For any browser you're logged into FFR on, you can use private browsing to see how your profile looks to others without logging out.

When you take a screenshot of your profile to use as a reference, you also have to watch out for your avatar size. If you change it, it changes the position of the text around it. I always just use an avatar of 175 x 175 for this reason (also because 175 is as wide as you can go without expanding the user information box to the left of each post.) So it's good to upload an avatar of the size you want to use first if you're going to be aligning stuff around it.

If you have a big profile like mine, it helps to take multiple screenshots and lace them together to see just how big an image you need to make. Using the Difference blending mode makes it easy to tell when two equal things are aligned properly, because they will cancel out to black.

I thiiink that's all for now, eheh.

EDIT: Oh, and not related to using Photoshop, but it's always courteous to credit the original artist of any drawings and such you use on your profile.
__________________

Last edited by Silvuh; 01-13-2015 at 04:27 PM..
Silvuh is offline   Reply With Quote