Reply to thread

Message: <blockquote data-quote="MaD-DoC" data-source="post: 2246436" data-attributes="member: 56284">Adobe Bridge IconAdobe Bridge Icon                                      <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/adobe-bridge.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> This tutorial will show you how to replicate the Adobe Bridge icon in Illustrator CS2 using the same techniques as the <a href="http://www.ndesign-studio.com/resources/tutorials/photoshop-cs2-splash/" target="_blank">Photoshop Splash Page</a> Tutorial. Version: Illustrator CS2 <a href="http://www.ndesign-studio.com/file/illustrator/adobe_bridge.ai" target="_blank">Download Source File</a>  1. Place Images First, place in the original Adobe Bridge icon image in Layer 1 for reference. Double click on Layer 1 and change the following Layer Options: check Lock and Dim Images to 50%. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 2. Start Tracing Make a new layer. Hold down Ctrl key and click on the Visibility icon of Layer 2 to view that layer in Outline Mode. Now use the Pen tool and start tracing the basic shapes of the sea shell. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/2.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now you should have something like this: <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/3.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />3. Gradient Select the top layer and apply a 2 colors radial gradient (color 1 = m5, color 2 = c26, m86, y44). Use the Gradient Tool (G) and drag from the lower center to top corner. This will re-position the gradient. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 4. Multiply Blending Mode Now in the Transparency palette, select Multiply Blending Mode.     Notice this will create the see through effect. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/5.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 5. Back Layer Select the back sea shell layer, fill it with another radial gradient (color 1 = c21, color 2 = c26, m86, y44).     Again, you need to use the Gradient Tool to position the gradient. Then, select Multiply Blending Mode. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/6.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 6. Top layer Select the top layer and fill it with different color gradient (color 1 = m5, color 2 = c33, m95, y62). Again, select Multiply Blending Mode. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/7.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />7. Eyedropper Select the rest of the unfilled paths, use the Eyedropper tool and click on the top layer to copy the gradient fill. To get the best result, you might need to use the Gradient Tool to adjust the gradient position of each shape. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/8.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 8. Icon Base Make a rectangle box and then apply 25pt round corner (Effect > Stylize > Round Corners). <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/9.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 9. Drop Shadow Now go to Effect > Stylize > Drop Shadow and apply the following setting: <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/10.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />10. Gradient Use the Gradient Tool and apply a 3 colors gradient as shown (color 1 = k0, color 2 = k16, color 3 = k13). <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/11.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 11. Add New Stroke To make an inner glow effect, we need to add a new stroke. in the Appearance palette (top right corner dropdown menu), select Add New Stroke. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/12.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Align Stroke Inside In the Appearance palette, selct the new added stroke, fill it with 4pt white stroke color. Then open the Stroke palette, and click on Align Stroke to Inside. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/13.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> 12. White background Notice when you place the sea shell on top of the icon base, the sea shell is see-through because the blending mode has been set to multiply? We can get rid of that by adding a white background to the sea shell. First copy the entire sea shell to clipboard, then merge the current sea shell by Alt-click on Add to shape area (Pathfinder palette). <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/14.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Then, Ctrl+F to paste the copied sea shell in front. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/15.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Final The image on the left is my version and the image on the right is the original version. <img src="http://www.ndesign-studio.com/images/resources/tutorials/adobe_bridge/final.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></blockquote>

Verification: Asuwa dahayen wadi kalama keeyada?

Top Bottom