The purpose of this step is to slightly shorten the remaining quarter.ġ2. Using the Add Anchor Point Tool, add a new anchor point somewhere along the remaining quarter, and then delete the anchor point to the left/right of it. Using the Direct Selection Tool, delete three of the anchor points, leaving just one quarter of the circle left. Select the Ellipse Tool, and draw a small circle inside the head of the octopus. Select all shapes on the artboard, and in the Pathfinder Palette select Unite to combine all individual shapes into an outline of the octopus that is all one complete shape.ġ1. Align the circle created in Step 2 centrally above the tentacles, and move all four tentacles upwards until the top anchor points on each tentacle, all touch the circle itself.ġ0. Repeat Steps 4-5 to create a ‘reflected’ copy of both tentacles, so that you end up with four tentacles in total that are symmetrical.ĩ. In the Stroke Palette you can also change the Cap and Corner type to Round.Ĩ. Using the Direct Selection Tool, drag over the two anchor points where both tentacles join, and go to Object > Path > Join. Select the Rotate Tool and Left-click on the top-right anchor point, then drag Clockwise around this rotation point so that your second tentacle is at an angle, but still joined to the first.ħ. Go to Edit > Copy, and select Edit > Paste in Place to create a copy of the tentacle shape. This will join up both halves of the tentacle into one curved line, with the top kept open.Ħ. Line both halves of the tentacle up so that they touch, and using the Direct Selection Tool, drag over the two end anchor points on the lowest part of the tentacle and go to Object > Path > Join. Next, go to Object > Transform > Reflect, and reflect the shape along the Vertical Axis.ĥ. Select the half tentacle, and go to Edit > Copy, and then Edit > Paste in Place, hold Shift and drag to the right. Left-click and hold to draw a curve at the bottom – this is going to be the left half of your first tentacle.Ĥ. Next, select the Pen Tool, Left-click anywhere on the artboard, then Left-click again below and slightly to the right to create an angled line. Give the circle no Fill, and add a Black Stroke with a Stroke Weight of 16px.ģ. Select the Ellipse Tool, Left-click and hold Shift to draw a circle. Create a new document 800 x 800 pixels.Ģ. This places all the styling information in a block that can be easily changed with CSS.In this tutorial, we’re going to learn how to draw a vector octopus icon in Adobe Illustrator.ġ. In the SVG Options box that opens, set Styling to Internal CSS.Set the Format to SVG and click Export.Using Save As creates a larger file for working on, so if you're uploading your file to the web, the recommended way is to use the latter.įollow these steps to export an AI file in SVG format using the Export option: You can use the Save As option or use the Export feature. There are a couple of ways to save an Illustrator file as SVG. There's no need to output multiple-sized images for different screen resolutions. There are other benefits: the images are lightweight, and because they're vectors, you can resize them easily. It's a very efficient way of adding effects and animations to your images. While you can output files that you can link to on your web page, you can also save the image as a piece of code that you can paste directly into your HTML file. Short for Scalable Vector Graphics, SVG is an XML-based markup language. How to Save Adobe Illustrator Files as SVGĪ better, more modern way to export graphics like icons and logos for the web is by using the SVG format. 3x, for example, will output an image three times taller and wider than the original. This will create the settings for a second image, so set the Scale option to a new relative size.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |