Mac style ( or Apple style ) is a popular trend in web design and characterized by using of semi-circular design elements and smoothed forms, abundance of white background, presence of specific fonts and icons “under glass”. In this post we’ve collected 20 Apple-inspired tutorials. This collection is quite unique because consist of only useful tutorials for practice web designers. You will find tutorials on how to create navigation menu, buttons and icons in Mac style and also a few tutorials about drawing various Apple products. At the end of this collection we want to offer you free CSS template designed in Mac style by BestFreeTemplates.info.
Apple Tab Navigation – Photoshop tutorial
Create an apple style menu and improve it via jQuery – Photoshop, HTML/CSS, jQuery tutorial
Apple Navigation Bar – Photoshop tutorial
Create Apple’s Navigation Bar in Photoshop from Scratch – Photoshop Tutorial
Making an Apple Button – Photoshop tutorial
Mac Button – Photoshop tutorial
MAC OSX Buttons – Photoshop tutorial
Mac Style Web Button – Photoshop tutorial
iPhone Style Icon – Photoshop tutorial
Create a Custom Mac OSX Style Ring Binder Address Book Icon – Photoshop tutorial
iTune Icon – Illustrator tutorial
Mac OS Burn Icon – Photoshop tutorial
Mac Os X Mail Icon Style – Photoshop tutorial
Design the Mac OS X Leopard Folder – Photoshop tutorial
Design The iTunes Icon – Photoshop tutorial
How to Draw a Mac Internet Globe Icon – Photoshop tutorial
How To Create the iTunes Icon in Illustrator – Illustrator tutorial
Creating the Apple Mouse – Photoshop tutorial
Create An iPod Shuffle – Photoshop tutorial
Apple iMac – Photoshop tutorial
Design a Shiny Photorealistic Apple Remote – Photoshop tutorial
Creating A Vector Style MacBook From Scratch – Photoshop tutorial
Realistic iPod – Photoshop tutorial
iPod Earbuds Adobe Illustrator Tutorial – Illustrator tutorial
Apple iPhone Mobile Phone Design – Photoshop tutorial
Mac style template [Free CSS Template]
March 26th
|
Awesome one
Thanx for sharing
|
|
February 23rd
|
|
|
December 31st
|
|
|
Tommy
December 9th
|
any chance of an ILLUSTRATOR tutorial for this button?
|
|
Betty Boop
December 7th
|
I tried the “Mac Button – Photoshop Tutorial”. I have CS3, and the result was completely different after following to the T all instructions, and re-checking it 3 times. Some crucial step was left out or is incorrect on the tutorial. No use following it. My button remained black with the 3-D embossed effect around the edges, but that was all. I did not get the embossed 3-D highlight and shadow effect as in the example and neither did the button turn out mostly white, it remained mostly black and the tutorial shows to start with a black image. Even when I started with a white image the effect was not the same. Wasting my time with invalid examples.
|
|
October 27th
|
Mac is a religion. 
|
|
August 31st
|
I think I am qualified for this to practice web design
|
|
August 7th
|
Awesome work done thanks for sharing.
|
|
July 11th
|
Awesome tutorials, thanks guys!
|
|
July 3rd
|
Nice graphics work 
|
|
May 3rd
|
Great compilation of tutorials for Apple Enthusiasts.
|
|
April 8th
|
Thanks for posting this list of 20, a lot to learn from here.
|
|
April 6th
|
Such as this web-site your web site is 1 of my new most popular.I similar to this information shown and it has offered me some sort of ideas to possess success for some cause, so keep up the excellent work!
|
|
April 5th
|
Wow, this is an awesome post! I’m so happy for this right now, I’m in the middle of an iPod themed poster and this will definitely help!
|
|
January 10th
|
thank you,for sharing this. Very clearly done and super easy to follow. I’ll surely be an avid reader of this site. Hope to see more great articles that will help me as a newbie.
|
|
January 10th
|
I am really impressed with web designs.
|
|
November 19th
|
|
|
October 26th
|
|
|
October 8th
|
|
|
September 13th
|
I think its great to have this list
|
|
September 12th
|
Thanks, what a brilliant guide and links thanks a lot for this!
|
|
September 12th
|
Its a superb graphics tools
|
|
|
August 21st
|
great graphic work love this blog
|
|
August 4th
|
stop ripping off apple designs and be creative people. I’m so sick of seeing iphones on websites.
|
|
March 28th
|
|
|
March 28th
|
If you’re using this template you shouldn’t remove link at the footer – it’s violation of License of website where you’ve downloaded this template.
|
|
|
January 25th
|
|
|
December 20th
|
iTunes stuff was awesome. Thanks for the post
|
|
|
December 5th
|
great stuff …all designs are deligent
|
|
November 19th
|
awesome stuff! viva apple!
|
|
October 8th
|
oh come on! stop ripping off apple designs and be creative people. I’m so sick of seeing iphones on websites.
|
|
October 8th
|
Wow, these are fantastic, thanks!
Cheers
|
|
October 7th
|
|
|
October 5th
|
Great list, very nice and useful. Thanks a lot for sharing.
|
|
Andre Bello
October 5th
|
|
|
October 4th
|
Thanks for including Three Styles! Great Article
|
|
October 2nd
|
Great post. Thanks for the inspiration.
|
|
October 2nd
|
This is a nice collection.
|
|
