Affinity Tutorial - Using jpg Pattern Tiles

Discussion in 'Learning Pad' started by Angela Toucan, Mar 15, 2024.

  1. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Messages:
    8,972
    Joined:
    Nov 6, 2017
    NBK Design has included some fabulous pattern tiles in the new Lucky Charms and Clover collection. The .pat files are Photoshop Specific. Nicole, has created her patterns for this product in a repeating pattern tile in .jpg format for those of us who use other software. In this tutorial I'm going to show you how to use .jpg pattern tiles in Affinity Designer. (The steps are the same for Affinity Photo and Affinity Publisher.)
    [​IMG]

    Part 1 - Importing the jpg files into an Assets Folder.
    If you don't already have the Assets Panel open (closed by default) open the Assets panel by going to the Windows Menu and clicking on Assets - a check mark will now appear next to the word Assets, and a new panel will open up. (It's on the left-hand side on my desktop configuration.

    To create an Assets Folder, click on the 3 lines at the top right of the assets panel, and select create new category. Give your new category a name.
    AssetsFolder1.jpg

    For this tutorial I'm using the new pattern tile pack in Lucky Charms and Clover by NBK Design. So I have named it NBK_LuckyCharmsCloverPat

    Open the folder in your file manager e.g Windows Explorer, or ACDSee etc. (I'm using ACDSee). Select all the tiles. Drag Drop them into the assets panel space.
    AssetsFolder2.jpg

    Part 2 - Applying a Pattern to a Custom Shape.
    Draw a custom shape (custom shapes tutorial here)
    With your shape selected, click on the gradient fill tool
    Pattern1.jpg

    Now select a pattern from your assets folder
    Your chosen pattern is now applied to the shape. Notice the 3 handles, moving these will resize and rotate the pattern inside your shape.
    Pattern2.jpg

    Clicking on a different pattern will change the pattern in your shape.

    If you draw another shape it will automatically apply the current pattern to it. If you want to return to a solid colour fill on your new shape, then change the fill type on the context tool bar from Bitmap to Solid
    Pattern3.jpg

    Part 2 - Applying a Pattern to Text
    The steps for applying a pattern to text are the same as for applying a pattern to a shape
    Pattern4.jpg

    In this Fun Scene I used the pattern tiles to create the wall and path.
    [​IMG]
     
    Last edited: Mar 15, 2024
    mcurtt and cfile like this.
  2. cfile

    cfile My bags are packed for Platform 9 3/4

    Messages:
    25,048
    Joined:
    Sep 2, 2011
    Angela Toucan likes this.
  3. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Messages:
    8,972
    Joined:
    Nov 6, 2017
    @gonewiththewind would you add this to the tutorials listing for me please? thank you.
     
    gonewiththewind likes this.
  4. Ann060606

    Ann060606 Well-Known Member

    Messages:
    193
    Joined:
    Oct 13, 2022
    This is fabulous, thank you for explaining this!
     
    Angela Toucan likes this.
  5. gonewiththewind

    gonewiththewind I choose joy.

    Messages:
    11,677
    Joined:
    Dec 15, 2009
    Sorry for the delay. It's now been added to the tutorials list.
     
    Angela Toucan likes this.
  6. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Messages:
    8,972
    Joined:
    Nov 6, 2017
  7. marijke

    marijke Weekends are for wine.

    Messages:
    5,173
    Joined:
    Jul 2, 2010
    Great tutorials Angela

    upload_2024-5-3_16-15-42.png
     
    Angela Toucan likes this.
  8. .Alesen.

    .Alesen. Well-Known Member

    Messages:
    476
    Joined:
    Oct 7, 2022
  9. keepscrappin

    keepscrappin ScrapWithTheWind

    Messages:
    11,069
    Joined:
    Apr 2, 2010
    Angela thanks for teaching us how PS tool products can be used with other programs. :agree

    [​IMG]
     
    Angela Toucan likes this.
  10. DigiGrace

    DigiGrace Make mine a purple passion

    Messages:
    2,733
    Joined:
    Sep 16, 2016

Share This Page