The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Mac Os Style Buttons

View previous topic View next topic Go down

Mac Os Style Buttons

Post by Rhino.Freak on March 30th 2014, 5:32 pm

Font: Microsoft New Tai Lue
Font Size: 9 pixels, 12 pixels for report buttons with text curving.
Blank Image:
Creation File: -

So I read some tutorials and worked hard ..
I have been practicing coz I will be designing few forums soon, here are some for free use :

v1:









v2:













Yes they are inspired by buttons here Razz

Use and Enjoy, don't claim as your own ^^
anyone sees how I had my fun by using Microsoft font on Mac buttons? XD


Last edited by Rhino.Freak on March 31st 2014, 10:16 am; edited 2 times in total (Reason for editing : Added V2)
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by vaccam on March 30th 2014, 6:10 pm

They are very nice, but i would think that to that blue color white font would look better. But that is just me

9/10
avatar
vaccam
Forumember

Posts : 371
Reputation : 14
Language : Norwegian
Location : Norway

http://www.revengelesspk.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 30th 2014, 6:23 pm

I believe too, but Mac has black font that's why Very Happy thanks for comment and rating! ^^
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by vaccam on March 30th 2014, 6:24 pm

Yes ofc, anyways keep it up mate your getting a lot better !
avatar
vaccam
Forumember

Posts : 371
Reputation : 14
Language : Norwegian
Location : Norway

http://www.revengelesspk.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 30th 2014, 6:37 pm

Thanks! Very Happy oh sh*t!! Forgot the thanks and thanked buttons!! Will make them tomorrow morning ^^
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 31st 2014, 10:17 am

bump~ v2 added! Very Happy CnC
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by Pizza Boi on March 31st 2014, 10:21 am

Hi Very Happy

Hmm... I personlly think that the V1 is better. I don't like the white layer below the text to be honest. Also, on V2, make the green layer a bit stronger because you can still see a shade of blue but if that's what you are aiming for, then I don't mind.

You keep getting better, me likey thumleft 

8/10, mate, good job!

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 31st 2014, 10:29 am

Ahh I see thanks for your comment.! Wink I added a white gradient border around text since vacuum guy said black font is sorta harder to read.. Very Happy
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by Hyphen on March 31st 2014, 11:51 am

I like V2 better, the emboss stuff is a bit sharp, the sides are bit choppy the + sign is bend and some buttons looks bend because of the sign. good job!. 7/10
avatar
Hyphen
Forumember

Male Posts : 80
Reputation : 9
Language : Filipino & English

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 31st 2014, 2:34 pm

The small icons are blended since they are resized to small size.
And lol I did not use any emboss stuff and neither sharpening etc Laughing
the sides are just untouched normal rounded rectangle Razz Razz
Thanks for comment anyways ^^
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by Ange Tuteur on March 31st 2014, 2:45 pm

V2 looks really good; it seems sharper. For the used thanks button, have you considered lowering its opacity instead of changing its color ? That always seems to work really well. KIU thumleft
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2873
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 31st 2014, 3:25 pm

thanks for suggestion ! will use it onwards Smile
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by DustyBones on March 31st 2014, 4:29 pm

Nice job on these!
3 things I'd change;
  • Lower the opacity of the stroke, it's a little to dark
  • Center the text horizontally
  • I'd get rid of the emboss/bevel effect around the text as the dark shadow makes the text look blurry. Use a white drop shadow to make the text pop off of the button. Just be sure to lower the opacity so that it doesn't look to harsh on the eyes.

A complete theme set (navbar and all buttons) of Mac Os style would be cool. Here's tutorials for making Mac related buttons, etc.
You're doing great, keep it up..
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 519
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on March 31st 2014, 4:47 pm

Wow! That link was awesome with so much to learn, I'll make a full Mac theme hopefully in future ^^ Currently im stuffed with works irl so hopefully by the end of april or something I would make it! Very Happy

And im like really confused, I did not use any bevel/emboss effect in any way :/
I have lowered the stroke opacity in v2 I believe..and text is centered too, please explain a bit more Smile
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by DustyBones on April 1st 2014, 1:11 am

@Rhino.Freak wrote:And im like really confused, I did not use any bevel/emboss effect in any way :/
I have lowered the stroke opacity in v2 I believe..and text is centered too, please explain a bit more Smile


  • As you can see in the blown up pic, the dark shadow around part of the text along with the white shadow, it looks like you used an outer bevel. If not you must of used a white drop shadow and the text is blurred I'm guessing. In that case, the 'Anti aliasing method' should be set at sharp and not smooth for the text in these small buttons.
  • My bad, only the 'Quote' buttons aren't centered horizontally. You should center the main body of the word and any letter with a 'tail', the tail should hang down lower. In this style, I would of used a different font so that all letters were the same height wise.
  • I usually set the stroke at about 45% opacity so that the outline does not over power the button visually. But that is JMO. Yours may not need to be quite that light but a little more than they are I feel.
    You can see in this image of a rank I made below with the opacity at 45% that it's just enough to make it stand out from the background but not so dark that it attracts all of your attention at first glance.



But all this is JMO and is my way of doing things and is not set in stone on that's they way things must be done.
Just giving you little tips to try. Everyone had different tastes and styles.
Smile
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 519
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Rhino.Freak on April 1st 2014, 6:12 am

Firstly thanks for the quality feedback ! Very Happy

At first I tried putting the drop shadow white, but no matter how much size/distance or opacity I played with, it was invisible :/
And so to get that effect, I added Stroke as gradient from black to white (up->down), which appears like Emboss Bevel stuff..
I set the Anti aliasing to "Crisp" Smile Smooth was probably due to black drop shadow, which was unconsciously inspired by ranks here I guess Razz ()

You were right about stroke, I lowered it and it looks much better thanks Smile , its effect was much increased due to inner shadow I believe Razz

I will make next set much better!!  
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: Mac Os Style Buttons

Post by DustyBones on April 1st 2014, 6:38 am

@Rhino.Freak wrote:At first I tried putting the drop shadow white, but no matter how much size/distance or opacity I played with, it was invisible :/
Sometimes an effect (especially glow) won't show up very good until you 'Convert to smart object' then 'Rasterize' the layer. If you set the 'Distance' at 1 and the 'Size' at 1 or 2, 'Opacity' at about 45%, 'Convert to smart object' then 'Rasterize' I think you'll get the effect you want.. You can always go back in the history to change it if it's not quite what you want.
avatar
DustyBones
Active Poster

Male Posts : 1228
Reputation : 519
Language : English
Location : Washington, USA

http://raps-graphics.forumotion.com/

Back to top Go down

Re: Mac Os Style Buttons

Post by Guest on August 6th 2014, 8:49 pm

Your proposal has been accepted.

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum