Print Page | Close Window

Translucent window effect

Printed From: Pixel Joint
Category: The Lounge
Forum Name: Resources and Support
Forum Discription: Help your fellow pixel artists out with links to good tutorials, other forums, software, fonts, etc. Bugs and support issues should go here as well.
URL: https://pixeljoint.com/forum/forum_posts.asp?TID=1605
Printed Date: 11 September 2025 at 8:51pm


Topic: Translucent window effect
Posted By: Aramax
Subject: Translucent window effect
Date Posted: 06 February 2006 at 3:43am
I am making something and I need to make a window that you can see through.

Would take too long to do it pixel by pixel so is there any simple program I could use to do this?

If someone know how to do it it would be appreciated....



Thanks.



Replies:
Posted By: leel
Date Posted: 06 February 2006 at 12:44pm
well.. you could make the window a new layer over the tree and lower the opacity.. You can do that on photoshop.. i dont know other programs..


Posted By: Psychotic_Carp
Date Posted: 06 February 2006 at 1:29pm
Originally posted by leel

i dont know other programs..


GraphicsGale, Paint Shop Pro, The GIMP

all have layers

GG is free if you dont need to do gifs (it does pngs for free) and the GIMP is always a free download

-------------
got game?


Posted By: Aramax
Date Posted: 08 February 2006 at 7:42am
Originally posted by leel

well.. you could make the window a new layer over the tree and lower the opacity.. You can do that on photoshop.. i dont know other programs..


I tried Photoshop C2 something... its too complex for me.

I need a step by step tutoril. When I made the second layer and moved the window over the tree only the box moved and the window stayed there...

I only use paint shop and Unfreez to do my animation normally... When im done I save with irfanview. I dont go into complex program like those.

Frankly it would be way more simple if someone would do it for me... but I never learn anything that way...

Its up to you.


Posted By: Larwick
Date Posted: 08 February 2006 at 8:11am

If you've got photoshop, or paint shop pro, you could just lighten and lower the saturation of the tree image and pixel the window over it. That would take less than a few minutes. (btw, i dont know whether the tree is in the right perspective for the window, it might not look right. well, try it and see)



-------------
http://larw-ck.deviantart.com">


Posted By: PixelSnader
Date Posted: 08 February 2006 at 11:20am
or. you could try to handpick colours and make it in MSpaint after all?

-------------

▄▄█     ▄▄█
▄█▄     ▄█▄



Posted By: Monkey 'o Doom
Date Posted: 08 February 2006 at 1:23pm

and Unfreez to do my animation normally... When im done I save with irfanview

Good choices! I happen to use those exact same proggies. If you do it in MS Paint, you can just dither, though that might not give you the look you want. 



-------------
http://pixelmonkey.ensellitis.com">
RPG is numberwang.


Posted By: Psychotic_Carp
Date Posted: 08 February 2006 at 1:35pm
Originally posted by Aramax


Originally posted by leel

well.. you could make the window a new layer over the tree and lower the opacity.. You can do that on photoshop.. i dont know other programs..
I tried Photoshop C2 something... its too complex for me.I need a step by step tutoril. When I made the second layer and moved the window over the tree only the box moved and the window stayed there...I only use paint shop and Unfreez to do my animation normally... When im done I save with irfanview. I dont go into complex program like those.Frankly it would be way more simple if someone would do it for me... but I never learn anything that way...Its up to you.


Its CS2 (Stands for Creative Suit 2)

Photoshop is too complex for the needs of a pixel artist along with PSP 8 or above (7 works really well) All the current versions of PSP should come with animation shop which works great for animations.

Open the tree image
click to add a new layer (on the layer pallet)
select that layer
paste the window image there
move it to the correct location (where you want it)
then move the slider to the right
that will controll the transparency
then creat a new layer above that and block the rest with whatever you want.

-------------
got game?


Posted By: Riva
Date Posted: 08 February 2006 at 2:35pm
If you want your image to have true pixel-style feel forget about composition truecolor gfx apps like Photoshop or Photopaint other are recommending.
You would only end up with very very very cheep effects.

You CAN make the semi-transparent window effect pixel by pixel. Quite easily too.
There is no need to exactly copy what is reflected, refracted and seen-thru. You have to create simple aproximated (stylized) illusion to give viewer an idea.

See exellent example taken from HarryPotter game made by Henk Nieborg (c).



There are even 2 different 'techniques' used. One is true aproximation of highlights on glass mixed with dark idea of seen-thru interior. - See greenhouse roof.
Other is seen on the side wall - simple 'streaks' of white making effect of glass over underlying image of whatevers behind the translucent glass wall.

Hope this gives sense. Im writing it after 12hrs straight commercial pixelling.

Good luck.



Print Page | Close Window