Illustrator exquisite Adobe Bridge conch vector icon tutorial

Source: Internet
Author: User
I will give you a detailed analysis of the Illustrator software to share with you the tutorial on painting the exquisite Adobe Bridge conch vector icon.
Tutorial sharing:
1. Placement of images
First, press Ctrl + N in Illustrator CS2 to open the new document dialog box, enter the name "Bridge icon", set the document size as appropriate, and click "OK.
Use other image capture tools to capture the Adobe Bridge software icon, save it as an image file, and then select the menu command "file | place" in Illustrator CS2 ", place the captured icon image in the current document. The Placed image is in Layer 1 by default. We will use this image as a reference for painting.
On the layer palette, double-click layer 1 to open the "layer options" dialog box, and select the "lock" and "darken image to 50%" check boxes, as shown in Figure 1. This step is often used by Illustrator to trace vector images based on the source image.


2. Start tracing
Click the "create new layer" button under the layer palette to create a new layer. Press Ctrl and click the "switch visibility" icon (eye icon) of Layer 2 ), in this way, you can temporarily switch the view of Layer 2 to the profile mode.
Now you can use the pen tool to describe the basic shape of the conch icon on the placed image.


After an illustration, the result shown in Figure 3 is displayed.


3. Add gradient
Select layer 2, and apply a two-color radial gradient to the drawn path. One color is set to M5 (CMYK color), and the other color is set to C26, M86, and Y44. Use the gradient tool in the toolbox to drag the image from the center to the top right corner. This will reset the gradient position, as shown in figure 4.


4. Application Mode: front-and-back hybrid mode
Now, in the opacity palette, change the hybrid mode to "opening the front and bottom". Note that this mode will create the effect of pivot to the bottom.


5. Spiral surface at the bottom
Select the spiral surface path at the bottom of the conch, that is, the part above the side of the gradient just filled, and use another radial gradient, one of which is set to C21, the other color is C26, M86, and Y44. We still need to use the gradient tool to change the gradient position again, as shown in figure 6. Next, set the hybrid mode to "opening and stacking ".


6. Upper spiral surface
Select the spiral surface path on the upper layer of the drawn spiral surface, fill in another two-color radial gradient, one color is set to M5, the other color is set to C33, M95, Y62, see Figure 7. After filling, change the hybrid mode to "stacked front ".


7. Use a straw tool
Select other unfilled paths and click on the path drawn in step 1 using the "straw tool" to copy the filled gradient, as shown in figure 8. For better results, you can use the gradient tool to change the gradient position of each image.


8. Icon background
Use the rectangle tool to draw a rectangle and apply the 25pt rounded corner (select the menu command "effect | stylized | rounded corner", as shown in Figure 9 ).


9. Add shadow effect
Select the menu command "effect | style | projection" and apply the settings shown in Figure 10.


10. Apply gradient to the rounded rectangle
Use the gradient tool to apply a three-color gradient to the rounded rectangle, as shown in Figure 11. 1st colors are set to K0, 2nd colors are set to K16, and 3rd colors are set to K13.


11. Add a new stroke
In order to produce a same luminous effect, we need to add a new stroke. On the "appearance" palette, click the arrow in the upper right corner and select the "add new stroke" command from the pop-up menu, as shown in Figure 12.


Application inner stroke
In the appearance palette, select the newly added stroke, and click the white color palette in the palette to set the stroke color to white, in the "stroke" palette, set the stroke width to 4 PT, and set the oblique limit to 4 times, click align inside the stroke on the right of alignment stroke, as shown in Figure 13.


12. White background
Since the hybrid mode is set to "stacked bottom of the front slice", when you place the conch on the top of the icon background, you should be able to see the "transparent" to the bottom through the conch. Check whether this effect is correct. If yes, you can add a white background for conch.
For ease of operation, first select the background of the rounded rectangle icon and press Ctrl + 2 to temporarily lock it. Select the conch image and press Ctrl + C to copy the complete conch image to the clipboard. Now the conch image is still Selected. Select the menu command "window | path finder" to open the "Path Finder" palette, press and hold the Alt key, and click "add to shape area" in the palette, as shown in Figure 14. These paths can be added together and expanded to common paths. After completion, change the fill color of the path to White, and set the stroke color to none.


Next, press Ctrl + F to paste the conch image in the clipboard to the top of the original position, or select the menu command as shown in Figure 15. Original article address


Final effect
As shown in Figure 16, the figure on the left shows the final effect produced according to the above steps. The picture on the right shows the icon effect captured from the software. It can be seen that the difference between the two is not great. Download the Original file (unzip the password:


All right, the above information is all the content that I have shared with you through the detailed tutorial on drawing the exquisite Adobe Bridge conch vector icons for the users of Illustrator, all users have seen this. I believe that you are very clear about the rendering method. Then, you can draw the conch vector icon by yourself according to the tutorial of the small series.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.