Select the original black shapes, and go back to the **Path Tools** pane from the **Properties** panel. The resulting compound path will be your first icon. First, click the **Outline Stroke** button and then click that **Make Compound Path** button. Select these copies, place them about as shown in the first image and then go to the **Path Tools** pane from the **Properties** panel. Select the black shapes that make up your sun and duplicate them (**Command + C > Command + V**). ![]() In the end things should look like in the second image. Set the **Angle** to **45 degrees** and then hit that **Copy** button seven times. Simply drag it in the center of that circle and then focus on the Tool Options bar. Make sure that your vertical path is still selected, pick the **Rotate Tool (R)** and you will notice a small cross icon in the center of your selection, that's the reference point. Drag **Line Weight** slider to **6 pt** and don't forget to check that **Round Cap** button. Make sure that this new path stays selected and focus on the **Stroke** pane from the **Appearance** panel. Pick the **Pen Tool (P)** or the **Line Tool (L)**, create a **10 px**, vertical path and place it as shown in the following image. Select the **Stroke**, drag that **Width** slider to **6 pt** and set the **Position** to **Inside**. If the **Appearance** panel is not currently visible, you can easily open it using the leftmost icon that lies above the **Layers** panel. Make sure that this new shape stays selected and focus on the **Effects** pane from the **Appearance** panel. Create a **40 px** circle and place it as shown in the following image. Return to your Toolbar, this time make sure that the **Fill** is invisible and then set the **Stroke** color to black (**R=0 G=0 B=0**).įocus on your bottom cloud shape and pick the **Ellipse Tool (O)**. Select the copy, drag it down and place it roughly as shown in the second image. Make sure that your cloud icons is selected and duplicate it (**Command + C > Command + V**). You should end up with a simple, blue shape like the one shown in the second image. Using the **Move Tool (V)**, select all the shapes made so far, focus on the **Path Tools** pane from the **Properties** panel and click that **Union** button. Create a **60 x 20 px** rectangle and place it as shown in the third image. Switch to the **Rectangle Tool (M)** and set the **Fill** color to black (**R=0 G=0 B=0**). Replace that yellow from the **Fill** color with **R=44 G=164 B=15**, create a **30 px** circle and place it as shown in the second image. ![]() Replace the existing **Fill** color with **R=225 G=200 B=0**, make sure that the **Ellipse Tool (O)** is still active, create a **60 px** circle and place it as shown in the first image. Pick the **Ellipse Tool (O)**, move to your canvas and create a **40 px** circle - the grid and the **Snap to Grid** feature will ease your work. Drag the **Alpha** slider to **0%** and this will make your **Stroke** invisible. ![]() Click the **Fill** color well and set it to **R=74 G=196 B=237** and then click the **Stroke** color well. Keep in mind that you can quickly enable or disable the grid and the **Snap to Grid** feature using the **Command + '** and **Command + Shift + '** keyboard shortcuts.įocus on the Toolbar and notice that by default the fill color is set to white while the stroke color is set to black. ![]() Change the grid **X Spacing** and **Y Spacing** to **5**, set the **Subdivisions** to **0** and enable **Snap to Grid (Command + Shift + ')**. If the **Properties** panel is not currently visible, you can easily open it using the ruler icon that lies above the **Layers** panel. Switch to the **Grid** pane in the **Properties** panel. Select the **Grid** document style, set the document units to **pixels**, and set the document dimensions to **600** pixels wide by **740** pixels high. Go to **File > New (Command + N)** to bring up the **New Document** window. In the following tutorial you will learn how to create a set of flat weather icons in Graphic for Mac.įor starters you will learn how to setup a simple grid and how to create a cloud shape using basic tools and vector shapes building techniques.Taking full advantage of the Snap to Grid feature and using some simple stroke techniques, you will learn to create most of the icons.įinally, you will learn how to create a flat background, how to center it and how to add a subtle shadow to your icons.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |