![]() ![]() This will bring up the folder customization dialog. First of all, right-click the folder you want to customize and select "More Icons" in the FolderIco menu. Step 1: Choose the folder you want to customizeįolderIco offers you two options: select one of pre-defined icons, or create your own folder icon. Here is how you can change a usual non-distinctive yellow icon of a folder to a customized and easily recognizable one. ![]() Click the slice preset button and select Create Preset.Making your computer workplace unique is easier than it seems.I recommend using one if you create or maintain more than one icon. Using a slice preset, you can set up a slice with a single click. Speed up your workflow with a slice preset I explain how to use them in the next section. Tip: if you have more than one icon to re-generate, use a slice preset. Add a new size to your slice (see Explanation of how the slice is set up below)Īgain, you have a new icon set in seconds!.You’ve generated your new icon set in a fraction of a second! Adding a new size to your icon Make the changes to your icon on your artboard.Maintaining your icon Changing your icon design You can be creative with slice naming, and in part three I’ll share some tips to help you export icons directly into Xcode. If you always use icon, your exported pngs will always have the same names, which will make it much quicker to set up new icon sets in Xcode. icon will form the name of your individual icons. my-icon is the folder name, and you can call that whatever you like. For example, if you named your Slice foo/bar.png, it would first create a folder named foo and then create a image named bar.png in there. From the Sketch documentation:Ī neat trick: if you include a slash (/) in the layer name, it will place that slice in a new folder. If you want to keep it simple, go to second part of the article to import them in to Xcode. If you want to learn more about maintaining your icon sets and how it all works, keep reading. Congratulations! They’re ready to be imported into Xcode. Look in your output folder and you’ll see a folder called my-icon that contains a full set of icons. In the second part I’ll describe how to set up your icon sets in Xcode to link icon files to their placeholders in a flash. I’ll give you some tips to speed up the process even more using presets, and I’ll explain how it all works. I’ll tell you how to regenerate your icon set if your design changes, or if you need to add a new size. In this part I’ll go through how to set up your icon on an artboard in Sketch, and how to slice it so you can export your whole icon set at once. You don’t need to be a designer (although you can get your designer to do the Sketch set up), and you don’t need any tools apart from Sketch and Xcode. I’ve condensed the process of exporting an icon from Sketch into Xcode down to less than a minute, even for a brand new icon. Before you know it you’ve spent hours creating, copying and pasting different icons into Xcode. The real killer is that this isn’t a one-off job, you have to create them again every time your icon design changes, and every time you need a new icon. The last icon set I created in Xcode needed 18 different individual icon sizes. Generating icons for your iOS project can be time consuming.
0 Comments
Leave a Reply. |