![]() ![]() SVGĪfter reading somewhere that SVG has turbulence and displacement filters, I realized I could potentially use those for the execution part of the process, to distress the edges enough to make things more interesting. Note: this is still very much a WIP, and who knows if I’ll end up using any of it or not. (Some things are easier in code, though I don’t know how often that would actually be the case with these.) And me being me, I wanted to try doing it in code, just to see what it was like. And finally I texture the image in Photoshop.Ī couple months ago I got interested in exploring alternatives to Illustrator and Photoshop for both execution and texturing processes. Once it’s satisfactory, I move to execution, either painting the piece in Procreate or using some of the brushes in Illustrator to get a more organic look. Wednesday, Aug/ #art #grain #illustrator #inkscape #photoshop #process #python #pyvips #svg #tools #wipīrief backstory: when I’m doing my minimalist religious art, I usually sketch an idea out first by hand or in Paper on my phone, then mock them up in Illustrator to iterate on the concept. Reply via email or office hours Dot grid paper Rendering the tiles in Blender (either with heightfields or by generating actual geometry with Python), ideally with some procedural texturing.Rounding the edges of the tiles a little.Programmatically export masks from the SVG so that each tile can look more different from its neighbors, texturally (a masked tile would be next to an unmasked one, basically, with some randomness thrown in). ![]() ![]() More subdivision on the tiles, for a little more geometric variety.Exported to PNG and textured as in the first experiment. And I changed the background color to be more ground-like. The script shrinks each square a little and adds some jitter to the points as well. Way faster than making the squares in Figma. Like I said, not great pixel art.) I then wrote a quick command-line script (JS/Node) to take a PNG and export an SVG where each pixel of the PNG is a in SVG. (Which is why the eyes are crazy and there isn’t a ton of definition on the characters. I made a 48x48 image in Procreate Pocket on my phone and painted the scene using the oil paint brush. In this case, from a distance, it still kind of looks okay.) Finally, I added some textures in Affinity Photo with opacity set to around 20% and blend mode set to soft light or overlay. (Someday I’ll figure out what’s going on there, since the filters look fine in Finder via Quick Look. When exporting to PNG via Inkscape, I ran into the perennial issue where the filters sometimes only work on the top and left sides of the shape. Exported to SVG and added turbulence/displacement filters to get some variation. (I’m sure someone else has already done this, but I haven’t, so here we are.) Also, this isn’t great pixel art, just to be clear.įor this first experiment, I made the squares in Figma and set the colors there, which was pretty laborious. Some dinky pixel art experiments, exploring what it looks like when you add texture and make them look kind of like mosaic tiles. Friday, Ap/ #art #figma #inkscape #javascript #node #pixel-art #research #svg #texturing ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |