Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Recommended Posts

Hi, I am totally new to graphic design, so my apologies if I need dumb-proof step by step. I have downloaded a number of vector patterns which I need to recolour. I have managed to input a set of global colours, which I would like to be my "Brand palette". I need to separate each individual elements in order to recolour them separately, ideally using my brand colour as main colour setting. I can't "ungroup" the pattern and do not seem to be able to recolour as fill. Also, I thought you could recolour the similar shapes at once. Could somebody be kind enough to give me step by step from start to finish? Thanking you in advance...

circles-17.png

Link to comment
Share on other sites

  • Moderators

@nataliehuga

Welcome to the Serif Affinity forums. 

Can you please clarify if you are using Affinity Designer or Affinity Photo, and whether it is on Mac OSX, Windows or iPad? 

Patrick Connor
Serif Europe Ltd

"There is nothing noble in being superior to your fellow man. True nobility lies in being superior to your previous self."  W. L. Sheldon

 

Link to comment
Share on other sites

For maximum accuracy and flexibility you should redraw the shapes, but the selection tools in Affinity Photo make it fairly easy to separate the existing shapes onto different layers according to their colour. Unfortunately there is no ‘Select Similar’ command in the Affinity apps, but if you fill the shapes with global colours you can change the fills quickly by editing those colours.

I’ve attached an Affinity Photo file where I separated the colours as described above.

 

nataliehuga.afphoto

Alfred spacer.png
Affinity Designer/Photo/Publisher for Windows 1.10 • Windows 10 Home/Pro
Affinity Photo for iPad 1.10 • Designer for iPad 1.10 • iPadOS 15.6.1 (iPad Air 2)

Link to comment
Share on other sites

Hi, nataliehuga,

The image you posted is a .png bitmap. While it is probably from a vector file, it is not one itself. I ran the image thru a 3rd party vectorizer, altho' it would have been easy enough to recreate from scratch. 

Once the vector shapes were made, it was easy to group them by color. Grouped vector colors can be changed en masse w. the fill tool.

Click the group, change to the fill tool and select the fill/solid option from the context bar across the top. Then click on the color well to change all at once.

Vectorized.afphoto

iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Link to comment
Share on other sites

Hi,

If the patterns are as simple as this one, you can easily do this:

  1. Select the "Flood select tool" and use it in mode "Add".
  2. Select all parts with the same color
  3. Add a "Fill layer" mask (this way, if you can easily modify the color, selecting another one in your swatches)
  4. Deselect
  5. Do it again until it's finished.

You can add another fill layer to get a new background color too.

2018-07-01_211637.png.7809b28c7f9dd89e1f2e2ba2be5048f7.png

2018-07-01_211704.thumb.png.af6577c985a88ea16111fac0e57a0fed.png

2018-07-01_211717.thumb.png.d037a3390573a555b312a5907d0b37b6.png

2018-07-01_211726.png.391b41e4addc1dfcd9faf204651d0b42.png

 

The file with the fill layers:

circles-17.afphoto

 

 

Edited by Wosven
Oups, I attached the right file, this time.
Link to comment
Share on other sites

1 hour ago, gdenby said:

Hi, nataliehuga,

The image you posted is a .png bitmap. While it is probably from a vector file, it is not one itself. I ran the image thru a 3rd party vectorizer, altho' it would have been easy enough to recreate from scratch. 

Once the vector shapes were made, it was easy to group them by color. Grouped vector colors can be changed en masse w. the fill tool.

Click the group, change to the fill tool and select the fill/solid option from the context bar across the top. Then click on the color well to change all at once.

Vectorized.afphoto

I did a similar thing with Vector Magic, the awesome thing with Vector Magic is it created groups for all the different colours, it also named the groups with the #number for that colour, that's pretty neat stuff. I did actually recreate the the file manually and the quarter pies aren't quarter circles they are more corners from a fat pill shape.

Circles17 via Vector Magic.afdesign

 

iMac 27" Late 2019 Fully Loaded and running Monterey 12.6.1, iMac 27" Late 2013 running Catalina 10.15.7 - Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

  • 4 years later...

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...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.