Personal Photo Galleries

Anything directly related to the web-server can be discussed here - ranging from HTML coding, to the messageboard itself, etc.

Moderators: EatMoreLead, Suck.

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 2:14 am

And yes I'm all about making things fit in, it's like my site... I modded images in the Simple Machines Forums to fit into my color scheme, all the way down to the advertisements like PHP and MySQL.
Normal | Hover
Image Image
Image Image
Image Image
Image Image

Took a boatload of time to do those though, basically had to manually do them pixel by pixel for a lot of the lettering.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 11th, 2010 at 8:10 am

Was wondering if you were going to get rid of the black corners and make 'em transparent :P Awesome. Pure awesomeness.

About your suggestions for the UCP and private messages - yeah I know the colors and look are off. I havent gotten around to adjusting that section yet; been focusing more on what ppl see the most. But I will get to it by this weekend for sure.

About extensions - I can add.7z easily. If there are any other extensions you think I need to add, lemme know.

Getting ready to go to class, so I'll try out all of your buttons once I get back later this afternoon. Thx a bunch KC.

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 11th, 2010 at 3:30 pm

OK I d/l'ed the hf buttons ya made KC. The fonts look... weird. Maybe it's because they dont have that lil bit of fuzziness like the orginals have. You have any idea what font is being used with the originals?

EDIT - hahah guess what? The original style author included big/small button .psd files. Would that help?

EDIT #2 - I'm gonna attach the .psd files along with the readme the author included. Has links to the exact font he used (its free). Lemme know what ya think and what you can do.
Attachments
psd_readme.zip
(80.33 KiB) Downloaded 242 times

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 4:16 pm

I was going to ask about that, I think I typed it up twice but discarded it lol.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 4:33 pm

And what I figured, I can't open PSD files, cause I use PaintShop Pro, need Adobe PhotoShop for most PSD's (But the image template isn't really an issue here being that I've already created a set to use as the base image for those, the font is the real issue.. Could try something like...
btn_pm_forward.png
btn_pm_forward.png (2.97 KiB) Viewed 5948 times

icon_post_quote.png
icon_post_quote.png (2.06 KiB) Viewed 5948 times


My problem with making them like that is when you get into glows I need to use floating selections so it's not as easy getting alignments right, there's no center point for a floating selection like there is for vector selections.

He doesn't really tell me all the info I need either, since he doesn't tell me font sizes or glow widths etc. On these 2 I'm using 2 pixel white glow on the white letters and 3 pixel green glow on the green letters.

Edit: Blah lol those 2 using wrong font still...oops. :P
Last edited by KillerClown on Feb 11th, 2010 at 4:57 pm, edited 1 time in total.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 4:49 pm

I swear that's not the font he used...
Here's the results of using the specified font....
One using Diffuse Glow
btn_pm_forward_DiffuseGlow.png
btn_pm_forward_DiffuseGlow.png (3.6 KiB) Viewed 5948 times


One using Thin Glow
btn_pm_forward_ThinGlow.png
btn_pm_forward_ThinGlow.png (2.97 KiB) Viewed 5948 times


Keep in mind I used "Bold" on that text too, it looks way too thin to have been the font he used IMO.

Edit: Here's one you can compare easily with the original, the quote button..
icon_post_quote-BH-DiffGlow.png
icon_post_quote-BH-DiffGlow.png (2.06 KiB) Viewed 5948 times


You can see that the text is much thinner than the originals, unless he used a thin glow on all text with a width of maybe 1 or 2, and then used a diffuse glow on the mouseovers after the thin glow, but even that looks too thin to me.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 5:01 pm

One more test run on the quote button...
icon_post_quote-BH-Thin+DiffGlow.png
icon_post_quote-BH-Thin+DiffGlow.png (2.02 KiB) Viewed 5945 times

This one is 1 pixel thin white glow on white letters, then 1 pixel thin glow on green letters + 4 pixel diffuse glow on green letters.
Still doesn't look like the OG font to me...I dunno...
"Truth is treason in the empire of lies." - Ron Paul

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 11th, 2010 at 5:02 pm

Thin glow looks right, or at least its a step in the right direction.

Check your PM's.

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 11th, 2010 at 5:03 pm

KillerClown wrote:One more test run on the quote button...
icon_post_quote-BH-Thin+DiffGlow.png

This one is 1 pixel thin white glow on white letters, then 1 pixel thin glow on green letters + 4 pixel diffuse glow on green letters.
Still doesn't look like the OG font to me...I dunno...


The letters in the font look blocky, not rounded like the originals. Maybe he did some touch-up after the fact? Or maybe ya need photoshop.

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 5:10 pm

It probably has to do more with which addon/plugins he used to do the glows with. Or however he bolded those letters to make them so fat looking compared to the actual font. I'm using the Bold settings for the font and it still looks like maybe half as thick on the lettering.

Well you could def test out those icons, to test the transparency, since they use no fonts. :D
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 5:40 pm

One last try before I head out for a few hours.
btn_pm_forward-BH-2thin+3diffuse.png
btn_pm_forward-BH-2thin+3diffuse.png (2.84 KiB) Viewed 5941 times


That looks a bit better on my screen.

Edit:
This one is 2 pixel thin glow on both colors and extra 3 pixel diffuse glow on top of the 2 pixel thin on the green.
Last edited by KillerClown on Feb 11th, 2010 at 5:46 pm, edited 1 time in total.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 11th, 2010 at 5:43 pm

Font is too thin/squished together. Plus the edges are all jagged. Heh :P

No rush KC. Have fun tonight.

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 11th, 2010 at 5:52 pm

K2 wrote:Font is too thin/squished together. Plus the edges are all jagged. Heh :P

No rush KC. Have fun tonight.

Ya, it's a bitch getting fonts that look good, or getting them to look right across different size images etc. I turned off kerning, which squishes the letters together, when I made that too. So that's pretty much default for this font. I'm in 1680x1050 resolution too, things are fairly small on my screen, I don't really see the jagged edges. Unless you are talking about the edges of the actual image, those black spots, I worked those off in the other images (the ones that I zipped last night), didn't implement to these since it was just font testing.
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 1:42 pm

lol anyone who says Photoshop is easier to use than Paintshop is high on crack, man, this program fing sucks. Can't get it to do shit I want it to do. I can't even get it to change font sizes or styles..I can change the actual font, just can't seem to adjust any of its settings, this is terrible. :P
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 1:58 pm

Trying a new text fill method, looks like this is much closer...
btn_pm_forward_stroke+edgefix.png
btn_pm_forward_stroke+edgefix.png (2.88 KiB) Viewed 5893 times
"Truth is treason in the empire of lies." - Ron Paul

User avatar
K2
Administrator
Posts: 7110
Joined: Sep 14th, 2002 at 6:33 am

Re: Personal Photo Galleries

Postby K2 » Feb 14th, 2010 at 2:50 pm

Yeah it's a bit closer I think... letters are too close to each other tho maybe?

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 3:50 pm

Yeah I might be able to space them out a little, it seems the direction the OG creator took with them is quite in depth, a lot of specific settings to get the font to look the way it did. I think spacing them will be easy should just be negative kerning. Too bad I'm playing DAoC atm. :P
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 6:34 pm

Edit: Looked the same to me, trying with 50 kern. I'll be editing this post for a bit working to test these edges out.
btn_pm_forward_stroke+50kern.png
btn_pm_forward_stroke+50kern.png (2.66 KiB) Viewed 5886 times


Edge Test
2
btn_pm_forward_stroke+50kern+edgetest2.png
btn_pm_forward_stroke+50kern+edgetest2.png (2.67 KiB) Viewed 5885 times

3
btn_pm_forward_stroke+50kern+edgetest3.png
btn_pm_forward_stroke+50kern+edgetest3.png (2.66 KiB) Viewed 5885 times
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 6:54 pm

Edgefix+newalign
btn_pm_forward_stroke+50kern+ef+align.png
btn_pm_forward_stroke+50kern+ef+align.png (2.55 KiB) Viewed 5885 times



Edit: Perfect? as far as the edges and alignment go. :P

How does the font look?

btn_pm_forward_full+100kern.png
btn_pm_forward_full+100kern.png (2.59 KiB) Viewed 5885 times

btn_pm_forward_full+lol.png
btn_pm_forward_full+lol.png (2.66 KiB) Viewed 5885 times
"Truth is treason in the empire of lies." - Ron Paul

User avatar
KillerClown
Senior Member
Posts: 759
Joined: Sep 14th, 2002 at 8:39 pm

Re: Personal Photo Galleries

Postby KillerClown » Feb 14th, 2010 at 7:19 pm

Font Testing:
btn_pm_forward_full+test.png
btn_pm_forward_full+test.png (2.18 KiB) Viewed 5884 times

2
btn_pm_forward_full+ft2.png
btn_pm_forward_full+ft2.png (2.38 KiB) Viewed 5884 times

3
btn_pm_forward_full+ft3.png
btn_pm_forward_full+ft3.png (2.74 KiB) Viewed 5884 times
"Truth is treason in the empire of lies." - Ron Paul


Return to “Web Server”

Who is online

Users browsing this forum: No registered users and 1 guest