Jump to content

Possible to create a click and fill grid?


Recommended Posts

Is it possible to create a clickable grid and fill each square with different colours?

It's easy to do in Excel, as in the image. Not really what Excel is for and lacks the nuances that might be needed, but not sure it's possible in Affinity without having to create the individual squares and duplicate them.

Thanks for any ideas.

Excel to grid.png

Link to comment
Share on other sites

Hi @myephemera and welcome to the forums,

This is possible in Affinity Publisher using a table. Which app are you hoping to achieve this with, Publisher or Designer?

 

 

Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5
Affinity Designer Beta 2.6.0.2861 | Affinity Photo Beta 2.6.0.2861 | Affinity Publisher Beta 2.6.0.2861

MacBook Pro M3 Max, 36 GB Unified Memory, macOS Sonoma 14.6.1, Magic Mouse
HP ENVY x360, 8 GB RAM, AMD Ryzen 5 2500U, Windows 10 Home, Logitech Mouse

Link to comment
Share on other sites

There's not a blend tool that makes the color nuances go per square if that's what you meant?
You can create a grid easily in the affinities but the color filling is either manual or by creating a gradient fill that spans several squares and is adjusted to fit that particular square.




 

Link to comment
Share on other sites

You can create a grid with lines (Pen or Pencil) and fill the interstices using the 'Vector Fill Flood Tool' . This will create vector squares of any colour you choose.

 

Affinity Version 1 (10.6) Affinity Version 2.5.6.2887  All (Designer | Photo | Publisher)   Beta; 2.6.0.2900
OS:Windows 10 Pro 22H2 OS Build 19045.4412+ Windows Feature Experience Pack 1000.19056.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

Link to comment
Share on other sites

1 hour ago, myephemera said:

without having to create the individual squares and duplicate them.

You say this as if it is a bad or complicated thing? 

Perhaps I am not fully understanding what you want to create, or how you intend to use it. But if all you need is a grid of squares, each of which has a different colour, then you can use the Quick Grid feature to make your array of squares in a couple of seconds. 

 

 

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   48 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

Link to comment
Share on other sites

5 hours ago, myephemera said:

Ah, I'm not on Affinity 2. But maybe a reason to upgrade.

Well there are also online SVG grid makers which use rectangles, so you can define/pick the grid style you like (rects in your case), define it's pattern and then copy the SVG code over (or save the generated SVG grid as a file for an import instead...) into ADe/APh etc.

grid-made.jpg.3ad2eced50934de9da34136067d3a1dd.jpg

There are also such online things for SVG pattern generation ...

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.