We have created a file containing these color swatches. The file " Windows XP. This is the perspective grid that Windows XP style icons use:. The following objects are usually shown in a straight-on manner:. Create overlapping secondary objects at an angle unless it makes more sense, due to readability and integrity, that they are rendered straight on. Consider also how your icons may be viewed as a set to help determine how to group objects.
Windows XP icons use a drop shadow to provide definition and added dimension. Adding a drop shadow effect is very simple using IconWorkshop. Don't forget to leave 2 or 3 free pixels in the right and bottom side of the object before applying the shadow. When illustrating XP-style icons, add an outline to the image to provide definition and ensure that the image works well on different background colors.
If you use Photoshop, save your image to a PSD file. A built-in Axialis file explorer window opens. Browse your disks, see the thumbnail preview and double-click the image file you wish to open. Pull down the Image menu and select the Attributes command. To make the image easier to work with, click the Magnifier tool and select the level 8 magnification setting.
Press [Ctrl]G to add gridlines. Use the tools and colors to create your icon. You can now assign your custom icon to any shortcut you wish. Miss a tip? First, create a rectangular shape for the screen using the Pen tool. Using the gradient tool, click and hold near the upper middle edge of the shape and drag down, releasing the mouse button just before you reach the bottom of the shape.
This will allow the blue screen shape to lie on top. Now, use the Pen tool to create a rounded "L" shape along the top and left edges of the screen and fill it with a purple-to-white gradient. Use the gradient tool to fill the shape with the white coming from the top left corner to make it look like the light is coming from that direction.
Create a highlighted edge along the bottom of the screen using the Pen tool as well. We also filled this with the same white-to-purple gradient.
The stand is essentially made up of two shapes that make the front surface and side surface. First, create the shape for the front surface. I filled it with the grey-to-purple gradient. Well, actually I cheated. Since I was creating a folder I could simply use the Pen Tool P to mark the complete folder from the grid image - making some qualified guesses on the way, of points that were invisible in the grid folder image.
That is, define two paths, each in a separate layer. One layer for the back of the folder and one layer for the front of the folder. Don't care what stroke and fill color that you're using. This we change later on. Remember to create several anchor points at the corners; at least one before the corner and one after the corner.
If necessary use the Direct Selection Tool A to select individual anchor points so that you can move misplaced anchor points. If you're not familiar with the pen and anchor tool I suggest that you try it out first, e. Reading the help may also be a good idea.
If you want to do it real easy you may also try to use the round corner stylize filter; available in Illustrator 10 in the menu item Filter Stylize Round Corners A good corner value of 2px seems to be appropriate. Lets get some color into the picture. As mentioned above in the icon characteristics section, XP icons share some primary colors.
I've created a swatch template file with the complete set of primary XP icon colors, as well as a Photoshop. In this way you don't need yourself to setup the necessary swatches representing the colors.
You may need to restart Illustrator before it appears correctly. Remember to save your current illustration. Select each of your paths objects, press X to select stroke and then select the color from the swatch palette. I've set my stroke attributes to have a 2pt weight stroke, so that the outline becomes thicker.
Tip: If you want a even better outline you may also create an white inner outline for your object. This may help it stand out better on darker background when the resolution decreases e. The only way I now about making a inner white outline is actually to create two copies of the same object, one slightly smaller than the other and with a white stroke pen.
This time we need to ensure that the folder is lighted correct. I've found that using a gradient color can be used to obtain a least some partially light effect. The only thing missing is actually that the front folder path object becomes transparent.
So select the front folder path object, select the Transparency palette and adjust the Opacity to an appropriate value.
0コメント