In this beginner tutorial I’ll show you how to draw a parking disk with various tools in Affinity Designer 1.6.0.
Inhaltsverzeichnis
• Document setup 0:24
• Create and protect background 0:43
• Draw the card with the rectangle tool and change the fill color 2:05
• Rechteckgröße im Transformieren Panel ändern 3:22
• Change rectangle size in the transform panel 4:26
• Use X to switch between stroke and fill 4:46
• Create a time disk 5:30
• Draw a circle with the ellipse tool 5:36
• Configure the circle with the keyboard (cursor keys) in the transform panel (transformation origin, lock aspect ratios) 6:17
• Change the fill color of the circle 6:42
• Create a rippled edge of the time disk 7:00
• Create auxiliary object (pie piece) 7:09
• Create a duplicate of the circle (⌘ J) 7:14
• Convert to pie 7:25
• Set starting angle 7:40
• Adjust end angle 8:00
• Zooming (Z) magnifying tools 8:12
• Place half ellipses on the edge of the circle 8:20
• Draw Ellipse 8:35
• Convert Ellipse to curves 8:45
• Convert soft curve nodes to sharp curve nodes 9:00
• Move ellipse with pressed ⇧ key 9:10
• Zoom in onto the entire canvas 9:25
• Place the rotation origin on the center of the disk 9:33
• Duplicate the the ellipse and rotate it by 10 degree 9:55
• Delete auxiliary object from layer panel 11:40
• Select the ellipse layers in the panel 11:50
• Merge all ellipses into one object with geometry operations Add 12:18
• Merge new object with the time disk (circle) 12:38
• Create and hide the duplicate time slice 12:50
• Add new object and circle 13:03
• Moving the new object up 13:17
• Insert digits text with insert “Insert in Selection” 13:58
• Move graphic text down while pressing the ⇧ key 15:26
• Rotate the graphic text around the rotation origin 15:40
• Rotate duplicates in 30 ° increments 16:38
• Typing the digits with the graphic text tool 17:25
• Typing the digits with the graphic text tool 18:34
• Group the digits (⌘ G) 18:52
• Create a duplicate of the group (⌘ J) 18:57
• Rename the duplicated group 19:02
• Scaling the group outwards while pressing ⌘ 19:10
• Reduce font size of the duplicated group 19:35
• Select a smaller font 19:46
• Use the graphic text tool (T) to change the digits to 13-24 19:53
• Reduce groups 20:38
• Create a scale with the pen tool 20:41
• Insert option “Place inside object” 20:52
• Drawing a line with the pen tool 20:56
• Colorize the line and set the width of the stroke 21:21
• Duplicate line and rotate with ⇧-key 21:45
• Group lines for full hours (⌘ G) and rename the layer 22:50
• Create, rename and rotate duplicates for half hours 23:12
• Reduce line width to 0.8 pt and shorten the length 23:25
• Create cutouts for the parking disc 24:24
• Move reserve circle up 24:46
• Rename time disk and move it under the card inside layers panel 25:08
• Convert circle / ellipse to ring and set start and end angles 25:19
• Create a trapezoid grip 26:12
• Mirror trapezium vertically 27:01
• Change the fill color of the trapezoid to white 27:07
• Create 25 px diameter circle for a rivet 27:30
• Create a duplicate of the circle and set the outline to 30% black 28:25
• Add 3D effect with layers effects 28:48
• Temporarily hide the handles with the spacebar 29:40
• Subtract the object non-destructively from the card 30:14
• Open montage layer and change the objects 31:06
• Customize group 13-24 31:50
• Customize group 1-12 32:10
• Resize ring segment 32:50
• Adjust Trapezoid 32:56
• Rotate the time disk for check-up 33:23
• Draw white pointer with triangle tool 33:40
• Select correct plane (rivet) (insert below) 34:00
• Reduce the width of the triangle 35:30
• Create a cut in the triangle with geometry subtract 35:33
• Duplicate the ellipse / circle and subtract it from the triangle 35:40
• Duplicate ellipse again and subtract from the time disk 36:34
• Place the time disk over the background and under the card 37:12
• Create park icon with rounded rectangle tool 37:30
• Adjust the fill and stroke of the rounded square 38:12
• Create and position the P in the park icon with the graphic text tool 38:48
• Create and position arrival time with the graphic text tool 40:02
• Add an outer shadow effect to the montage layer of the card 41:00
• Set outer shadow effect to the time disk 41:50
• Round the corners of the card in the montage layer 42:32
• Round corners on the trapezoid with the corner tool 43:28
• Add noise to the card in colour panel 44:26
• Hide tools with the tabulator key (⇥) 45:25
• Full view with ⌘ 0 45:28
You like my tutorials? You want to support my work?
The video was created with Affinity Designer 1.6.0. Recording and editing was done with Camtasia: mac 3.1.2.
Sound recording: SONY ECM-CS3 microphone
Video Compression and Web Optimization: HandBrake 1.0.7