Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Beautiful Examples of Transparent Screen Trick Photos

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 Link

Strobist Lighting2

Screenshot3

6/365 Clear Screen4

6/365 Clear Screen5

Untitled

Untitled

Peon.master6

Screenshot7

First Attempt8

First Attempt9

I WIN!!!! alternative 10/36510

Screenshot11

Transparent screen 312

Transparent screen 313

Transparent screen. [177/365]14

Transparent screen. [177/365]15

Experiments16

Screenshot17

Transparent Screen 618

Transparent Screen 619

Transparent Screen 120

Transparent Screen 121

Transparent Screen Experiment22

Transparent Screen Experiment23

Transparent Screen 524

Transparent Screen 525

My Transparent Screen!26

My Transparent Screen!27

Transparent screen 328

Transparent screen 329

Transparent Screen30

Transparent Screen31

transparent screen32

transparent screen33

Transparent Screen34

Screenshot35

Transparent Screen – Tristan36

Transparent Screen - Tristan37

transparent screen38

transparent screen39

Beethoven40

Beethoven41

Transparent screen

Transparent screen

Transparent iBook42

Transparent iBook43

My transparent screen44

My transparent screen45

Transparent Laptop Screen46

Transparent Laptop Screen47

TS-pc248

TS-pc249

Transparent Screen First Try50

Transparent Screen First Try51

Transparent Tablet52

Screenshot53

See-thru laptops!54

Screenshot55

Caffè a computer56

Screenshot57

Grayscale58

Screenshot59

Transparent Screen60

Screenshot61

iPod touch62

Screenshot63

Transparent Screen 264

Screenshot65

Added a laptop66

Screenshot67

Transparent Screen Laptop68

Screenshot69

Transparent laptop70

Screenshot71

Standing on Chair72

Screenshot73

Keithconroy74

Screenshot75

Play Desktop With Me?76

Screenshot77

My transparent macbook78

Screenshot79

Peon.master80

Screenshot81

Transparent Screen Tutorials and Resources Link

Just for Fun – Transparent Laptop Tutorial
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.

Screenshot

Transparent TFT Screen Tutorial
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.

Screenshot

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

Screenshot83

Footnotes Link

  1. 1 https://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/w00kie/7350188/
  7. 7 http://www.flickr.com/photos/w00kie/7350188/
  8. 8 http://www.flickr.com/photos/yourwintercoat/361951550/in/pool-43283406@N00/
  9. 9 http://www.flickr.com/photos/yourwintercoat/361951550/in/pool-43283406@N00/
  10. 10 http://www.flickr.com/photos/trekmtber/3178402937/in/pool-transparentscreens
  11. 11 http://www.flickr.com/photos/trekmtber/3178402937/in/pool-transparentscreens
  12. 12 http://www.flickr.com/photos/rewam/399120866/
  13. 13 http://www.flickr.com/photos/rewam/399120866/
  14. 14 http://www.flickr.com/photos/angelamarybutler/4480419875/
  15. 15 http://www.flickr.com/photos/angelamarybutler/4480419875/
  16. 16 http://www.flickr.com/photos/bpt/1365563763/
  17. 17 http://www.flickr.com/photos/bpt/1365563763/
  18. 18 http://www.flickr.com/photos/photobyoddgeir/3814838240/in/pool-22956349@N00/
  19. 19 http://www.flickr.com/photos/photobyoddgeir/3814838240/in/pool-22956349@N00/
  20. 20 http://www.flickr.com/photos/ross/7614352/
  21. 21 http://www.flickr.com/photos/ross/7614352/
  22. 22 http://www.flickr.com/photos/webel/212972906/
  23. 23 http://www.flickr.com/photos/webel/212972906/
  24. 24 http://www.flickr.com/photos/photobyoddgeir/3811861916/
  25. 25 http://www.flickr.com/photos/photobyoddgeir/3811861916/
  26. 26 http://www.flickr.com/photos/khutti/259968249/
  27. 27 http://www.flickr.com/photos/khutti/259968249/
  28. 28 http://www.flickr.com/photos/photobyoddgeir/3604386930/
  29. 29 http://www.flickr.com/photos/photobyoddgeir/3604386930/
  30. 30 http://www.flickr.com/photos/webgrisu/3334623171/
  31. 31 http://www.flickr.com/photos/webgrisu/3334623171/
  32. 32 http://www.flickr.com/photos/fromform/7900382/
  33. 33 http://www.flickr.com/photos/fromform/7900382/
  34. 34 http://www.flickr.com/photos/kogakure/8808727/
  35. 35 http://www.flickr.com/photos/kogakure/8808727/
  36. 36 http://www.flickr.com/photos/w00kie/9843710/
  37. 37 http://www.flickr.com/photos/w00kie/9843710/
  38. 38 http://www.flickr.com/photos/raindog/7908125/
  39. 39 http://www.flickr.com/photos/raindog/7908125/
  40. 40 http://www.flickr.com/photos/skintype/13050934/
  41. 41 http://www.flickr.com/photos/skintype/13050934/
  42. 42 http://www.flickr.com/photos/scotthill/47900598/
  43. 43 http://www.flickr.com/photos/scotthill/47900598/
  44. 44 http://www.flickr.com/photos/ktp/224426845/
  45. 45 http://www.flickr.com/photos/ktp/224426845/
  46. 46 http://www.flickr.com/photos/laffy4k/182219003/
  47. 47 http://www.flickr.com/photos/laffy4k/182219003/
  48. 48 http://www.flickr.com/photos/34851626@N00/8128309/
  49. 49 http://www.flickr.com/photos/34851626@N00/8128309/
  50. 50 http://www.flickr.com/photos/jre/179233636/
  51. 51 http://www.flickr.com/photos/jre/179233636/
  52. 52 http://www.flickr.com/photos/revdancatt/7907235/
  53. 53 http://www.flickr.com/photos/revdancatt/7907235/
  54. 54 http://www.flickr.com/photos/kap4001/2363716562/
  55. 55 http://www.flickr.com/photos/kap4001/2363716562/
  56. 56 http://www.flickr.com/photos/8907120@N07/1448796570/in/pool-transparentscreens
  57. 57 http://www.flickr.com/photos/8907120@N07/1448796570/in/pool-transparentscreens
  58. 58 http://www.flickr.com/photos/hi-phi/7596097/
  59. 59 http://www.flickr.com/photos/hi-phi/7596097/
  60. 60 http://www.flickr.com/photos/yohann-aberkane/2836258475/
  61. 61 http://www.flickr.com/photos/yohann-aberkane/2836258475/
  62. 62 http://www.flickr.com/photos/owen-b/2603701273/
  63. 63 http://www.flickr.com/photos/owen-b/2603701273/
  64. 64 http://www.flickr.com/photos/24741462@N02/2372097816/
  65. 65 http://www.flickr.com/photos/24741462@N02/2372097816/
  66. 66 http://makobsan.deviantart.com/art/Transparent-screen-2-153521672
  67. 67 http://makobsan.deviantart.com/art/Transparent-screen-2-153521672
  68. 68 http://www.flickr.com/photos/fhke/78416800/
  69. 69 http://www.flickr.com/photos/fhke/78416800/
  70. 70 http://www.flickr.com/photos/wvs/8349296/
  71. 71 http://www.flickr.com/photos/wvs/8349296/
  72. 72 http://www.flickr.com/photos/amagill/22774997/
  73. 73 http://www.flickr.com/photos/amagill/22774997/
  74. 74 http://www.flickr.com/photos/7679190@N04/1343295812/
  75. 75 http://www.flickr.com/photos/7679190@N04/1343295812/
  76. 76 http://www.flickr.com/photos/karmenrose/453719002/sizes/o/
  77. 77 http://www.flickr.com/photos/karmenrose/453719002/sizes/o/
  78. 78 http://www.flickr.com/photos/matthewmcinerney/403097781/
  79. 79 http://www.flickr.com/photos/matthewmcinerney/403097781/
  80. 80 http://www.flickr.com/photos/w00kie/7268327/
  81. 81 http://www.flickr.com/photos/w00kie/7268327/
  82. 82 http://www.flickr.com/groups/transparentscreens/
  83. 83 http://www.flickr.com/groups/transparentscreens/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

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.

  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
    • 2

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

      0
  2. 3

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

    0
  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.

    -4
    • 5

      Vitaly Friedman

      August 7, 2010 10:48 am

      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.

      0
      • 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.

        0
        • 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.

          0
          • 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.

            0
          • 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

            0
        • 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

          0
  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.

    -1
  5. 12

    the one with girl is BEAUTIFUL lol

    -3
  6. 13

    Everson Vargas da Luz

    August 7, 2010 11:34 am

    Very BEAUTIFUL!

    -2
  7. 14

    A few are manipulated….

    -2
    • 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.

      0
  8. 16

    Nice Idea!

    -1
  9. 17

    Those pictures are really nice even though some are faked.

    -1
    • 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.

      0
  10. 19

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

    -1
  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.”

    -1
  12. 21

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

    -2
  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.

    -2
    • 23

      Peter J. Hart

      August 11, 2010 11:26 am

      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.

      -2
      • 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.

        -1
        • 25

          Peter J. Hart

          August 18, 2010 2:42 pm

          @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.

          0
  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

    -2
  15. 27

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

    -1
  16. 28

    Chris Marshall

    August 7, 2010 7:35 pm

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

    I love my Mac

    -2
    • 29

      people like you are the reason people hate mac fags

      -2
      • 30

        agreed.
        mac hardware – good but overpriced
        mac software – seriously not that special and in some cases limiting

        -1
  17. 31

    Very nice.

    Excellent collection.

    1
  18. 32

    i never seen like this , awesome

    1
  19. 33

    Nice photos, thank you.

    -1
  20. 34

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

    Bob

    0

↑ Back to top