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

Upload: others

Post on 03-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

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