The network
Users questions:How to create pages with photoshop button?
Experts answer: web pages with Photoshop used small button (Figure not shown point link below) http: ** www.skycn.com * article * 1694.html AlthoughMore and more people start using broadband, the speed limit is no longer as in earlier years as the network, but in recent years, more and more complicated web pages are not, contrary to simple web design for the fashion popular in the cyber world is quietly in. This style not only saves bandwidth, more importantly, most people prefer clearThe new environment the information they need to find a simple ingenious design, making access to information more convenient. Today, we have to design several of the most popular website small button. The first paragraph: pixel button this is the most popular of a button, in pixels as the theme of each site can be seen almostIts presence. Want to reduce the maximum page size, but the only way this button. This button simply generous, in addition to personalized websites, is also very suitable for the company's website. Create a new Photoshop document, RGB mode, white background. New layer, reset palette, will beSet foreground color to a pale gray, as in the example RGB (239,239,239), use the Rectangular Marquee tool to select a small rectangle, approximately 40 11 pixel size (refer to the information panel, or directly in the selection rectangle box rectangle tool options in setting the fixed size, and then drawCloth clicks), after filling foreground deselect. We pushed the button below to create three-dimensional effect. Here, we fully use the method of adding layer styles, double-layer, open the Layer Style dialog box, add us to order: First select the slope and relief style, set within the ramp structure, method for the flatSlide, a depth of 1%, direction, the size and softening are 2 pixels, the shadow angle of 146 degrees, use global light, height of 30 degrees, keep the default gloss, high light and dark tone of the mixed-mode and color are the same However, the opacity was set as 100% and 43%; followed in the shadow mode, modeType is normal, the color is white, opacity 100%, angle of 146 degrees, use global light, distance of 1 pixel, block 100%, size 0, the quality change; followed by strokes, the strokes set to 1 pixel size, location, external, mixed-mode normal, opacity 100%, Fill type of color, strokes color set to black; Finally, projection pattern, the shadow color set to black, opacity 22%, angle of 120 degrees to remove the global light, distance of 3 pixels, extension 0, size is 0, the default constant quality. Well, now you can choose a number of fineFont, preferably specialized pixel font, write on the text in the button. Set text option, there is a need for special attention, and that is the way to the text anti-aliasing set to no, otherwise the font will appear fuzzy. The entire production process as shown in Figure 01. Figure 01 If you think gray is too monotonous, and youButton can add a variety of colors, process, and in front of roughly the same, but in some places there are some subtle differences. In the new layer, set the electoral districts, setting your foreground color, such as where we will set the foreground color RGB (106,175,5), populated electoral districts deselect. Then it started to layer-likeType. The slope and relief style, will be set to 100% of the depth, size, and softened to a pixel, the shadow of attention to the high optical mode is set to Color Dodge, Opacity 65%, dark tone should reduce the number of non-transparency; and just different, and we canceled within the shadow style, in the style of strokes, the strokesMake a kind of deep gray color, such as RGB (132,132,132), of course, you can also use black strokes; the projection pattern, because the color of the button deeper, relative, we can shadow Opacity set slightly higher, 40% can be. Finally, write the text.(Figure 02) Figure 02 you can combine these two buttons as the mouse rollover animation to decorate your page. Second paragraph: Gradient button relative to the first button, the next we have to introduce this type of button more practical, and richer colors. You will see many sitesIt. First, the RGB model is still new Photoshop document, white background. This time we use the vector tools to deal with constituency. Select Rounded Rectangle tool, drawing mode for the fill pixels option in the tool radius set to 3 pixels, reset palette, drawing on the canvas with a black circle