Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create...

29
Pen Tool + Shapes OCTOBER 15 MEETING 3

Transcript of Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create...

Page 1: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Pen Tool+ Shapes

OCTOBER 15MEETING 3

Page 2: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Isometric Illustrations

Design Trend of the Week:

Page 3: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Cofolios.comResource of the Week:

Page 4: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Pen ToolWorkshop

Page 5: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Why use the pen tool?● The pen tool is one of the most powerful tools you have

● Allows you to create custom vector objects

● Precise

● Flexible

Page 6: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Pen Tool Vocab

Page 7: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

path

Page 8: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

stroke

Page 9: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

anchor point

Page 10: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

handles

Page 11: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

rounding tool

Page 13: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Pen Activity!

Recreate this in figma Using only the pen tool and the corner tool :)

designatuci.com/pen

Page 14: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

ShapeWorkshop

Page 15: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Why use shapes?

● Shapes allow for the construction of perfect angles and

arcs when developing an object

● Very geometric!

● Much more convenient to use than the pen tool

● Easier!

Page 16: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

shape vocabs

Page 17: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

add/union tool

Page 18: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

subtract tool

Page 19: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

intersect tool

Page 20: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

xor/exclude tool

Page 21: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

divide tool

Page 23: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

What can combining shapes

do?

Page 24: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.
Page 25: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.
Page 27: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Recreate these graphics by only combining and rounding basic shapes.

Page 28: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

Activity Time

Page 29: Pen Tool +Shapes · The pen tool is one of the most powerful tools you have Allows you to create custom vector objects ... Flexible. Pen Tool Vocab. path. stroke. anchor point. handles.

● Get into groups of three

● Make a camera app icon/logo

● Start sketching your designs with your groups (If you want to)

● Open the group figma document and build your logos! (20

mins)

Camera Icon