Inkscape Tutorial - Creating a Mosaic Effect with Pattern along Path

Рет қаралды 1,843

3 ай бұрын

In this more advanced video, I create a somewhat realistic-looking mosaic effect in Inkscape using the path effect Pattern along Path.
Starting with the rough shape of the goldfish using circles and the node tool, I create a mosaic pattern [and some variations] to use with the Pattern along Path effect. By using lines matching the shape of the fish, I bend the pattern, fill in smaller shapes with the Pen Tool, and finally separate all into individual tiles to colour with the Dropper Tool.
Enjoy!
See more Affinity Designer and Inkscape tutorials on the website at 2dgameartguru.com.

Пікірлер: 39

@jdrsant0s 2 ай бұрын

Despite being a very laborious technique, it has an extraordinarily beautiful effect. I always learn something new from your videos. Thank you. 🖖

@2dgameartguru 2 ай бұрын

Thank you very much! I am glad you enjoyed it!

@Inkonic-iz1yi 2 ай бұрын

Great work, both artistically and technically!💯👌

@2dgameartguru 2 ай бұрын

I am glad you liked it. It means a lot coming from you! ;)

@CTRL_SMarcos 2 ай бұрын

Great work, thanks for the video. Not only beautiful, but built in a very smart way 🐠💯

@2dgameartguru 2 ай бұрын

Glad you liked it! I have my moments ;)

@ruud9767 2 ай бұрын

Great! Thanks for the video, it's very informative.

@2dgameartguru 2 ай бұрын

You are welcome!

@shaanbaghi6670 2 ай бұрын

Nice! coloring process is done so good;

@2dgameartguru 2 ай бұрын

Thank you... It was fun... even with all the stuffing up with the dropper tool. It ended up looking mesmerizing in the video.

@ayoubmo7med452 2 ай бұрын

حقا انت فنان يا سيدي

@2dgameartguru 2 ай бұрын

Thank you!

@benzflynn 2 ай бұрын

Fabulous. Just what I wanted for a logo design.

@2dgameartguru 2 ай бұрын

Glad you like it!

@benzflynn 2 ай бұрын

@@2dgameartguru The bit fazing me was the "grouting" on the individual "tiles". I originally did this simply by putting a grey border around each piece of tiling. I tried using Filters > Bevel > Raised Ridge to give a 3-D effect at the edge of each tile. But with this, it only _raises_ the level of the areas between the tiles. I thought that I could find some way of making the grey border be transparent but could not find any easy way to do this.

@2dgameartguru 2 ай бұрын

I would use the sketch shapes [coloured black in my video] and give those a lighter colour and add a drop shadow to the tiles [as well as the 3D/ bevel for depth].

@2dgameartguru 2 ай бұрын

Something like this? imgur.com/Hwtlcc1

@benzflynn 2 ай бұрын

@@2dgameartguru Link not working - maybe a typo.

@CelticOneDesign 2 ай бұрын

I have seen several techniques for doing this but I think your method would be suitible for my Celtic designs. I would simply do a single knotwork cord. Convert it to a symbol. Reuse the symbol throught the design where that particular knot cord is used. Move to the next cord pattern. When I get a chance - will try it. Thanks!

@2dgameartguru 2 ай бұрын

Sounds very doable! Good luck!

@CelticOneDesign 2 ай бұрын

Playing around now with your technique. If you want more randomness of your tiles you can apply extensions>modify path>jitter nodes after you break the tiles up. settings: shift nodes=off, shift node handles = on. Play around with distribution and displacentment. Just don't select too many tiles at one time - crash city.

@2dgameartguru 2 ай бұрын

I tried it when doing the butterfly and it did not look quite right and crashed [a few times].

@CelticOneDesign 2 ай бұрын

@@2dgameartguru Let me play around with the roughen path effect. Of course you also have filter>distort>roughen effect as well but that is a pixel effect and not a true vector manipulation.

@CelticOneDesign 2 ай бұрын

@@2dgameartguru Yup - the roughen path effect seems more stable. Was able to do 400 tiles at a time. Combine the tiles then apply the path effect then break them apart.

@AdamBelis 2 ай бұрын

Cool video and very nice result .

@2dgameartguru 2 ай бұрын

Glad you enjoyed it

@amiralighaforeyanrad885 2 ай бұрын

Hi I have a favor to ask could you make an updated videos of inkscape tutorials for gave development??

@2dgameartguru 2 ай бұрын

I have been a bit slack on the game art tutorials lately - as I stopped working on games 2 years ago - but need to get back into it. Any videos in particular you would like me to update?

@amiralighaforeyanrad885 2 ай бұрын

@@2dgameartguru hi so I just made like 3 characters in inkscape my self but they are flat and boring I kinda need a tutorial that shows how to do platformer and rpg style character with some tips and tricks to make it look nice from a beginner like my self I would be greatly appreciated

@KalponicGames Ай бұрын

does Inkscape have a mirror tool like Krita or any other software?

@2dgameartguru Ай бұрын

Vector tools rarely have a mirror function [like the bitmap based tools e.g. Krita] but it's easy to create a mirror effect by using clones. Create a rectangle, group it, make a clone, flip the clone, and reposition it to match. As long as you work within the source group [or paste content inside] it will be mirrored in the clone.

@KalponicGames Ай бұрын

@@2dgameartguru flash had it. It's a nice feature. Does affinity designer have it?