Beautiful Examples of Transparent Screen Trick Photos

Advertisement

Two weeks ago we published a showcase of beautiful pinhole photography1, and this weekend again we’ve got something unusual and creative to lift up your spirits and challenge your creativity. Illusions can be eye-catching and attractive and when you apply them to computer displays, the results can be quite interesting and deceptive.

Take transparent screen trick photos, for example. The idea is simple: you take a photo of your surroundings and set this photo as your desktop wallpaper. Once the display is positioned precisely, the transparent screen trick is achieved. Simple, but what can you do with this simple idea?

Below we present a short selection of some original transparent screen trick photos. The environments presented in these photos appear to have a completely transparent screen which creates an optical illusion. We also feature step-by-step-tutorials in the end of this post: and here you go — now you have something fun to do over the weekend!

Transparent Screen Trick Photos

Strobist Lighting2

Screenshot3

6/365 Clear Screen4

6/365 Clear Screen5

Untitled6

Untitled7

Peon.master8

Screenshot9

First Attempt10

First Attempt11

I WIN!!!! alternative 10/36512

Screenshot13

Transparent screen 314

Transparent screen 315

Transparent screen. [177/365]16

Transparent screen. [177/365]17

Experiments18

Screenshot19

Transparent Screen 620

Transparent Screen 621

Transparent Screen 122

Transparent Screen 123

Transparent Screen Experiment24

Transparent Screen Experiment25

Transparent Screen 526

Transparent Screen 527

My Transparent Screen!28

My Transparent Screen!29

Transparent screen 330

Transparent screen 331

Transparent Screen32

Transparent Screen33

transparent screen34

transparent screen35

Transparent Screen36

Screenshot37

Transparent Screen – Tristan38

Transparent Screen - Tristan39

transparent screen40

transparent screen41

Beethoven42

Beethoven43

Transparent screen44

Transparent screen45

Transparent iBook46

Transparent iBook47

My transparent screen48

My transparent screen49

Transparent Laptop Screen50

Transparent Laptop Screen51

TS-pc252

TS-pc253

Transparent Screen First Try54

Transparent Screen First Try55

Transparent Tablet56

Screenshot57

See-thru laptops!58

Screenshot59

Caffè a computer60

Screenshot61

Grayscale62

Screenshot63

Transparent Screen64

Screenshot65

iPod touch66

Screenshot67

Transparent Screen 268

Screenshot69

Added a laptop70

Screenshot71

Transparent Screen Laptop72

Screenshot73

Transparent laptop74

Screenshot75

Standing on Chair76

Screenshot77

Keithconroy78

Screenshot79

Play Desktop With Me?80

Screenshot81

My transparent macbook82

Screenshot83

Peon.master84

Screenshot85

Transparent Screen Tutorials and Resources

Just for Fun – Transparent Laptop Tutorial86
This project involves taking three different pictures. The first two will be taken at the same time, and the last will be taken after some editing. It is very important that you do not move your computer or tripod during the whole process.

Screenshot87

Transparent TFT Screen Tutorial88
Learn how to create a transparent looking tft screen by combine smart photographing with some easy photoshop tricks. You will need a camera tripod and of course a digital camera to do this.

Screenshot89

Transparent Screens Flickr Group90
A huge and growing gallery of photos with the transparent screen trick effect.

Screenshot91

Footnotes

  1. 1 http://www.smashingmagazine.com/2010/07/25/the-showcase-of-beautiful-pinhole-photography/
  2. 2 http://www.flickr.com/photos/ride/1446398976/sizes/o/
  3. 3 http://www.flickr.com/photos/ride/1446398976/sizes/o/
  4. 4 http://www.flickr.com/photos/31117647@N02/4067457942/
  5. 5 http://www.flickr.com/photos/31117647@N02/4067457942/
  6. 6 http://www.flickr.com/photos/eericchin/3902954776/
  7. 7 http://www.flickr.com/photos/eericchin/3902954776/
  8. 8 http://www.flickr.com/photos/w00kie/7350188/
  9. 9 http://www.flickr.com/photos/w00kie/7350188/
  10. 10 http://www.flickr.com/photos/yourwintercoat/361951550/in/pool-43283406@N00/
  11. 11 http://www.flickr.com/photos/yourwintercoat/361951550/in/pool-43283406@N00/
  12. 12 http://www.flickr.com/photos/trekmtber/3178402937/in/pool-transparentscreens
  13. 13 http://www.flickr.com/photos/trekmtber/3178402937/in/pool-transparentscreens
  14. 14 http://www.flickr.com/photos/rewam/399120866/
  15. 15 http://www.flickr.com/photos/rewam/399120866/
  16. 16 http://www.flickr.com/photos/angelamarybutler/4480419875/
  17. 17 http://www.flickr.com/photos/angelamarybutler/4480419875/
  18. 18 http://www.flickr.com/photos/bpt/1365563763/
  19. 19 http://www.flickr.com/photos/bpt/1365563763/
  20. 20 http://www.flickr.com/photos/photobyoddgeir/3814838240/in/pool-22956349@N00/
  21. 21 http://www.flickr.com/photos/photobyoddgeir/3814838240/in/pool-22956349@N00/
  22. 22 http://www.flickr.com/photos/ross/7614352/
  23. 23 http://www.flickr.com/photos/ross/7614352/
  24. 24 http://www.flickr.com/photos/webel/212972906/
  25. 25 http://www.flickr.com/photos/webel/212972906/
  26. 26 http://www.flickr.com/photos/photobyoddgeir/3811861916/
  27. 27 http://www.flickr.com/photos/photobyoddgeir/3811861916/
  28. 28 http://www.flickr.com/photos/khutti/259968249/
  29. 29 http://www.flickr.com/photos/khutti/259968249/
  30. 30 http://www.flickr.com/photos/photobyoddgeir/3604386930/
  31. 31 http://www.flickr.com/photos/photobyoddgeir/3604386930/
  32. 32 http://www.flickr.com/photos/webgrisu/3334623171/
  33. 33 http://www.flickr.com/photos/webgrisu/3334623171/
  34. 34 http://www.flickr.com/photos/fromform/7900382/
  35. 35 http://www.flickr.com/photos/fromform/7900382/
  36. 36 http://www.flickr.com/photos/kogakure/8808727/
  37. 37 http://www.flickr.com/photos/kogakure/8808727/
  38. 38 http://www.flickr.com/photos/w00kie/9843710/
  39. 39 http://www.flickr.com/photos/w00kie/9843710/
  40. 40 http://www.flickr.com/photos/raindog/7908125/
  41. 41 http://www.flickr.com/photos/raindog/7908125/
  42. 42 http://www.flickr.com/photos/skintype/13050934/
  43. 43 http://www.flickr.com/photos/skintype/13050934/
  44. 44 http://www.flickr.com/photos/hakore/7706834/
  45. 45 http://www.flickr.com/photos/hakore/7706834/
  46. 46 http://www.flickr.com/photos/scotthill/47900598/
  47. 47 http://www.flickr.com/photos/scotthill/47900598/
  48. 48 http://www.flickr.com/photos/ktp/224426845/
  49. 49 http://www.flickr.com/photos/ktp/224426845/
  50. 50 http://www.flickr.com/photos/laffy4k/182219003/
  51. 51 http://www.flickr.com/photos/laffy4k/182219003/
  52. 52 http://www.flickr.com/photos/34851626@N00/8128309/
  53. 53 http://www.flickr.com/photos/34851626@N00/8128309/
  54. 54 http://www.flickr.com/photos/jre/179233636/
  55. 55 http://www.flickr.com/photos/jre/179233636/
  56. 56 http://www.flickr.com/photos/revdancatt/7907235/
  57. 57 http://www.flickr.com/photos/revdancatt/7907235/
  58. 58 http://www.flickr.com/photos/kap4001/2363716562/
  59. 59 http://www.flickr.com/photos/kap4001/2363716562/
  60. 60 http://www.flickr.com/photos/8907120@N07/1448796570/in/pool-transparentscreens
  61. 61 http://www.flickr.com/photos/8907120@N07/1448796570/in/pool-transparentscreens
  62. 62 http://www.flickr.com/photos/hi-phi/7596097/
  63. 63 http://www.flickr.com/photos/hi-phi/7596097/
  64. 64 http://www.flickr.com/photos/yohann-aberkane/2836258475/
  65. 65 http://www.flickr.com/photos/yohann-aberkane/2836258475/
  66. 66 http://www.flickr.com/photos/owen-b/2603701273/
  67. 67 http://www.flickr.com/photos/owen-b/2603701273/
  68. 68 http://www.flickr.com/photos/24741462@N02/2372097816/
  69. 69 http://www.flickr.com/photos/24741462@N02/2372097816/
  70. 70 http://makobsan.deviantart.com/art/Transparent-screen-2-153521672
  71. 71 http://makobsan.deviantart.com/art/Transparent-screen-2-153521672
  72. 72 http://www.flickr.com/photos/fhke/78416800/
  73. 73 http://www.flickr.com/photos/fhke/78416800/
  74. 74 http://www.flickr.com/photos/wvs/8349296/
  75. 75 http://www.flickr.com/photos/wvs/8349296/
  76. 76 http://www.flickr.com/photos/amagill/22774997/
  77. 77 http://www.flickr.com/photos/amagill/22774997/
  78. 78 http://www.flickr.com/photos/7679190@N04/1343295812/
  79. 79 http://www.flickr.com/photos/7679190@N04/1343295812/
  80. 80 http://www.flickr.com/photos/karmenrose/453719002/sizes/o/
  81. 81 http://www.flickr.com/photos/karmenrose/453719002/sizes/o/
  82. 82 http://www.flickr.com/photos/matthewmcinerney/403097781/
  83. 83 http://www.flickr.com/photos/matthewmcinerney/403097781/
  84. 84 http://www.flickr.com/photos/w00kie/7268327/
  85. 85 http://www.flickr.com/photos/w00kie/7268327/
  86. 86 http://macapper.com/2007/05/10/just-for-fun-transparent-laptop/
  87. 87 http://macapper.com/2007/05/10/just-for-fun-transparent-laptop/
  88. 88 http://www.photut.com/tutorial-transparent-tft-screen.html
  89. 89 http://www.photut.com/tutorial-transparent-tft-screen.html
  90. 90 http://www.flickr.com/groups/transparentscreens/
  91. 91 http://www.flickr.com/groups/transparentscreens/

↑ Back to topShare on Twitter

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    This is fantastic.. There are a few new ones here and they are very impressive… My weekend is booked :D

    Actually, SONY and SAMSUNG are working on creating a transparent film LCD Screen.. so withing a few years, this might become a reality. Until then, Photoshop is GOD! (^_^)

    Thanks for the links to the tutorials.. Doing this has to be fun!

    • 2

      Transparent film LCD will be awesome. The windows will seems floating on air and interact with the surroundings.

  2. 3

    that’s an awesome idea..i’m gonna make one right now!

  3. 4

    I think calling these “beautiful” is a bit of a stretch…but I guess its in line with most other throw away blog posts “10 most BEAUTIFUL ecommerce layouts,” “101 STUNNING examples of twitter icons,” and so on.

    Also, while I’m being a curmudgeon…notice that most of the computers in the photos are a few years old. We had all hoped this trend was played out.

    • 5

      Andrew, please go over Smashing articles published over the last months and count how many lists-posts we published. And then please calculate the percentage of list posts against in-depth articles. Smashing Magazine isn’t about lists any longer; and it hasn’t been for 1.5 years now. The magazine has had quite a development. Please acknowledge that.

      • 6

        Vitaly, thank you for your vigorous response, however I don’t think I made myself as clear as I could have. I was reacting against the use of the word “beautiful” (and its good friend “stunning”) that has become so ubiquitous in the titles of posts related to web design on your site and others.

        Yes, you are right, Smashing provides a much higher percentage of content rich articles than other sites, that’s why I subscribe. Thank you! However, I am getting sick of the repetitive title hyperbole here and elsewhere.

        • 7

          Vitaly Friedman

          August 8, 2010 4:19 am

          Oh, I understand, Andrew. You make a solid point. I’ll note it for the future articles. Thank you.

          • 8

            Its not so much on this site, as you say Vitaly, your magazine content is genuinely out there, far and above, the majority of internet content.
            I also however dislike the use of the words:
            amazing, beautiful, stunning, astonishing etc etc before a lists. Why are they so over-used on list titles?……

            Its similar to when everyone started to use “L@@K” on ebay listings. All that produced was a listing that blended in with everyone elses….

            Words should be powerful things and used with care. Overuse of words like these seem to be common place on the web.

          • 9

            Hey guys,

            I guess we all have our nit picks / things that make us uptight etc..

            However, i would like to point out that regardless of whether the words stunning, beautiful, amazing, gorgeous, guapa, bonita, fit and all of the above are given in a title, we all took the time to actually read this article which is a good article like most of the articles on Smashing.

            Actually sometimes those word’s help engage people to check it out so why do people always say about something that is not really relevant to the actual article content and nit pick at a title instead or the computers are too old etc. I have noticed it a lot on forums / blogs and articles lately.

            It is like they have nothing better to do or say.

            Marc

        • 10

          Hmm I know how to do it first get 2 things that can take pics ( do not move it ) then take the over what ever and take the pic for poof now you done it ;)make sure to follow ALL THE STEPS

  4. 11

    Agree with Andrew. The only one that I really like is the one with the dog painting, because it’s the only one that makes sense both when stationary as well as on the go.

  5. 12

    the one with girl is BEAUTIFUL lol

  6. 13

    Everson Vargas da Luz

    August 7, 2010 11:34 am

    Very BEAUTIFUL!

  7. 14

    A few are manipulated….

    • 15

      I’m guessing that the one with the racing track running through it is just a hollow screen. I was not impressed by it at all. Notice that the effect isn’t quite the same when there are no desktop icons present.

  8. 16

    Nice Idea!

  9. 17

    Those pictures are really nice even though some are faked.

    • 18

      LOVE your articles, Aquil! I see these as great inspiration in a thought process. The race track, coffee pouring, iPhone on the table, legs from the laptop and hand holding iphone (not to mention some others) are unique and great creative thoughts. Many are just an insert into an everyday scene and the variance of ideas is a great lesson on taking the creative thought to the next level.

  10. 19

    This is wonderful!! I’ll sure do that when I have a fixed home!

  11. 20

    Beautiful!
    Stunning!
    ;o))

    No, for real, I always enjoy when people come up with ideas like that. Photoshop Users like us are, of course, not going to fall from their chairs, but to non-geeks this is like “magic.”

  12. 21

    These are really cool! I want to make one now.

  13. 22

    Some of these are legit and interesting.

    Sadly, the first one, amongst a few others are faked: the image that appears to be on the screen was not on the screen during the time of capture, but Photoshoped in afterwards. The giveaway is the screen’s reflection on the keyboard surrounds shows the screen as being dark or off, rather than reflecting the screen’s image.

    • 23

      You should visit the flickr page of the first image. The cutout effect wasn’t necessarily the point of the photo. The photographer was experimenting how to light the room to match the background to the laptop screen. There are several shots in the series.

      • 24

        Indeed, but the point of the article was to show examples of these images where:

        “The idea is simple: you take a photo of your surroundings and set this photo as your desktop wallpaper. Once the display is positioned precisely, the transparent screen trick is achieved”

        Part of the art of these things is surely the work to physically position the screen correctly. If it’s purely photoshopped, then that aspect is missing.

        • 25

          @wozza, my point was that the photo in question was not photoshopped because the photographer wasn’t trying to just get the transparent screen effect, but was trying to get the right exposure to match the screen. If it was just photoshop, fiddling with the exposure is pointless.

          My actual but subtle point was to not criticize people’s work out of hand. Maybe you can’t believe their results because they are more talented that you. Click the image and take it in context first. Then if it is shopped, call them out for who they are: talented fakers that are producing stuff in Photoshop instead of reading blogs about people producing stuff in Photoshop :)

          Also, if the exposure is perfectly matched so the light coming off the screen was the same as the light of the room, I am not sure the screen would illuminate the keyboard.

  14. 26

    Nice works~

    it’s looks real. lol

    BTW, you don’t need to make a ‘Fake’ one anymore.

    Check this out. (It’s Korean article, Just play the Video clip. ;D)

    http://www.jaea.net/1498

  15. 27

    Wow. I’ve never seen this before. Great post!

  16. 28

    All the great and most creative people use the MAC ;)

    I love my Mac

  17. 31

    Very nice.

    Excellent collection.

  18. 32

    i never seen like this , awesome

  19. 33

    Nice photos, thank you.

  20. 34

    Nice post, but you should really remove the fakes, they detract from it.

    Bob

  21. 35

    nice Thanks

  22. 36

    I like these so much I’ve just taken the stanley knife to my laptop screen. What did you use to get through the casing?

    Does the screen just pop back into place when you’re done?

    Thanks for the inspiration :-)

  23. 37

    Isn’t the point of this to use clever photography (well not when clever when everyone and his dog can has done it), isn’t using photoshop cheating? Anyone can do that in photoshop.

  24. 38

    Great Pics !
    I must say them Innovative :)

  25. 39

    Haha. Clever tricks.
    The pop-up road is the best!

  26. 40

    Great job, love it,

  27. 41

    WTF I am angry! Why only mac computers?

  28. 43

    Nicely done! Now, of course I’m tempted to do the same!

  29. 44

    nice, but some are very clearly shopped… not so much a ‘screen trick photo’ as a ‘photoshop photomanipulation’.

  30. 45

    Not something I expected SM to post… maybe you’ve been spoiling me but this seems a bit useless :(

  31. 47

    These are great! The slot car image is impressive and so is the three mac books. Great post!

  32. 48

    Rajesh Maharjan

    August 8, 2010 7:59 pm

    They are the great imagination through photoshop, great.

  33. 49

    No. 9 is brilliant

  34. 50

    Surprised this trend is still going strong, but attractive none the less, perhaps the use of “beautiful” and “stunning” is getting a little over used as Andrew stated above. Perhaps “great examples” would be more apt given that they are good examples, but not always beautiful!

    G

  35. 51

    These are great examples!
    I played around with that about 5 years ago. Here’s a video with iBook:
    http://www.sven-assmann.de/blog/files/3ccc5cce3198226a5d3555aee45bf8bb-8.html

  36. 52

    Why SM is publishing these articles are beyond me. Not to be offensive, but you guys should really focus into more quality stuffs other than a collection of photos.

  37. 53

    very interesting!
    my favorite is “Caffè a computer” – great!

  38. 54

    Very very creative. I really like the ideas and how they are executed.

  39. 55

    Great article! Very Creative… “Caffè a computer” was brilliantly awesome…

  40. 56

    ahh haa a dees be so a funny!!!! i laugh the very big!!!

  41. 57

    Very Interesting!

  42. 59

    Somebody get this useless article out of my RSS feed.

  43. 60

    It’s pretty hilarious that some of you are upset because of those photoshopped fakes are not the real fakes…

  44. 61

    I tried this a few months ago as part of my 52 week project, because I loved the idea!
    Here’s a link to my attempt, let me know what you think!

    http://panaros.wordpress.com/2010/01/17/transparency-six-of-fifty-two/

  45. 62

    I tried to create this myself, too bad only works from a single view point :)

  46. 63

    Suvendu Chatterjee

    August 10, 2010 1:20 am

    It’s really amazing…. :).

  47. 64

    summer content, uh? useless

  48. 65

    Ah yes… to have all the time in the world… the things I would do…

  49. 66

    I couldn’t help but chuckle at that old ass iMac (with the dome base and swivel screen).

  50. 67

    There are some very creative business cards here, which I find are the best because they instantly catch your eye and stand out. My favourite is Fiverr’s cardboard business card because they look good whilst still containing all the necessary information and you can see the time and effort put into producing the cards and. Really good collection and some useful tutorials.

  51. 68

    haha That would actually be quite awesome if our screens really were transparent!

  52. 70

    Hey, this transparent screen trick is so cool. Let’s search for lots of photos showing this. And all photoshopped ones too. Cool, now publish it to smashing mag and give it a creative title. Something like “beautiful” or “stunning” photos. Great. Now we have some awesome content.
    Really, I dig smashing magazine.. but this article is so useless. Where’s the quality in this content?

  53. 71

    Liked all but my fav is “Caffè a computer”

  54. 72

    This is SO OLD. I remember this being done years ago.

  55. 73

    Some really inspiring photography ideas. A trend that seems to be going strong.

    Jerky Oats

  56. 74
  57. 75

    wow!!! its really amazing!!!

  58. 76

    this is fantastic

  59. 77

    this is really KEWL! hehe. nice posts and photos! I should try one. ;)

  60. 78

    i liked it)) great idea))) i did the same in photoshop))

  61. 79

    Soooo awesome. These are really neat. Thanks :)

  62. 80

    awesum work. keep it up…

  63. 81

    AWESOME! tOo much cOOl!~

    I’m going to practise these Tutorials today ;D

  64. 82

    Mohsin ali chidi

    July 21, 2012 12:18 pm

    for the few seconds photos make me think…how?

  65. 83

    very nice picccccc. …..
    so good.

↑ Back to top