Photoshop Tutorial 4 – Rendering Images For Website Graphics

Posted by admin on August 20th, 2009 and filed under web page design | 25 Comments »

In this Adobe Photoshop graphics tutorial I will be teach you how to add a backdrop to a rendered/selected image. Just like a greenscreen effect where you can place someone in front of a backdrop or use it for website design banners. This tutorial is compatable with Adobe Photoshop CS1, CS2, CS3 & CS4 versions.

Difficulty Level:
Medium/Intermediate

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Duration : 0:7:23


[youtube f-wg4qWr0bc]

25 Responses

  1. rockmeslowly79 Says:

    PS pro way to go… …
    PS pro way to go…;)

  2. jordexciu Says:

    How do you shrink …
    How do you shrink an image before putting it into the picture, like if I have an image thats 409 in width and 206 in height, how do I make it 400 in width and 150 in height?

  3. bouncingsoul100 Says:

    duuuude go to my …
    duuuude go to my channel i have really cooll tutorials on photoshop do it do it
    if you want to be friends thats cool
    just spreading the love of my ps know how

  4. polarbyrd23 Says:

    thanks for all your …
    thanks for all your posts, very helpful! I just have one comment, for this particular tut…You didnt go over compression options, which is what i was looking for. Nonetheless thanks!

  5. angel1cd3f Says:

    use the laso tool …
    use the laso tool out line it copy paste go to edit go to flip and switch the one u want

  6. 007steave Says:

    Click File and …
    Click File and select Place…..and than browse your PNG file…

  7. sassys40 Says:

    hod do i take the …
    hod do i take the same photo and mack it look like there stand back to back…?

  8. SixShot257 Says:

    how do i add a .PNG …
    how do i add a .PNG file into an image?

  9. jarys390 Says:

    I learned something …
    I learned something new! May want to cut down on the Red Bull!

  10. xvzw Says:

    aww good job!
    I …

    aww good job!
    I want to design my website
    do you know any free service which offers that?

  11. EdzJohnson Says:

    No worries, thank …
    No worries, thank you for your comments, it’s people like you who keep me making them! =)

  12. IGBproduction Says:

    Your the bomb dude, …
    Your the bomb dude, put up a tip jar!
    thanx again for these vids

  13. didardi008 Says:

    thanks, is very …
    thanks, is very helpful but you made to fast.

  14. anakaaddrea Says:

    i think he is very …
    i think he is very helpful. and easy to learning html. i like him. thnks a lot

  15. baysidetulip Says:

    thankyou ed ur …
    thankyou ed ur video helped me alot

  16. SQUEWHEET Says:

    this way is the …
    this way is the really bad way to do it. if you wanna learn how to make renders you need to learn do this by using the pen tool. like i seen some of you say you have a whole bunch of white dots well that’s because of this method he showed you. try to find a good video on redering with the pen tool.

  17. runescapefanx12 Says:

    lol
    lol

  18. welshdragon2008 Says:

    press delete
    press delete

  19. FrigginBonkers Says:

    M gradient tool is …
    M gradient tool is weird, whenever I insert a gradient there’s white dots all around it instead of the colors I want…

  20. SiscoG Says:

    how da do u …
    how da do u delete the background? lol i cnt do it!!

  21. petroslatifoli Says:

    hi ed.

    maybe you …
    hi ed.

    maybe you should avoid using drop shadow effect and spread glow further around your picture. this gives a better view to the banners in my opinion. thanks for your effort.

  22. Billabongs122988 Says:

    Dude your vids are …
    Dude your vids are sooo COOOOOOLLLL help me a lot.. thanks!!..

    5/5

  23. mugenfan123 Says:

    DAMN IT when i …
    IT when i press the delete button it wont do that! it just stays white…like im trying to do a mario picture and the background is white and whne i press the delete button it stays white is that alright?

    and i have CS3

  24. namixSoFx Says:

    YA RULE MAN! XD
    YA RULE MAN! XD

  25. xtremegamer1291 Says:

    awesome man!
    awesome man!

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.