ood day dear experts 😊
 

well i am pretty new to webdesign-work. At the moment i am trying to figure out how to create a little graphic.

to be a bit more concrete:  at the moment i am trying to create such a grapic - cosnstiing of dots.

 

according to my limited knowledge i think i ought to use
a, gimp or
b. krita or
c. inkscape or 

d. Figma. 

question: what would you gonna use to create such a immage!?

i look forward to hear from you

greetings

yours saint_o😊

Edited July 25, 20251 yr by saint_o

You can probably do it on all the software in your list. The principles look like the vector artwork is positioned on different layers, and that these layers have a gradient blur applied to give a depth of field effect.

Hope that helps. Feel free to share your results!

hello and good day dear Jogeta2316 😉

 

first of all: many thanks for the quick reply. Happy to hear from you.  🖐️

 

Quote

You can probably do it on all the software in your list. The principles look like the vector artwork is positioned on different layers,  and that these layers have a gradient blur applied to give a depth of field effect.

 

Thanks for sharing your ideas. And many thanks for encouraging me! 🙂

....great: well to do it with vector-approach it means that i could do it in inkscape. 

 To create different layers ill have to look how we can do this... And of course: a gradient blur is awesome to give a depth of field effect. 

Well, since Inkscape has got a bit steep(er) learing curve i think i go and start here - and if i got stuck i might continue with Krita ( or Gimp!? ).

so i have mused avout the options and if i (in this case) could export some of the data from Inkscape to Krita. 
i have heard that it is possible to do so: To transfer data from Inkscape design as an SVG file and then import it into Krita. Alternatively,  i think that a copy and paste of the vector objects directly from Inkscape into a vector layer in Krita should be possible.

So i am going to do some first approaches at the weekend. 

 i come back and let you know how it is going.

 

Greetings Saint_o 😉

 

Do you have an example of the type of image you want to create? Or is the image you showed us what you want to achieve?

good day dear fisicx - many thanks for the quick reply. 

thanks alot. This is awesome. 

 

i want to get some  visualizaztion of vectorized network - in other words dots that are connected. 

hmm - similar to the above shown image.   

if we can add some

a. gradient color sheme to the background it would be nice 

b. and if there a kind of blurr effect could be achieved that would be awesome

 

look forward to hear from you 

Then just do as suggested and build up the layers: gradient backgound then the dots on top with a blur effect.

But...

What is the purpose of the image? How does it enhance the webpage, advert, poster, whatever?

On 7/29/2025 at 9:33 AM, fisicx said:

 

Good day dear fisicx first of all - many many thanks for your reply i a m very glad to hear from you. 

Well i am pretty new to all kind of graphic-work. 

And - to be frank - i need to have some basic knowledge in the field of graphic-work.  I need to dive into the very basic steps and methods.

 

On 7/29/2025 at 9:33 AM, fisicx said:

 

 

Then just do as suggested and build up the layers: gradient backgound then the dots on top with a blur effect.

But...

What is the purpose of the image? How does it enhance the webpage, advert, poster, whatever?

well - its only a first step of diving into the tool-and technique-world - in other words a preliminary step. 

if i get familiar with the mehtods of creating images and (in the future perhaps even a logo) then i can think about getting ready to draw, work and create images and such things for a web-page. 

but while being at the first steps of a long road i think my knowledge is quite tooo limited

 

greetings yours 

Saint_O ;)

 

 

You didn't answer the question. What is the purpose of the image?

good evening dear fisicx 

 

i gotta have to reply - and to say - see above:😇

 

 T - E - S - T - I - N - G - purpose. 

its only for a test - like mentioned above. I have found out that my design skills are almost zero. 

so i think i have to dive into the various tools, methods and design processes 

therefore i think its good to have test-stuff and material 

thinks i could work on.. .- and learn something. 

with the test-stuff (which could be regarded as a so called "vehicle" - i hope i can dive into the tools of gimp, and inkscape and thelike 

 

i think by the way that this method is far better  than watchin YT-clips 

 

greetings Your Saint O🙂

I've been playing around on Figma and you can definitely recreate this on figma and export as an SVG !

Depending on the size and purpose of this test image you may be better off saving as webp file. Some platforms (like wordpress) won't let you import SVG because they can be very insecure.

Good day dear fisicx🙂

 many thanks for the reply - great to hear from you again! Thanks for the tipp and your hint!

 

11 hours ago, fisicx said:

 

Depending on the size and purpose of this test image you may be better off saving as webp file. Some platforms (like wordpress) won't let you import SVG because they can be very insecure.

 

thank you - ill take your advice - its a  good one - and i really like to work with wordpress - so i think its pretty important to take care for the right (and appropiate) file formate

 

thank you !!

greetings Saint_o😇

many thanks dear Pixelated, 

just noticed your comment. Thanks for the heads up: 

 

Quote

've been playing around on Figma and you can definitely recreate this on figma and export as an SVG

yeah i also played with Figma - its an awesome tool - it even runs on mobile phone - and you can collaborate with others too.  I also tried out the open-source equivalent once..

 

thanks Pixelated  for your tipps.  

BTW: a great place - to share ideas,  thoughts and knowldge. I am glad to be here. 

greetings🙂

For creating a simple dot-based graphic as a beginner, start with Inkscape or Figma. Use layers for arranging the dots, apply a gradient background, and add a slight blur for depth. Export as SVG for vector work or WebP if using WordPress. Test and experiment to learn the tools, then refine your skills gradually.