PDA

View Full Version : made an overlay myself for vanu



BoltAxion
03-23-2014, 04:19 PM
Hello guys,

im trying all day to edit the TR overlay from 888 (good work btw)
but when i was done editing on gimp (free same sort program as cs6)
and i uploaded it to the obs and recursion, it was doing realy strange things in the screen.

http://imagizer.imageshack.us/v2/800x600q90/39/ugmk.jpg

its letting light trough and its not ligning up straight.

anyone has a suggestion.

BoltAxion
03-23-2014, 04:19 PM
Latest Vanu overlay, i only need the icon pack to change them to vanu ish overlay so i can change the red parts.
but it looks cool already ^^ enjoy

http://i.imgur.com/tHmaxXr.png

BoltAxion
03-23-2014, 04:19 PM
i tried to collor them my self
http://i.imgur.com/iD2wgVi.png

BoltAxion
03-23-2014, 04:19 PM
oke ive been working all day on this and i think im realy pleased by sharing this with you guys.
i made all the icons and emblems by hand so it took realy long. and i still have no idea how to fade the color in the little buttons like 888 did but i think i did a good job.
For a noob with Photoshop/GIMP
what do you think

http://i.imgur.com/ocyJNdi.png

Halsoy
03-23-2014, 04:19 PM
Hey!

Just wanted to say quick, I can't say for 100% sure how 888 made the buttons, but to me it looks like a simple task. It's called a gradient overlay/gradient fill. You create a layer in the shape you want the button to be (square/rectangle tool), feather it a few pixels to get the proper "button" look, add bevels on it and then add a gradient. I've never used GIMP, but in photoshop it's as simple as right clicking the layer (the rectangle you made), select "Blending Options" and there's a tab called "gradient overlay" which gives the effect you want. You can make the effect straight out on normal shapes, but I prefer to use layers and basic forms for most work.

You know what, frak it. Here's a short video explaining what I mean:

https://drive.google.com/file/d/0B3v...it?usp=sharing

Also, since I forgot to turn off the honeycomb overlay, hers' two pictures to show the button with and without the honeycomb, so you can see it clearly:

http://i.imgur.com/srPZ0go.jpg(with)

http://i.imgur.com/KzdBxD8.jpg(without (clean))

I just slapped on the default settings there, but you can adjust the ammount of blend for each color, where it starts etc. so you can get it exactly how you like.

Exploding Fist
03-23-2014, 04:19 PM
That looks really good. We'll make sure to unlock you for the beta so you can test it.

Master
03-23-2014, 04:19 PM
Personally, I'm thinking the different color gradiants on the stats side will be eye bleeding to viewers of your stream. Also, you should create a cut out in the top left of the overlay so you can put your webcam in it. Currently it is wasted space. At least that is my opinion on your design.

PinetreeRoad
03-23-2014, 04:20 PM
About the weird stuff with the white text you mentioned.

I was having the same issue with only the white text showing as clear in the preview. It seems to just be a bug with the preview in OBS, as i recorded a few videos and the text came out fine.

I'm not sure about streaming, but i assume it will be fine on there as well.

BoltAxion
03-23-2014, 04:20 PM
My latest project

@master is that what you mean with the webcam space ?
Left = chat/text Right = webcam

http://i.imgur.com/gFG4W2a.png
http://i.imgur.com/NrPB5X6.png

http://i.imgur.com/k9XKfMw.png


​what do you think?

Master
03-23-2014, 04:20 PM
I like this much better. top one is my fave.

No thats not what I meant by webcam space. Look at the default image that comes with the stat tracker. They have a cut out (hole) on the top left, that way you can put your webcam in there and put it UNDERNEATH your overlay so the overlay will border/frame your webcam. It will look like it belongs to the overlay instead of a webcam haphazardly plopped in the overlay. If you watched the video about how to install OBS, you can see what it looks like when you put an image underneath the overlay, looks more professional.

EDIT:

just take a gander at this.

http://www.twitch.tv/slv10k/c/3593582

You can see the image i put in (kate beckinsale) is framed by the overlay bc the overlay is on top of the image of kate b.

BoltAxion
03-23-2014, 04:20 PM
Hey,

you mean this?\

BTW: i followed on twitch, that was aan awesome (overpowerd) TR run :P

http://i.imgur.com/5J7oZh1.png

Master
03-23-2014, 04:20 PM
Exactly.

Now YOU (since you have a webcam) can put the cam in that space instead of on the bottom right. It gives the top left section a purpose. You can also put other stuff down (inside the space where the VS Symbol is) like ur twitter or w/e if you have one.

Look at the TRG one that eight8eight did for one of their streamers. Thats just ideas so you can make the overlay more personal for yourself.

Ty for the kind words. I'm mainly a VS player though :P

BoltAxion
03-23-2014, 04:20 PM
im a vs player also

BoltAxion
03-23-2014, 04:20 PM
I made some changes in the letter color, it was nasty for the eyes.
i also changed the font to the planetside 2 type

what do you think

http://i.imgur.com/hQkv9if.png

Master
03-23-2014, 04:21 PM
looks good

BoltAxion
03-23-2014, 04:21 PM
thanks man :P

Anvie
03-23-2014, 04:21 PM
Thread migrated.