Rockstar Icon Designer
In this comprehensive book, veteran icon designer Kate McInnes takes you through the history, theory and practice of icon design.
In this book Kate shares with you her experience and expertise by covering everything from the history and theory of icon design, to best practices and methods.
She’ll also take you through the whole process of creating your own icon set, and walk you through actual tutorial exercises where you’ll design icons from scratch.
Joker2011. Design Tips Often designed to reflect a logo or identity, application icons may also represent the function of the software — such as a camera for a photo editor or pencil and paper for a note taking application — and sometimes form a collection of programs, such as Microsoft Office or the Adobe Suite. Modern application icons are designed to create a positive emotional response through the use of hyper realistic illustration and clever eye catching designs. Like the brightly
and we both decided to create a small website around these stamps, just to make it into a real and complete project. * * * Design Tips A common format for web icons is transparent PNGs, but if you chose to use this file format, remember to check your target audience and the compatibility with older browsers. If a transparent PNG isn't compatible with a browser it will show the transparent area as a solid background. Internet Explorer 6 can show transparent PNGs with some extra coding
design. If you're drawing the same element more than once you may find that tracing the image with some sketch paper or a sunny window/light box is handy. Again, this is just the planning stage, so a few small changes in the main elements aren't a major problem. Once you're finished the designs will be ready for rendering. Once you've finished your designs, look at them as a set and make any necessary design tweaks. One-Point Perspective One-point perspective is a method of drawing an
representative of the objects they depict. An outline in a slightly darker tone is used to differentiate the various elements of the icon and to help create a crisp outline. Because the majority of the icons were 32px and commonly viewed on CRT monitors, the outline was a great way to use the color variance and transparency of the 32-bit images without losing clarity. The two main views for XP style icons are a fake isometric style with a slight one-point perspective with the icons facing right
details and a 3px black drop shadow set to 25% opacity. Status bar icons have a 90 degree gradient fill from hexadecimal color #828282 to #919191 with the counter shapes of the glyph set to be transparent and a 1px 90 degree inner shadow of 10% opaque white. Viewing Angles Used: Android icons use zero-point perspective and should appear to be flat against the surface of the screen. Light Source: The light source for the Launcher icons is top-lighting with a soft effect falling over the