How To Draw The Youtube Logo

Download Article

Download Article

Need to create logos, buttons, icons, or illustrations to employ in your Figma prototype? Rather than switch back and forth between Figma and another app like Illustrator or Sketch, give Figma'southward built-in illustration tools a attempt. We'll teach you the basics of drawing in Figma, from freehand sketching with the pencil tool, to creating vector lines and shapes with the Pen tool.

1. ane

   Create a new frame in your Figma project. You tin do this by pressing F with your projection open.

   • If you're new to Figma, showtime by creating an account and exploring the interface to get a feel for how the app works.

2. 2

   Press ⇧ Shift+P to activate the Pencil tool. The pencil tool allows you to sketch freehand, which is neat when you don't need perfectly scaled shapes.

   • You can also select the Pencil past clicking the Pen menu at the top and choosing the pencil icon.

   Advertisement

3. three

   Select your pencil properties. The default pencil setting is a black round iii px stroke, unless you're working on a dark background.^[1] To modify the stroke:

   • Locate the Stroke area of the Design panel, which is on the right side of Figma.
   • Click the colored square to select a color. If you desire to choose a colour that'south already on your canvas, click the eyedropper tool beneath the color picker, then click the desired colour.
   • Past default, the opacity is set to 100%. To draw with a less opaque colour, you tin decrease the opacity past changing the pct.
   • The icon of three horizontal lines and the number "iii" indicate the size of the line in pixels. Click this icon to increment or decrease the pixel size.
   • You can change the shape of the pencil by choosing one of the three options—None for an undefined shape, Square, or Circular.
   • If you want to draw with a dashed line instead of a solid line, click the iii dots to open the Advanced Stroke menu, then cull Dash or Custom, both of which let you to specify the distance betwixt dashes.

4. 4

   Click and elevate the mouse to depict. The pencil tool volition remain active until y'all choice some other tool or press Esc.

   • If you desire to undo the last stroke, but press Cmd + Z (Mac) or Ctrl + Z (PC).
   • To draw a straight line, just concur down the Shift key equally you drag your cursor.
   • Each stroke creates a new layer in the current frame. You can encounter all of your layers on the Layers console, which is on the left side of the workspace.

5. v

   Erase parts of your cartoon. Unlike many other illustration apps, at that place is no eraser tool in Figma. To erase a line or part of your analogy:

   • Press 5 on the keyboard.
   • Click the stroke you want to remove or click the proper noun of its layer on the Layers panel.
   • To select multiple strokes at once, concur down the Shift key as you click each stroke.^[2]
   • Press the Delete fundamental to erase the selected lines.

6. half dozen

   Change the scale of your drawing. If yous want to resize your illustration, you can do so hands:

   • Select the layers you want to resize. A bounding box volition appear around the choice.
   • Drag the corners of the cartoon to go far larger or smaller.

   Advertisement

1. ane

   Create a new frame in your Figma project. You can do this by pressing F with your project open.

2. 2

   Press P to activate the Pen tool. The Pen tool is generally similar to pen tools in other apps—instead of drawing freehand, you lot create lines by connecting vector points.

3. 3

   Click the location where you lot desire to begin your drawing. This places a vector indicate at that location.

4. 4

   Movement the mouse to the desired endpoint of your line and click again. This places a second vector point, creating a direct line between the two points.

5. five

   Hold the ⇧ Shift key as y'all identify another vector point. When you concord downward this central, yous'll create a line forth a 45 degree centrality.^[three]

6. 6

   Create a curved line using Bezier handles. To make a line with a curve, click and hold a vector betoken, and so move the mouse cursor in the direction of the curve. Click once more where you want that segment to end.

   • You tin can then drag the Bezier handles, which are the blue narrow lines protruding from the curve, to reshape the curve in any direction.
   • You can also turn a straight line into a curved line hands. Click the line you want to curve and printing Return or Enter. Then, click the Bend tool (it looks similar a curved line with circles on either end), hover the mouse cursor over the line you desire to bend, and and so elevate information technology in the desired direction.
   • Creating curved lines tin be kind of challenging, so Figma recommends experimenting with this free game that tin assistance yous master the process: https://bezier.method.ac

7. 7

   Click the original point to close the vector path. This turns your drawing into a unmarried vector paradigm, which you can at present manipulate in any way.

8. 8

   Fill a pattern with color. Hither's how:

   • Select the vector drawing.
   • Press Render or Enter.
   • Press the B cardinal to open the pigment bucket tool.
   • Click within of the pattern to make full it with the default gray colour.
   • Await for the "Fill" surface area on the Design console running along the correct side of Figma.
   • Select the color yous want to fill the design with, and it will fill up immediately.

9. ix

   Modify the line color. Lines are black by default, but you tin can easily alter them:

   • After drawing a line or object, select it by clicking it and pressing Render or Enter.
   • Find the "Stroke" area on the Blueprint panel and click the color (which is black past default).
   • Click the desired color to automatically recolor the selected cartoon.

10. x

    Modify the calibration of your drawing. If you desire to resize your illustration, you can do so easily:

    • Select the layers yous want to resize. A bounding box will appear effectually the selection.
    • Drag the corners of the drawing to make it larger or smaller.

    Advertisement

Enquire a Question

200 characters left

Include your email accost to get a bulletin when this question is answered.

Submit

Advertisement

Virtually This Article

Article Summary X

1. Press Shift + P to select the Pencil tool.
2. Customize the pencil on the Pattern panel in the "Stroke" section.
iii. Click and drag to draw.
4. To erase, select a line and press Delete.

Did this summary assist y'all?

Thanks to all authors for creating a page that has been read 33 times.

Is this article upwards to date?

Source: https://www.wikihow.com/Draw-in-Figma

Posted by: johnsonbefteeprishe.blogspot.com

Share this post