Custom Tab Bar Icons with Pixelmator: How To

Get Started | Login

Discussion Forums > Images, Documents, File Locations

Replies: 8 Views: 365

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	confirm \| cancel 05/28/13 12:27 AM (11 years ago) Custom Tab Bar Icons with Pixelmator: How To I spent a couple of hours today trying to figure out how to create custom Tab Bar icons using Pixelmator, a graphics app I picked up with one of Nad's bundles that he notifies us about from time to time. It's a great lightweight program, very powerful, but not so well documented for certain things. However after much trial and error and searching the web, I came across this post which was my rosetta stone for 'how to'. http://support.pixelmator.com/viewtopic.php?t=7407 (from Sebastiaan) If you don't have Pixelmator, even without the bundle it's easily worth the $15 on the App Store. http://www.pixelmator.com In any event, I successfully created Tab Bar icons, and documented it in this 'How To' https://dl.dropboxusercontent.com/u/115208762/pixelTabIcons.pdf I would appreciate any corrections you see fit. Cheers! -- Smug Title Comments I spent a couple of hours today trying to figure out how to create custom Tab Bar icons using Pixelmator, a graphics app I picked up with one of Nad's bundles that he notifies us about from time to time. It's a great lightweight program, very powerful, but not so well documented for certain things. However after much trial and error and searching the web, I came across this post which was my rosetta stone for 'how to'. http://support.pixelmator.com/viewtopic.php?t=7407 (from Sebastiaan) If you don't have Pixelmator, even without the bundle it's easily worth the $15 on the App Store. http://www.pixelmator.com In any event, I successfully created Tab Bar icons, and documented it in this 'How To' https://dl.dropboxusercontent.com/u/115208762/pixelTabIcons.pdf I would appreciate any corrections you see fit. Cheers! -- Smug

mysps Code is Art Posts: 2082 Reg: May 14, 2011 Palma 33,320	05/28/13 12:43 AM (11 years ago) Nice tutorial. Love the Jason icon lol. Comments Nice tutorial. Love the Jason icon lol.

Rohan Veteran developer Posts: 79 Reg: Mar 12, 2011 London 10,040	05/28/13 01:59 AM (11 years ago) Great share, BTW there's a trick in the latest version of Pixelmator (2.2) that not many people are aware of; by pressing Command+Shift+V it turns it into a fully fledged vector editing program like illustrator! All the icons change to their vector equivalents and the program name changes to 'Vectormator' press Command+Shift+V again to turn it back. Makes it one of the best buys you can get Comments Great share, BTW there's a trick in the latest version of Pixelmator (2.2) that not many people are aware of; by pressing Command+Shift+V it turns it into a fully fledged vector editing program like illustrator! All the icons change to their vector equivalents and the program name changes to 'Vectormator' press Command+Shift+V again to turn it back. Makes it one of the best buys you can get

richardemery839 Aspiring developer Posts: 258 Reg: May 15, 2013 Bangkok 9,480	05/28/13 08:53 PM (11 years ago) Awsome stuff you guys! I have only used photoshop occasionally and hated it but Pixelmator looks incredibly easy to use and I need some new icons :) Comments Awsome stuff you guys! I have only used photoshop occasionally and hated it but Pixelmator looks incredibly easy to use and I need some new icons :)

Niraj buzztouch Evangelist Posts: 2943 Reg: Jul 11, 2012 Cerritos 37,930	06/01/13 11:29 PM (11 years ago) Nice! Thank you! Good usage of Clarify! :-) -- Niraj Comments Nice! Thank you! Good usage of Clarify! :-) -- Niraj

Sain Veteran developer Posts: 14 Reg: Jun 04, 2013 Chernivtsy 3,990	06/13/13 04:37 AM (11 years ago) Thanks for sharing. I will try to make icons today. Comments Thanks for sharing. I will try to make icons today.

Sain Veteran developer Posts: 14 Reg: Jun 04, 2013 Chernivtsy 3,990	06/13/13 04:39 AM (11 years ago) SmugWimp, can you tell me, how you make big central icon in tab on page 15? Comments SmugWimp, can you tell me, how you make big central icon in tab on page 15?

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	06/13/13 04:57 AM (11 years ago) That was made by using MGoBlue's tutorial. Really slick stuff... I'm not sure where the 'official' distribution site is, but I nabbed a copy and keep it in my public dropbox... https://dl.dropboxusercontent.com/u/115208762/Tab_Bar_With_Custom_Center_Tab.pdf Hope this helps! Cheers! -- Smug Comments That was made by using MGoBlue's tutorial. Really slick stuff... I'm not sure where the 'official' distribution site is, but I nabbed a copy and keep it in my public dropbox... https://dl.dropboxusercontent.com/u/115208762/Tab_Bar_With_Custom_Center_Tab.pdf Hope this helps! Cheers! -- Smug

Sain Veteran developer Posts: 14 Reg: Jun 04, 2013 Chernivtsy 3,990	06/13/13 02:59 PM (11 years ago) very cool. thanks Comments very cool. thanks

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.