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 :)


Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   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


Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   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.


Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   Huion 1060 Plus

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×