Mask Tutorial and a Link for Coding

Hi, everyone!  I have a couple of things I want to share with you today.  They are a mish-mash of topics, but, all should come in handy.  Shall we get started?  M’kay!

First up is a series of posts, “31 Days of Coding Basics”, to help you with some of the simpler codes you can use on your own blog or on others, like in the comments section.  This series is on This Bold Girl.com.  Coding is all of the Greek, or Swahili, I’m not sure which, that allows you to create some cool stuff on your blog or website.  It’s really ‘html’!  LOL  For instance, you can add a bold heading to each sub-section of a post if you are posting on several topics, as I often do (See Below).  You can add a link to a comment you make on someone else’s blog.  You can create lists, breaks, emphasis and italicization.  The last two are useful for me since these attributes don’t exist as options on the ‘visual’ page I post on here at WP.

None of the posts/instructions are very long or tedious.  Rather, you may just learn something quickly and easily.  Gwen, the ‘Bold Girl’, writes a good tutorial!  Give it a shot and see!  I know I was envious of those folks who could place links in their comments on other folks’ blogs.  Now, I can do it!  There may be a trick in there that you can use!

Look at the sub-title just below.  I used code to get it like that.

Key-Stroke Shortcut

Next up, I want to show you something.  It is kind of a keystroke, only different.  LOL  If you use Masks in Photoshop, this is a cool tip!  Say, you are extracting an item from an image.  I almost always apply a Mask to the image I am going to extract from.  This gives me the ability to change things and clean things up more easily.  It keeps your image ‘non-destructive.  Then, I begin selecting the item with the Quick Selection Tool, getting up close to the edges as possible.  When you are satisfied with the selecting, click on the ‘Add Layer Mask’ button at the bottom of the Layers Palette.  This should isolate your item.  If, instead, you’ve masked over the image in error, just switch the masking to the item by clicking on Select>Inverse, then, add the Mask.  (Whichever area you Mask, either the background or the circle, the selected area will remain visible, while the remaining area ‘disappears’, when the Mask button is clicked.)

Here is the tip!  If you would like to check the Mask to be sure there aren’t any places missing or ragged-looking, press ‘Alt(Options-Mac)’ and click on the Mask in the Layers Palette.  The Mask will be completely visible.  This is priceless on difficult images.  You can brush over any areas that you need to, then, simple do the same keystroke to return your image mode.  Or, just click somewhere on the mask’s Layer itself and the image reappears.

Here is a simple image I whipped up to show you how to do this.  I want to isolate the circle to use elsewhere.

Select the circle with the Quick Selection Tool.  Add the Mask.  Then, press ‘Alt'(Options-Mac)’ and click on the Mask in the Layers Palette.  You should see this:

Remember, White Reveals, Black Conceals.  The Layers Palette looks like this:

When you get the Mask cleaned up, and you are satisfied, simply click the same Keystroke or click anywhere on the grey part of the Layer.  This is the result:

(Though it is hard to see, the PS background pattern is showing all around the circle.  I can now save it as a .PNG file.)

When I get the Mask work done, I can right-click on the Mask and select ‘Apply Layer Mask’.

And, here is my newly extracted circle!

Being able to tweek the Mask is a perfect way to see what you may have missed while selecting.  My eyes aren’t as good as they used to be, so, this helps me bunches!  Because Masks are editable, you can make changes by going over any areas with the opposite colors: black-conceals or white-reveals.

I think this will do for today.  I have some more things to share, so, watch for them.  Until then,

SMILE!

Hugs,

Su

4 thoughts on “Mask Tutorial and a Link for Coding

  1. Hey, just dropped in to wish you a terrific weekend, hope you are not affected by Sandy! Thanx for this tutorial I found, will come back and absorb it all a little later after I finish my must do errands for work! Have a good one, hugs! Mat

    Like

  2. I couldn’t visit here before because of a really weird internet connection the other day.
    Anyway, I am trying to learn about photoshop these days. It is a lot to take in.
    I need to remember to visit here to take a look at some of those tutorials.
    Off to take a quick look around here!

    Like

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.