In many cases you have to provide different options or features for different nationalities. I guess the most popular example is Apple’s iTunes Store, where you click a small flag button to access the store of your country. Here is a development kit to create such buttons.
Once again it’s bascially a Photoshop file with placeholders. To create a new button, just duplicate a layer group and paste the new flag into the respective layer. It’s as simple as that. Enjoy.
By the way I thought it would be nice if we could create a complete set of flags so that people can simply download a ZIP and reuse the buttons on their websites. So if you create new buttons just let me know and I’ll add them to the Devkit.
Alright guys - just added an Illustrator file to the ZIP. So just in case you’ve already downloaded it, make sure that you grab the most recent version.
First of all thanks to Cezary for pointing out that I did not use the correct colors for the flags. I changed that. And secondly I created a ZIP including all the flags I received so far. Btw if you plan to do further flags I’d kindly ask you to send it as transparent PNG (216x216px) and I will add it to the ZIP. Thanks for participating!
Thanks to Matthias Slovig who just contributed a complete European set to the collection. Amazing!
62 comments so far
Skip to comment form
Andreas Pizsa June 02, 2007 at 08:40 AM
Genial, danke :) A.
yichi June 02, 2007 at 08:42 AM
Very useful kit!
Would be perfect if provided AI format.
Thanks Wolfgang
Milos June 02, 2007 at 08:51 AM
Awesom! Thank you… As Yichi sad, Illustrator format would be great too…
George June 02, 2007 at 08:57 AM
Very nice! Lovely stuff
Wolfgang June 02, 2007 at 09:15 AM
FYI I just added an Illustrator version :)
Giancarlo.D June 02, 2007 at 10:19 AM
Another great release Wolfgang. Really nice work.
David Worni June 02, 2007 at 10:25 AM
Hübsch! Wies aussieht hast Du Illustrator CS3.. geht trotzdem auf im CS2. ;-) Dankeschön. Kann man vielleicht mal brauchen…
Ben Jacob June 02, 2007 at 10:53 AM
Really great releas Bartelme..
Sebastian Kessler June 02, 2007 at 11:07 AM
thanks… again!
KIK June 02, 2007 at 11:13 AM
Thank you :) It’s useful!
Martin S. June 02, 2007 at 11:13 AM
Nice stuff there!
(But flags should not be used as language icons. Why? They represent countries, not languages. Read more on the topic here: Indicating language choice: flags, text, both, neither?)
Martin S. June 02, 2007 at 11:15 AM
Okay, it says nothing about using flags as icons for languages in the article, so my fault. Nice work anyway. :)
pati @-;-- June 02, 2007 at 01:58 PM
Hi Wolfgang. I just sent you the Venezuelan flag button ;)
James David June 02, 2007 at 04:47 PM
I added four flag icons, don’t know if you want to use them or not but here you go.
http://www.jjamesdavid.com/misc/index.php?dir=bartleme flag devkit
http://www.jjamesdavid.com/misc/bartleme flag devkit/fournewflags.jpg
Arpit Jacob June 02, 2007 at 05:29 PM
As usual awesome work
Rafael Marin June 02, 2007 at 06:14 PM
Really nice, buddie!
Cezary Okupski June 02, 2007 at 11:07 PM
I don’t want to be a troublemaker, because the devkit is great. However, the flags seem to be in bad colours.
1) Germany should be #000000, #ff0000 (!) and #ffcc00 (!) and it is #000000, #f60d0b and #f9ed17.
2) The UK should be #00247d (!), #cf142b (!) and #ffffff and it is #142c8e, #f60d0b, #ffffff.
3) The USA should be #002868 (!), #bf0a30 (!) and #ffffff and it is #0000fe, #fe0000 and #ffffff.
4) Austria should be #f32b42 (Pantone 032 C) (!) and #ffffff as I conclude from partial information on German Wikipedia and it is #de2110.
Wolfgang June 03, 2007 at 09:12 AM
Well first of all this color deviation is mainly caused by the gloss and bevel effects. And secondly, I don’t think that anybody will be confused ;) Anyway, thanks for the hint!
Cezary Okupski June 03, 2007 at 03:09 PM
Awesome! It’s ideal like that (after update 2). :D
Oli June 03, 2007 at 04:21 PM
Danke Wolfgang!
Deine DevKits sind eine fantastische Idee! Jedesmal aufs Neue!
Liebe Grüße aus Bonn, Oli
Ewald June 03, 2007 at 06:26 PM
Thanks man, your devkits might become legendary soon. ;-)
Jörg Tillmann June 04, 2007 at 01:09 PM
There’s a typo in the article at “Get Involved”.. sorry for being picky.
Other than that – neat idea, comes in very hand for me righ now!
Wolfgang June 04, 2007 at 02:13 PM
Thanks – but ain’t “invloved” much more interesting than “involved”? ;)
Frederik June 05, 2007 at 09:13 PM
This is awesome!! Really like the idea!
Philipp June 07, 2007 at 10:49 AM
Sehr schön gemacht! Großes “Dankeschön” an Dich.
aXe June 07, 2007 at 06:43 PM
Haha thanks dude this is awsome.
Glad to see that you included a Union Jack (Great Britain).
Thanks Wolfgang!
Gerard Blake June 09, 2007 at 09:06 AM
Sorry to be pedantic, but the Union Jack (United Kingdom flag) you have is wrong. It should have white space above the red diagonal on the top left as shown at the url:
http://www.crwflags.com/fotw/flags/gb.html
Michael June 09, 2007 at 12:20 PM
Ich bin doch immer wieder überrascht …genau danach hab ich gerade gesucht, und diese sind wirklich super schick – danke dafür ;-)
Schönes WE,
Michael
William June 09, 2007 at 07:37 PM
Where is the flag of Brazil? =)
Cezary Okupski June 09, 2007 at 08:35 PM
William, any country which you can’t find in the pack currently you can look up on Wikipedia (e. g. http://www.en.wikipedia.org/wiki/Flag_of_Brazil) and apply the effects of the devkit. If they were all done it wouldn’t be a devkit, but a flag set. ;) Articles on Wikipedia Flag_of_*** not only feature a graphical presentation, but often describe the country law which specifies it (with exact colours, proportions etc.). Flags are mostly in public domain, so you can freely use them.
Julian Schrader June 10, 2007 at 12:07 PM
Cool idea—thanks!
Ramon Bispo June 10, 2007 at 09:52 PM
Hey, William!
Just look to the updated collection.
Yesterday, I created the flag button of Brazil.
Michael June 11, 2007 at 12:15 AM
Besonders in dieser Größe sehen die Flaggen-Drops zum Reinbeißen aus :-)
Matt June 11, 2007 at 11:18 AM
google
Daniel June 13, 2007 at 06:49 PM
:-) Immer wieder gute und optisch extrem ansprechende Ideen. Vielen Dank für die fortwährende Inspiration!
pickupjojo June 14, 2007 at 02:24 AM
Very useful, thanks! :-)
Dino June 14, 2007 at 06:12 AM
Wow. These flag buttons would really come in handy. Thanks!
Herr Voß June 14, 2007 at 02:31 PM
Wow – Die Beispiel verdeutlichen, wie vielfältig die Verwendungsmöglichkeiten sind: Deutschland, England, USA und “Durchfahrt verboten” :-D
Vagabund June 14, 2007 at 06:12 PM
Hi Wolfgang!
Ein sehr nützliches DevKit, nicht nur für Flaggen.
Viele Grüße, Markus
udo June 15, 2007 at 05:26 PM
danke – tolle idee! prima umgesetzt!
Marco June 16, 2007 at 05:59 PM
Thank you for the kit and giving it for reuse!
Greetings
Marco
Wilson José Neves Morgado June 18, 2007 at 06:21 PM
Nice collection. Thanks fo sharing
Matt June 19, 2007 at 09:07 AM
Just added North America at flags.blogpotato.de (ok, not that kind of big deal ;-). Africa is almost done.
Happy June 19, 2007 at 03:43 PM
As usual awesome work.
Happy June 19, 2007 at 05:51 PM
Thank you very much! It’s useful.
NayWinAung June 20, 2007 at 12:48 PM
I am learning.
Reginald B. Goodridge, Jr. June 23, 2007 at 04:41 PM
Seriously, you are worth your weight in Diamond. Always professional and always incredible.
God Bless You!
Kostenloses Forum June 28, 2007 at 09:25 AM
Very nice flags, thanks for that good work
StefanMoin July 01, 2007 at 05:51 PM
Moin moin aus Hamburg,
das Flag Button Devkit hat mir so gut gefallen, dass ich für die Hansestadt Hamburg auch eine Flagge erstellt habe. Vielen Dank für diese gute Arbeit.
Gruß
Stefan
Respiro Media July 01, 2007 at 09:58 PM
You are more than generous, guys. Thank you! :)
Oli July 03, 2007 at 12:48 PM
Hallo Wolfgang.
Da du mir bei Twitter nicht “folgst” mache ich es einfach mal hierüber…
Hast Du zufällig noch ein Invite für Pownce frei?
Wäre klasse…
Danke Dir, liebe Grüße aus Bonn, Oli
SasaVtec July 05, 2007 at 05:18 AM
Great work :D, will def. use this.
Best Regards
Turk Hit Box SEO July 05, 2007 at 03:55 PM
Here is my addition to the European Countries,
The Turkish Flag Button:
http://www.turkhitbox.com/photoshop/turkish-flag-button-for-bartelme-design.html
Thomas Jacobs July 07, 2007 at 03:32 PM
Nice and usefull as always! Great thanks!
Thomas
Tomek July 08, 2007 at 01:59 PM
thanks for great tutorial! it’s brilliant idea!
ZeO July 14, 2007 at 12:03 AM
anyone has the mexican flag as this ones?! Im very bad at photoshop :S
moi July 17, 2007 at 12:19 PM
Very nice work indeed. Unfortunately the Czech flag seems to be missing.
Cat July 18, 2007 at 03:41 PM
So nice! Thank you for sharing, this will be very useful.
Dave Gross July 23, 2007 at 07:34 PM
I just finished 26 flag buttons for these countries:
European Union
Uruguay
US Virgin Islands
British Virgin Islands
Turkey
Singapore
Saudi Arabia
Panama
Peru
Kazakhstan
Dominican Republic
Cuba
Israel
Argentina
Colombia
China
Czech Republic
Jamaica
Mexico
Morocco
South Korea
Israel
Russia
Taiwan
Venezuela
South Africa
I sent them to Wolfgang, so hopefully he’ll add them to the flag collection soon. In the meantime, I’m working on more…
ogłoszenia July 24, 2007 at 01:24 AM
Hey
great flags
really good design!
Wolfgang July 24, 2007 at 07:17 AM
Once again thanks for all your contributions. This is awesome.
Nic P July 25, 2007 at 07:46 PM
Brilliant flag kit, thanks for your efforts.