CVA

This morning I was playing a little bit and created a set of droplet assets. Then I thought: "why not share them on the Affinity Forum?". So, here they are.
To install them, make sure the Assets panel is visible (View - Studio - Assets). From the little menu icon that is visible on top of this panel, select "Import Assets…".

Droplets.afassets

Happy to learn that people are enjoying these assets.
Here's a tip: if you add a 'Sphere' adjustment, like shown below, you can make the droplet a tad more realistic because it slightly distorts the underlying surface. Playing with the Intensity slider helps making this effect stronger or weaker. 
Of course, you can then re-save the assets for future usage.

 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

Impresive
 

Per suggestion from @Alfred
Affinity Designer on the iPad Pro...my go-to software/hardware combination.
Thanks Serif.
IMG_0195.MOV

The Transform Panel is explained in the Help under Panels, Transform Panel (or the online documentation, which is a copy of the Help).
The thing you pointed at in your image is the Anchor Point Selector, which isn’t explained very well in the Help.
This thread has some explanation which might be useful: https://forum.affinity.serif.com/index.php?/topic/115319-anchor-point-selector/
Basically, the white point says “This is top-left”, so you can orient yourself a little easier, and not much more than that (if anything).

https://affinity.help/designer/en-US.lproj/pages/Panels/transformPanel.html
 

You can probably do this quicker(?) with Alignment Handles, see attached video.
Experiment to learn to use them but it’s quite easy to figure out what they do (look at the Status Bar).
2020-04-25 12-34-14.mp4

Making a ‘W” pressure profile will get the stroke correct.
 
The halftone pattern was created by making an ellipse with a black to transparent gradient using the transparency tool and then using this website: https://xoihazard.com/tools/halftone/ to make the halftone, it’s a bit clunky menu wise but it makes nice halftones.
These were the settings I used on the site.

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

Not crude, but nice. Thanks. 

cVa, great technique for a style often needed. Thanks!

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

"The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display."
Quote Source
 
We are going to create a Neomorphism Style graphic like this one using Layer Effects. We are going to be working only with three colors, one Main Color, A Shadow color and a lighter highlight color.
 
 
We are going to be working with the following three colors

 
Lets start by creating a blank document. In my case, an A4 Horizontal.

 
Lets select the square shape tool and fill the whole document and give it the MAIN color. This will be the background of our image.
 
 
 
Now create a rounded square shape
 

 
Now while having the newly created shaped selected. Apply the following settings to the "Bevel / Emboss" section of the "Layer Effects". Sorry for the misspell ..LOL 

 
Now apply the following settings to the "Color Overlay" section and close the window.
 

 
You can use the Shadow color to write text over it. And you can save the settings as a Style and apply it to any shape or text you want, as shown below.
 

 
 
Bonus, if you tick the "Invert" option on the Profile of the "Bevel / Emboss" you can create an inset effect. Also, you might want to activate the "Scale with Object" box at the bottom left of this window.
 

 
And this is the result with the Inverted profile selected
 

 
Sorry for the crude tutorial but I did it kind of quick. I hope someone find it useful. And if you want to read more about this please visit the following links.
 
Design trends: Neumorphic design
Neumorphism (Soft UI) in User interface design - Tutorial
 
 
 
 
 

That expand stroke improvements are very welcomed indeed. Thanks and congrats on this version release to all the team. 

Hello everyone:
I have made the default CMYK CorelDraw Palette for any of the 3 Affinity products. The zip file includes the palette file a PDF showing all the color patches, the Corel file of the patches and also this same file as an Affinity Publisher file. Feel free to use the original files in any way you wish. This palette is made up of 100 different colors and duplicates the Corel palette to a tee. I checked different patches in CorelDraw and in Affinity photo and both programs came up with the same CMYK numbers. At some point I will be switching from CorelDraw to the Affinity suit. With having all 3 products now I can make the change gradually. Hope this helps anyone that might be also switching.
Paul
 
coreldraw default palette.zip

Here is a template for an A4 sized prism desk 2019 calendar created in AD. The calendar dates used in this template do stem from Mensch Mesch. - The ready glued together calendar looks like the following ...

... the A4 Affinity Designer template looks like this ...


... and here is the corresponding AD template file ...
prism_A4_calendar_2019.afdesign Have fun!

Can be used in BOTH programs both platforms. Suitable for 3D buildings  etc. 300 dpi Tileable.A heap of Textures fro Ancient civiliazations.Walls  Flooring Animal Furs and skins, sands,  fabrics and more.  Also includes 2 free palettes for  adding your own designs. This is  Kit #1 with additional sets to follow. 
 
https://www.creativefabrica.com/product/ancient-civilizations-styles-palettes-for-affinity-photo-affinity-designer-kit-1/ref/63430/

I started this thinking it would be much easier to draw than the Maserati was. It wasn't. LOL

 
 
 
 

 

Beautiful work.