Jump to content

How to make...uhm...circular loops?


Caesar

Recommended Posts

I probably won't be able to put into words I want to do so (not a native speaker) I'll just support it with a GIF first.

 

InnocentDirectDrongo-small.gif

 

This is the gist of what I want to do. I am aware with using radial gradient and 'repeat reflected' I can do something similar to this but new circles do not come out of the initial centre circle I create and the width of the circles also change. Is there a way to do that without plug-ins? And is there a plug-in that can help me do that if it's not feasible without them?

 

Thanks in advance.

Link to comment
Share on other sites

Hello @Caesar and welcome :)

 

To be honest, I'm not sure what you are asking.  Do you want to make an animated .gif, like your example?

 

Or do you want a 'static' image that looks like the example?

 

If static, here is  way.

 

1.  Draw a black circle on a new layer.

2. New layer and draw a smaller white circle.

3. Gaussian blur both and flatten.  bHDRtQk.png

 

4.  You can then use The Plugin Droste to get the shape.

 

6ZhIvf0.png

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

18 minutes ago, Pixey said:

Hello @Caesar and welcome :)

 

To be honest, I'm not sure what you are asking.  Do you want to make an animated .gif, like your example?

 

Or do you want a 'static' image that looks like the example?

 

If static, here is  way.

 

1.  Draw a black circle on a new layer.

2. New layer and draw a smaller white circle.

3. Gaussian blur both and flatten.  bHDRtQk.png

 

4.  You can then use The Plugin Droste to get the shape.

 

6ZhIvf0.png

First of all, thanks so much for the reply!

 

What I want to do is to make multiple static images that can look like an endless loop when they are turned into a gif. (just like in my example)

 

The plug-in kind of looks like it turns the image into a spiral, which I can already do with gradient. I would prefer if they were all circles instead of a spiral.

Edited by Caesar
Link to comment
Share on other sites

The best way would be for you to look at how that .gif was made.  You will need to download @midora's Plugin Animate

 

Then you can view the layers in paint.net to see the 'steps' and how they move.  To do this:

 

1.  Right click on the GIF you've provided and choose Save As

2. Add .agif to the end of the title of the GIF and choose All Files - like this: 

 

Save-As.png

3.  Open paint.net and then import the above saved .agif and all the layers will open for you in paint.net.

4. Toggle the layers to see the movement.

 

It looks like a tricky one to me, so good luck 🤪

  • Thanks 1

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

You could try this plugin:

 

It is made for manipulating gradient.

 

Though this method would require multiple input/output. I also had did Trigonometry Mapping for gmic. Still require multiple input/output.

 

Your best bet is to use codelab.

Edited by Reptillian
  • Thanks 1

G'MIC Filter Developer

Link to comment
Share on other sites

See if this is a method you'd like to try.

 

Zoom in on the center square.


That is what the final size of the image would be.


The rest of the canvas is just some needed working space.

 

The expanding ring layers are:
Duplicate layer, selection stretch, repeat.
 


 

Edited by ardneh
  • Thanks 1
Link to comment
Share on other sites

Here's my rough plan to make these rings happen....

 

1. Make a round selection the size you want.

2. Drag out a radial gadient from black to white centered in the selection.

3. Use @pyrochild's  Curves+ to change the luminosity like this:

 

Gradient-rings.png

The number of peaks and troughs = the number of rings.

The distance between the peaks = the width of the rings. Same with the troughs.

 

4. Use the top option control to save the setting as a preset.

5. Find the preset. It should be in this folder C:\Users\NAME\Documents\paint.net User Files\Effect Presets\Curves+

6. Open the XML file in Notebook.

 

<?xml version="1.0"?>
<CurvesPlusXMLFile xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <CurveMode>L</CurveMode>
  <AdvancedCurveIn>A</AdvancedCurveIn>
  <AdvancedCurveOut>A</AdvancedCurveOut>
  <CurveDrawMode>Spline</CurveDrawMode>
  <ControlPoints>
    <Curve>
      <Point X="0" Y="0" />
      <Point X="22" Y="254" />
      <Point X="36" Y="0" />
      <Point X="47" Y="255" />
      <Point X="70" Y="0" />
      <Point X="84" Y="253" />
      <Point X="100" Y="3" />
      <Point X="116" Y="249" />
      <Point X="139" Y="2" />
      <Point X="149" Y="248" />
      <Point X="166" Y="0" />
      <Point X="186" Y="252" />
      <Point X="202" Y="3" />
      <Point X="214" Y="253" />
      <Point X="233" Y="1" />
      <Point X="255" Y="255" />
    </Curve>
  </ControlPoints>
</CurvesPlusXMLFile>

 

7. Edit the points to smooth out the spacing. X is left (0) to right (255). Y is top (0) to bottom (255).

8. Make a copy of the file, naming it appropriately.

9. Open the copy. Advance the points by increasing the X value of each point. This has the effect of shifting the  Curves+ control curve to the right.

10. Repeat steps 8 & 9 until you have advanced the first control point to the location of the third point in the original file. The number of steps = the number of frames in your animation.

11. Apply each preset to an identical layer (i.e. step 2).

12. Save as an animated GIF.

 

  • Thanks 1
  • Upvote 2
  • You're a Smart Cookie! 1
Link to comment
Share on other sites

9 hours ago, Ego Eram Reputo said:

 

4. Use the top option control to save the setting as a preset.

 

Anyone ever tell you @Ego Eram Reputo you are a clever chap 👍

 

But for the life of me I can't figure out how to save that setting as a preset 😱

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

@Pixey, click on the top-right down arrow to open the drop-down list and then click on "Save current as preset...". It will ask you to name the preset in a new window.

 

f9HQ8MM.png

 

  • Like 1
  • Thanks 1
  • You're a Smart Cookie! 1

Xkds4Lh.png

Link to comment
Share on other sites

6 hours ago, Pixey said:

Anyone ever tell you @Ego Eram Reputo you are a clever chap 👍

 

Sometimes - but I never get sick of hearing it :mrgreen:

 

4 hours ago, Pixey said:

I was using the regular Curves and only now noticed he used Curves+

 

Yep. Curves+ is required for the saving and application of the presets.

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

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...