Affinity Designer Tutorial: Creating a Logo with a Shield and Letters

Introduction

• Software Used: Affinity Designer
• Objective: Create a logo with any three letters inside a shield shape.
• Further Learning: Affinity Designer Master Class with over 60 videos covering tools and features.

Step-by-Step Process

Part 1: Setting Up the Grid

1. Draw a Square

   • Use the Squares and Rectangles tool.
   • Hold the Shift key and drag to create a square.
   • Turn on snapping using the magnet icon.

2. Draw and Close Paths

   • Use the Pen tool.
   • Snap to corners to add points and create lines.
   • Use the Escape key to close paths.

3. Shape Builder Tool

   • Select both objects.
   • Use the Shape Builder tool to create separate shapes by choosing the addition option.

4. Duplicate and Arrange Squares

   • Group the objects.
   • Create 17 boxes across by duplicating (Option/Alt + Drag).
   • Repeat until 17 rows are achieved.

Part 2: Creating the Shield Shape

1. Draw Circles

   • Use the Circle tool to draw a circle, hold Shift for a perfect circle.
   • Adjust opacity to see better and duplicate circles.
   • Position for intersection to form a shield.

2. Align and Intersect

   • Align circles horizontally.
   • Use the intersection Boolean operation to create the shield shape.

Part 3: Placing the Shield

1. Scale and Position

   • Place the shield on top of the grid.
   • Resize to fit the grid perfectly.

2. Create Inner Shield

   • Duplicate the shield, use the Contour tool to scale down.
   • Ensure sharp corners.

3. Apply Stroke to the Shield

   • Duplicate the outer shield.
   • Apply and adjust stroke for a border effect.

Part 4: Drawing Letters

1. Using the Shape Builder Tool

   • Select the shield area.
   • Draw lines to form letters using the grid system.
   • Allocate 5 boxes per letter with spacing.

2. Draw Specific Letters

   • Example: G, X, J.
   • Use vertical and diagonal lines for letter design.

3. Finalizing Letters

   • Select letters and deselect other grid areas.
   • Delete unnecessary components.
   • Adjust letter thickness and apply colors.

Final Touches

• Adjust stroke and padding between shield and letters.
• Ensure sharp corners and apply consistency in design.
• Bake appearance when satisfied with design.

Conclusion

• Finished Logo: Ready to color and use.
• Additional Resources: Affinity Designer Master Class available for further learning.
• Pricing: $17 one-time fee for lifetime access, no monthly membership.

[Music] (End of Tutorial)