Adobe Photoshop CS2 Image Masking Online Tutorial

Sponsored Links

Photoshop Image Masking tutorial

When it comes to presentation, inserting raster images of human and trees gives it an overall feeling of liveliness. The whole idea is to counter the mono tone feeling of line drawings, especially when it comes to presenting your work to someone who is not in the architecture line of field.

I have included a few of my collection in jpeg available for download at the end of this article. Each image shows a person on a white background and another one with a cut-out version. For those who are still relatively new to Photoshop or this is your first year as an architecture student, a step by step tutorial on how to insert the image into your presentation boards is available.

(1) Select (ctrl + a ) then copy (ctrl + c) the image and paste (ctrl + v) it into the presentation board from the source.
Photoshop Image Masking tutorial

(2) Select the magic wand tool (press W) then click on the black area, to select multiple area hold down the ctrl key and click on multiple areas.
Photoshop Image Masking tutorial

(3) Select all of the black colour areas then delete (press the delete key) or go to “edit” then select “clear” to delete the selected areas.
Photoshop Image Masking tutorial

(4) Deselect the area by pressing (ctrl + d) or go to “select” then “clear”.
Photoshop Image Masking tutorial

(5) In the layer toolbox, right click on the selected layer then choose “Blending Option”
Photoshop Image Masking tutoria

(6) In layer style dialog , under the styles category select “stroke”, then put the line thickness to 1. By default the colour is red, change the colour to suit your presentation boards.
Photoshop Image Masking tutorial

(7) Resize (ctrl + t) the image to scale, go to “edit” then “transform” and select “scale”
Photoshop Image Masking tutorial

Creating a “cut-out” or “floating image” of any of the image objects supplied below is a simple 7 step process. The step by step tutorial above gives an overview of the whole process using Photoshop. For cut-out version of trees browse to the previous post – Architecture Trees Sketches

Click here for a higher resolution version- Raster Image Female. Source of Image hot link from Architecture Blog
raster image female photoshop

Click here for a higher resolution version- Raster Image Male. Source of Image hot link from Architecture Blog
raster image male photoshop

What do you think of this post? (Please vote, no registration required)
Interesting (1) Useful (0) Boring (0) A waste of my time (0)



Author: . This entry is filed under Architecture Tutorials and was updated on May 19, 2012.

 




Architecture and Humour Wiki:


Wordpress Tags:


  • architect human sketches
  • tutorial photoshop CS
  • architecture photoshop techniques
  • photoshop trees simple elevation
  • human for photoshop

Citations And Footnotes:


  • ^ Architecture - Architecture (Latin architectura, from the Greek ἀρχιτέκτων – arkhitekton, from ἀρχι- "chief" and τέκτων "builder, carpenter, mason") is both the process and product of planning, designing and construction. Architectural works, in the material form of buildings, are often perceived as cultural symbols and as works of art. Historical civilizations are often identified with their surviving architectural achievements.
  • ^ Architect - An architect is a person trained in the planning, design and oversight of the construction of buildings. To practice architecture means to offer or render services in connection with the design and construction of a building, or group of buildings and the space within the site surrounding the buildings, that have as their principal purpose human occupancy or use.
  • ^ Pritzker Architecture Prize - The Pritzker Architecture Prize is awarded annually by the Hyatt Foundation to honour "a living architect whose built work demonstrates a combination of those qualities of talent, vision and commitment, which has produced consistent and significant contributions to humanity and the built environment through the art of architecture".
  • ^ - Le Corbusier, Towards a New Architecture, Dover Publications(1985). ISBN 0-486-25023-7
  • ^ - Rondanini, Nunzia Architecture and Social Change Heresies II, Vol. 3, No.

Comments:


  1. Isa
    1

    Hi. first of all let me say that i like your blog and once in a while come to check out the new written stuff. Some tutorials (the ones I have completely read) are very usefull. The other can’t tell…
    What brings me to write this post however is another business: see the lovely trees you have on the first image? Well, I know you have them somewhere in here but I really can’t find them and I *really* want to use them and not other trees. The problem: I am working on a presentation and I really want these trees but since a forceful format to my main hard drive I have lost the jpg file. Can you be a (even more) generous soul and pleaaaaase show me the way to the file? A stressed out architecture student eagerly awaits your response…

  2. gabriel
    2

    Thank you it’s a greet tutorial.

  3. Violet
    3

    First of all,i love your blog and every tutorials you have written. They all are very useful. Secondly, I had my midterm crit yesterday. All of us got slammed by our critics…feeling so upset this morning. your website doesn’t make me any happier, though i am really into reading your blog and temporary forget how upset i am.

  4. Anna
    4

    do you mind if I linked your blog into mine? thanks.

  5. Ricardo
    5

    Awsome job,,, But can you teach me how to add shadow in a 2D building elevation in photoshop.

    Your help is surely appreciated,

  6. buk2noy
    6

    hi! ngan first of all i am very thrilled by your entry in your blog, i find it useful and entertaining.
    im also an architecture graduate here in the philippines.
    my family and i are planning to go to australia someday, maybe i could see you personally
    more power to you!
    and thank you for the humor and knowledge

  7. kropped
    7

    If you would like more free cut out people to use then try our site http://www.kropped.com, all images are completely free in psd format.
    Hope this helps.

  8. DK
    8

    You are amazing! Thanks so much for the tutorials, they are really helpful for the beginner architecture students. Life saver!

miragestudio7 admin
:-)

Thanks for commenting. Do visit the Humor Category for more funny and interesting stuff.

Leave a Reply