3D FlipBook - How to remove the gradient?

r***d@xaome.ca
2021-03-15
2021-03-19

Hi,

I am trying to find a way to remove the white/gray radial gradient applied on top of the book, because I left a padding around the corners of my book with the same color of my website background, and the gradient overlay is adding a lighter color around.

Here is a link to my book, so you can see what I mean: https://saskie.art/sketchbook-vol-17/

I want to keep a space around because my book has round corners and it's hand made so the pages are not aligned together and I'd like to keep this artisanal aspect. And also because I'd like to keep the drop shadow behind.

I bought the pro version to be able to remove this overlay, but I don't know how to proceed :)

Thanks!

Replies

r***d@xaome.ca
2021-03-15
2021-03-17

I tried removing the gradient by setting the light to 0. It works when I'm using PNG images with transparent background, but sometimes there is a juxtaposition of two images one on top of the other. You can visit this page to see what I mean https://saskie.art/3d-flip-book/tsp-v17/ it's on the 8th page (the left page where it's written "Rollo", the cover of the book should not be visible behind the page. I tried to fix that in multiple ways, but it always come back. Sometimes it's on another page.

But even if I managed to hide the gradient overlay with light settings, I'd like to know a better way to proceed, in case I'll use JPG instead of PNG, the problem will still be the same.

Thanks!

a***r@3dflipbook.net
2021-03-17
2021-03-17

hi, i got what is going on the 8th page - this is a part of previously rendered page in this canvas (there are 10 canvases for rendering) - there is no cleaning. So if you use use transparent images you see that.

About 'gradient' - this is not gradient this is lightning model, so when you reduced it you got what you want.

a***r@3dflipbook.net
2021-03-17
2021-03-17

We just published update - reinstall the plugin, clear the browser cache - this will solve the problem with graphic artifacts.

r***d@xaome.ca
2021-03-17
2021-03-17

I tried the update, and it seems to fix the issue with the artifacts! Thanks a lot for your fast and efficient support, it's greatly appreciated :)

About the lightning model, it's working when using PNG images with transparent background, but with image with the background the same color as the website background, the color becomes darker when I removed the lightning. I will probably use the PNG version, but let's say I stick with JPG (for better image quality and lower image size), is there a way to remove the overlay? You can see here https://saskie.art/3d-flip-book/the-sketchbook-project-vol-17/ that the overlay is not showing only on the book cover, witch is a PNG image, the other are JPG and have a darker color around them.

Thanks again!

r***d@xaome.ca
2021-03-17
2021-03-17

Do you know why the first page (the one right after the cover) has pixels at it's left side? https://saskie.art/3d-flip-book/tsp-v17/

Il looks like I didn't remove the background correctly in my photo editing software, but I doubled checked and there is no parts of the background remaining. I wonder if it's because it's the first left page.

r***d@xaome.ca
2021-03-17
2021-03-17

I created a new book for testing, and changed the order of the first pages. It confirms that the image is fine, it's the fact that it's in the first position that adds pixels to the left https://saskie.art/3d-flip-book/tsp/

Is there a way to fix that?

r***d@xaome.ca
2021-03-17
2021-03-17

I'm sorry, never mind my previous commment, I did not inverse the right page. The problem is probably with my image.

a***r@3dflipbook.net
2021-03-19
2021-03-19

"the color becomes darker when I removed the lightning" - use book ready function:

function ready(scene) {
  scene.visual.scene.getObjectByProperty('type', 'AmbientLight').color.set(0xffffff);
  scene.visual.setExtraLighting(0);
  scene.visual.updateThree();
} ready

this lets you to control both lightning: ambient and directional. Probably you will get what you want.

r***d@xaome.ca
2021-03-19
2021-03-19

That's exaxtly what I wanted! Thanks a lot!!!

Log In to leave a comment