Step 2: Choose, mix-and-match base object (or start from scratch) Start a new file with an artboard that is 24×24 pixels, RGB color mode, Raster Effects at 300dpi (only affects on-screen dpi), and set “Align New Objects to Pixel Grid” to off (this can be changed later per individual objects).This simple tutorial explains how to generate PNG icon images from Adobe Illustrator, for a script that moves a face of a solid Rhino object while maintaining its face orientation and the existing neighbor edge orientations. RhinoVAULT is a good example where the general guidelines outlined above are (notably the pixel alignment, contrast of color, and edge offset) incorporated well to generate clear, easy to read icons ( from version 1.3.0.1). Use outlines for areas next to the transparent background.Avoid using texts in icons (this clashes with localization).Avoid near-vertical and near-horizontal lines.Try to use the same view projection as the standard Box function button icon.Try not to use the pixels along the edges of the icon (this leaves an active icon size of 22×22 pixels.).White (or other bright) lines should be at least 2 pixels thick.All lines in icons should be a whole number of pixels thick (the default set only contains 1 and 2 pixel lines).Use default Rhino icons in vector format, or raster images as the base to stay somewhat consistent with Rhino’s visual conventions.In Rhino, default button size is “medium”, which is 24×24 pixels (“small” = 16×16 pixels, “large” = 32×32 pixels) → create icons based on 24×24 pixel grid.For clean anti-aliasing, align shapes to the pixel grid whenever possible.Use full alpha-channeled PNG format for all images (so four channels in total: RGBA, not just RGB – automatically done when exporting from Illustrator) the alpha channel controls the level of transparency per pixel, and therefore creates a smooth gradient from fully-opaque to fully-transparent.The vector drawing can be exported as a PNG image and imported “to fit” from Rhino. Using an external vector drawing software – This option is ideal for creating icons from scratch using vector drawing software like Illustrator.Using an external pixel editing software – This option is the “Photoshop” approach, where the icon is created as an image by modifying, adding layers of anti-aliased images, incorporating filters, etc., then saving it as a PNG image with all the layers flattened while keeping the alpha channel. It could be used for minor refinements and tweaks, but is not ideal for creating new icons from scratch. Using built-in Rhino pixel editor – This option does not require any extra software, but the built in pixel editor is a more dumbed-down version of MS Paint with extremely limited drawing functions.There are three ways to change/create custom button icons:.General tips and info on Rhino toolbar button icons Raster image of Grasshopper component icons (via David Rutten from here).Microsoft Developer Network : general information and tips for creating Windows icons (for Windows XP, but still valid tips).McNeel Wiki : thorough explanation on Rhino toolbar button icons.Rhino help : general information on Rhino toolbar styles, sizes and properties.Also included in the post is a short tutorial on how to create an icon from Adobe Illustrator. This post highlights a few good web sources that provide general information and tips for customizing toolbar button icons in Rhino. After writing hundreds of lines of a code that executes a sophisticated operation in Rhino through a single click of a button, it would be nice to have a cool icon to go with it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |