Help! How to draw this type illustration using Affinity Designer?

[arcpan]

I'm going to do a research and presentation on the history of human kind. And I found a beautiful illustration for history-of-the-universe-2015, see the attached image. 

I wonder is it possible, and if possible, how to draw similar illustration using Affinity Designer.

Thanks in advance! 

[mopperle]

4 minutes ago, arcpan said:

I wonder is it possible, and if possible, how to draw similar illustration using Affinity Designer.

Sure it is possible. How? become a professional illustrator/graphic designer.

I dont think it possible to give you a step by step instructioin how to do so. But for example: the various stages (as above) can be done by drawing an elipse, copying and scaling it up to the size you want. Each of them in its own layer. The other content are maybe existing graphics the designer above used and textboxes and other typical graphical elements.

Maybe it is a good idea for you as beginner, to simply choose another kind of drawing. Especially for the history of mankind you find many good examples on the web.

[arcpan]

8 minutes ago, mopperle said:

Sure it is possible. How? become a professional illustrator/graphic designer.

I dont think it possible to give you a step by step instructioin how to do so. But for example: the various stages (as above) can be done by drawing an elipse, copying and scaling it up to the size you want. Each of them in its own layer. The other content are maybe existing graphics the designer above used and textboxes and other typical graphical elements.

Maybe it is a good idea for you as beginner, to simply choose another kind of drawing. Especially for the history of mankind you find many good examples on the web.

Thank you for your response and advice. 
I have being using Affinity Designer for several years yet still a rookie.

I just want to know how to draw the bending effect (I'm not sure how to describe it) of the stages in the image.
Thanks for you again. 

[prophet]

52 minutes ago, arcpan said:

the bending effect

Do you mean the text that curves? The Artistic Text tool does Text on a Path.

https://affinity.help/designer2/English.lproj/index.html?page=pages/Text/pathText.html&title=Text on a path

[KarinC]

2 hours ago, mopperle said:

Maybe it is a good idea for you as beginner, to simply choose another kind of drawing. Especially for the history of mankind you find many good examples on the web.

I don't agree with that. Take on the challenge. You will learn quite a bit in the process. That illustration is not that complicated. Just break it down into its various components. 

[Pšenda]

5 hours ago, arcpan said:

I wonder is it possible

Just to show what can be drawn with Affinity when you know how.

https://www.isabelaracama.com/

[arcpan]

5 hours ago, prophet said:

Do you mean the text that curves? The Artistic Text tool does Text on a Path.

https://affinity.help/designer2/English.lproj/index.html?page=pages/Text/pathText.html&title=Text on a path

I meant this part of the image, the convex mirror or whatever you call it.

[Ron P.]

Those are just Ellipses, with a White Stroke, and then whatever you want to use for a fill. Looks like various objects, gradients, ect.

history-of-the-universe-2015.jpg.7e910feffaa0e2bdbd74d198391fec77(2).afdesign

[Ldina]

@arcpan The basis, as @Ron P. mentioned, is a simple ellipse shape, with a variable width stroke around the rim, then a gradient fill. I used an offset Radial gradient so the right side would sort of wrap around the curvature of the lens (or whatever it is). Then, I added an FX (layer effect...an offset Inner shadow) to simulate that whitish "transparency" along the right side. It's that shading that gives the illusion of a curved lens with reflection/refraction. Here's a screenshot and also an afdesign to show what was done (overly simplistic at this stage, and just a start).

There's a LOT more going on in this illustration, like transparency and probably some layer blend modes to allow the background elements to show through. You'd have to experiment with different techniques to see how the "lens" blends with the background elements, but hopefully this will help get you started. I'm not all that proficient with Designer, so I am SURE others will have better methods to share. 

Convex.afdesign

[arcpan]

47 minutes ago, Ldina said:

@arcpan The basis, as @Ron P. mentioned, is a simple ellipse shape, with a variable width stroke around the rim, then a gradient fill. I used an offset Radial gradient so the right side would sort of wrap around the curvature of the lens (or whatever it is). Then, I added an FX (layer effect...an offset Inner shadow) to simulate that whitish "transparency" along the right side. It's that shading that gives the illusion of a curved lens with reflection/refraction. Here's a screenshot and also an afdesign to show what was done (overly simplistic at this stage, and just a start).

There's a LOT more going on in this illustration, like transparency and probably some layer blend modes to allow the background elements to show through. You'd have to experiment with different techniques to see how the "lens" blends with the background elements, but hopefully this will help get you started. I'm not all that proficient with Designer, so I am SURE others will have better methods to share. 

Convex.afdesign 1.98 MB · 0 downloads

Thanks very much for your instruction. It really helps me.