Photo ball

[pappe]

Hi,

I am new in this forum and also to Affinity Designer and Affinity Photo. I wonder how I can create a graphic like this (see attachment). Is there any tutorial to build such a ball and place pictures on it?

 

Thanks a lot!
Martin

 

 

[crabtrem]

I'm no expert.  But here is my input to you, for what it is worth.

There appear to be two elements, foreground and background.

For the background, I would probably use a combination of brushes and colors to create a streak pattern.

Then place those within an ellipse object, adjust size rotation, add some FX like blur, etc.  Use a combination of outer glow and inner shadow on the ellipses used.

For the foreground.  Assuming the array of picture is not created.  I would start by creating that.

First place an image into a file, File-place command.  Set the size and stroke to your desired appearance. 

I would start with one image and with snapping on, place the original in the left corner, alt-drag to place a copy to the right of it, power duplicate, cmd-j across the top.

Select the row, shift-alt-drag down to make a second row.  Power duplicate that down the page.

I grouped them together.

select each place image and change it as appropriate.

I then added an spherical filter and adjusted.

 

I would then place that array of images distorted within a circle/ellipse object and adjust it with a combination of outer glow, and inner shadow.

 

Now I am sure there are many methods, and most likely better than the one I used.  But I add this for your consideration.

[pappe]

Thanks for your reply. I am not sure if this is the easiest way to reach the goal. I am just interested in the photo ball not the background. I try something with shapes. Ball an sickle but I am not happy with it actually.

 

[JimmyJack]

Crabtrem shows a great raster option! (make sure you've got plenty of resolution).

 

Vector-wise I think you're on the right track.

On that particular ball the lines don't appear to all converge at the poles. (I've seen them done both ways though)

 

These were my steps:

Pic 1: Used the crescent tool to make these eight shapes

 

Pic 2: Expand stroke and boolean add. All one web now.

 

Pic 3: To get blocks instead of lines... Boolean subtract what's in pic 2 from a solid circle.

 

Pic 4: If you want... Select the new object and in Nodes mode hit simplify. As you can see.... not too nodey  B) .

 

If you then Boolean expand the blue object, each section will be it's own discrete vector shape ready to be a frame for individual images.

 

Cheers

[pappe]

Thanks JimmyJack. I think this is the right way to do it. But I have no experience with this kind of operations. I need to watch some tutorials ...

[pappe]

I played around a bit and I came up with this:

 

 

No plan how to get yours ...

[crabtrem]

Good luck to you.

I have decided against the File-Place in place of making an array of squares, and using paste-inside to hold the pictures.  I then went through the same process of using the spherical filter, and pasting that inside a circle with some FX added.

Hope you find success with your method.  Look forward to seeing a result.

 

[pappe]

Thanks crebtrem, would you share your .afphoto file with us? I would like to take a closer look how you did it ...

[crabtrem]

You can download the file at,

https://dl.dropboxusercontent.com/u/83398901/grid%20of%20pictures.afphoto

 

I will keep it up for a few days.