The next process is adding the sun's flame. Delete some of it using a soft eraser to keep it natural. Step 5ĭraw a thin, light-colored shape on the top right side of the sun for its highlight. Step 4Īdd an elliptical shape on the upper half of the sun with a brighter yellow for its color. Paint a lighter yellow on the lower center of the sun. Use #7b6708 for their color and set both blend modes to Multiply. Step 2Īpply the layer styles Inner Shadow and Inner Glow using the following settings. Add Icon Signs Step 1įor our first icon, we will add a sun icon. Step 11ĭuplicate the icon base and change the parameter in Color Balance individually. This way, the adjustment layer only affects the icon. Make a new selection based on the icon's shape, and then fill it with white. We are going to use it to change the background's color.įor easier layer management, let's change its layer name to color changer.įill its layer mask with black. You can see detail of the highlight in the following picture.Īdd a Color Balance Adjustment Layer above the icon. This way, now we have highlight on the icon's edge. Paint some parts of the line with white to reveal them. Fill it with black to hide all the outlines. Set the color to lighter blue and Width: 1 px.īelow, you can see the difference before and after adding a stroke outline into the icon.Īdd a layer mask into the stroke layer. Make a new layer on top and then click Edit > Stroke. This is the result at 100% magnification.Ĭontrol -click the icon base layer. Change the layer's Blend Mode to Screen and reduce its Opacity. Fill the selection with gradient from white to black. Make a big elliptical selection on the lower part of the icon and then Control -click the small base layer to intersect it. Change the layer's Blend Mode to Overlay and then reduce its Opacity. Make another new layer and get the selection from the small icon base. Once you have finished, remove the selection using Control -D and then reduce the layer's Opacity. Make sure you use a soft brush (0% Hardness) Step 4 Make a new layer and then paint white on top of the selection. Step 3Ĭontrol -click the smaller icon base to make a new selection based on its shape. Still using the Brush Tool, add a stronger shadow right under the icon tip. Activate the Brush Tool and then paint a shadow under the icon. Make a new layer underneath the icon base. The layer content will be transparent and leave the layer styles intact. To open the Gradient Editor and change the gradient setting, click on the gradient preview box. Step 8ĭouble-click the shape and then apply Stroke and Gradient Overlay using the following settings.įor the gradient, use the following arrangement of colors. You can do this by duplicating the shape and then modifying its points, or simply by making a new shape. Step 6ĭraw a similar shape on top of the previous shape which is 1 px smaller. It means that you can no longer edit it using the Properties panel. You may find a confirmation dialog box from Photoshop, informing you that the shape will turn into a regular path. Hit Enter to confirm the transformation result. In CC 2014, you can test its position by dragging it and snapping it onto the guide in the center of the previous shape. Make sure the shape is in the middle of the previous shape. Hit Control-T to perform a transformation, and then click and drag outside the bounding box to rotate it 45°. Set its size to 36 px × 36 px with radius 3 px. This new shape will be added to the previous shape. Hold Shift and then draw another rounded rectangle. In this panel, you can simply enter the exact size into the input box. To get accurate results, use the Properties panel. Use the Rounded Rectangle Tool to draw a rectangle with size 83 px × 64 px and 8 px radius. This is where we will place all layers used in the sun icon. It is always a good idea to keep your work structured from the start. In the Color Picker dialog box, select grey ( #e0e0e2) for the canvas background color. Click the small box next to the Background Contents option to change the new canvas color. Start by making a new file with size 350 px × 350 px. For learning purposes, we are going to design a sun icon, an ice flake icon, and an RSS icon. An icon set needs to have the same background and theme. In this tutorial, we are going to design a set of icons in Adobe Photoshop.
0 kommentar(er)
