Featured Video Play Icon

Affinity Designer – Parking disk beginner level

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?

Donation button English

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



Teile diesen Artikel und wenn dir der Beitrag gefällt, hinterlasse gerne eine Spende über den PayPal button.
Share this post and if you like it and want to support my work leave a donations on PayPal.


Posted in Affinity Designer and tagged , , , .

Since July 2015 I work with Serif programs Affinity Designer and Affinity Photo. In June 2016, I started to publish tutorials on my YouTube channel, Mensch Mesch on a regular basis.
Before I worked for many years with the programs AI, PS, ID and AE of Adobe.