Jump to content

Recommended Posts

Hey there!

 

Here's a quick tutorial/demo on how to mix vector shapes and bitmap textures in Affinity Designer. Here I'm showing a simple but pretty useful technique I'm applying to almost all my vector artwork nowadays. 

 

FREE SAMPLE PACK!

I'm also giving away a small sample of my recent brush pack for Affinity Designer called Texturizer Pro. With this sample pack you can have enough to play around and get an idea of what the full set is about. 

 

Click on the image below to download this FREE sample pack and watch the video tutorial!

 

texturizer-cover_zpsr50zc2zt.jpg

 

Hope you guys enjoy and find this useful!


• Frankentoon - Tutorials and Resources for Affinity Designer

• Get a Free eBook for Affinity Designer - Subscribe HERE

 

Follow us on Instagram  |  Follow us on Twitter |  Like us on Facebook

Share this post


Link to post
Share on other sites

THANK YOU - I requested this video in another thread :)

I really hope this helps increase your sales!

 

Thank you.


High-End Photographic Prints

 

 

Share this post


Link to post
Share on other sites

THANK YOU - I requested this video in another thread :)

I really hope this helps increase your sales!

 

Thank you.

 

Thanks a lot! This trick is very useful with any kind of bitmap-based brushes :) 


• Frankentoon - Tutorials and Resources for Affinity Designer

• Get a Free eBook for Affinity Designer - Subscribe HERE

 

Follow us on Instagram  |  Follow us on Twitter |  Like us on Facebook

Share this post


Link to post
Share on other sites

I never knew you could put a shape layer inside a pixel layer, resulting in the effects being restricted to that layer :)

You also say this can be done with other bitmap brushes. What size do you recommend creating the .png image at, in order to use it as a texture brush? And what colours do you recommend for both the image and it's background when creating bitmap brushes?

 

Thanks.


High-End Photographic Prints

 

 

Share this post


Link to post
Share on other sites

@DesignMeister

 

I don't have a particular size for creating bitmaps, but I always use textures from 1600px and up. The textures are always B/W images, hope that helps :)


• Frankentoon - Tutorials and Resources for Affinity Designer

• Get a Free eBook for Affinity Designer - Subscribe HERE

 

Follow us on Instagram  |  Follow us on Twitter |  Like us on Facebook

Share this post


Link to post
Share on other sites

@Frankentoon A question from someone far less experienced than you...

 

Why do you duplicate the vector shape to put inside a pixel layer (where it acts as a mask) rather than simply putting the pixel layer inside the original vector object, where the pixels are clipped to the original shape?

 

Unless your method has an advantage that I can't see, it seems to have more steps and end up with twice as many objects?

 

Wonderful tutorial. The brushes look superb too.

 

Thanks so much for your contributions to the community :)


Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   16 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Huion 1060 Plus

How I make GIFs >>> ScreenToGIF (Windows only, Open Source, Portable, ~600kB)

Share this post


Link to post
Share on other sites

Why do you duplicate the vector shape to put inside a pixel layer (where it acts as a mask) rather than simply putting the pixel layer inside the original vector object, where the pixels are clipped to the original shape?

 

Hi, thanks for asking!

 

When you mask without duplicating the shape, you end up with a transparent object. I like to keep my original colors intact and use the bitmap brushes just for 'decoration' and not for filling the whole thing, as if you were painting  on a bitmap software (I.E. AP) 

 

I don't know if I have made myself clear here, today I'm working like in auto-pilot, but I hope my answer makes sense to you. If not, please let me know :)


• Frankentoon - Tutorials and Resources for Affinity Designer

• Get a Free eBook for Affinity Designer - Subscribe HERE

 

Follow us on Instagram  |  Follow us on Twitter |  Like us on Facebook

Share this post


Link to post
Share on other sites

I don't know if I have made myself clear here, today I'm working like in auto-pilot, but I hope my answer makes sense to you. If not, please let me know :)

 

Sorry, I don't think I made myself clear - have made a little GIF to show the method that I propose.

 

Vector shape remains intact, and with colour, pixels are just decoration that can be turned on / off, blend mode changed etc.

 

post-43096-0-14616600-1482274729_thumb.gif

 

Hope this clarifies my query :)

 

 

Painting with Pixel Layer inside Vector Shape.afdesign


Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   16 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Huion 1060 Plus

How I make GIFs >>> ScreenToGIF (Windows only, Open Source, Portable, ~600kB)

Share this post


Link to post
Share on other sites

That's a more practical workaround. Need to update the video ASAP. Thanks a lot my friend!


• Frankentoon - Tutorials and Resources for Affinity Designer

• Get a Free eBook for Affinity Designer - Subscribe HERE

 

Follow us on Instagram  |  Follow us on Twitter |  Like us on Facebook

Share this post


Link to post
Share on other sites

No problem!

 

Nice to give something back since I've learnt so much from you (and others) here on the forum.


Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   16 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Huion 1060 Plus

How I make GIFs >>> ScreenToGIF (Windows only, Open Source, Portable, ~600kB)

Share this post


Link to post
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.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.