MoI discussion forum
MoI discussion forum

Full Version: Illustration style

Show messages: All  1-4  5-15

From: Michael Gibson
11 Jul 2022   [#5] In reply to [#4]
Lighting options plug-in with different presets like "Showroom shine" is available here:
http://moi3d.com/forum/index.php?webtag=MOI&msg=5222.43

- MIchael
From: ed (EDDYF)
11 Jul 2022   [#6] In reply to [#1]
After further experimentation, here's my 30 second illustration from MoI.

1. Use "Draft Mode" lighting style in MoI.
2. Take screenshot and bring into Affinity Photo.
3. Apply HSL adjustment layer with Saturation set to -100 to make image grayscale.
4. Add a Curves adjustment layer and pull in the top & bottom of the curve as shown to compress the upper & lower levels.

This method avoids the specular highlights and gradient "banding" if that is what is preferred.

The shades you use in MoI for the model components will affect the results. Avoid very light and very dark shades.

Ed Ferguson


From: ed (EDDYF)
11 Jul 2022   [#7] In reply to [#1]
Illustration Style - further experiments:

I wanted an illustration style to use with MoI that includes some spectral highlights, discrete shading levels (Posterize) without excessive “banding”, and halftone diagonal lines.
First, I use the following script to screen copy from MoI. It captures just the viewport window and gives a white background with no grid: I assigned Alt-J as my shortcut key.

code:
script:/* Copy screen w white BG to Clipboard*/ var prev_background = moi.view.viewportBackgroundColor; moi.view.viewportBackgroundColor = 0xFFFFFF; moi.view.lineWidth = 4; moi.grid.display = false; moi.grid.showXYAxes = false; moi.view.showAxisIcon = false; moi.view.showViewTitles = false; var img = null; try { img = moi.ui.getActiveViewport().renderToClipboard( 4000, 2500 ); } catch(e){} moi.view.lineWidth = 1; moi.grid.display = true; moi.grid.showXYAxes = true; moi.view.showAxisIcon = true; moi.view.showViewTitles = true; moi.view.viewportBackgroundColor = prev_background;


We’ll copy two screenshots from MoI into Affinity Photo (Photoshop should work as well after some translation of these instructions)

1. Set MoI lighting to “Draft” and copy/paste your model into Affinity Photo as a new layer.
2. Set MoI lighting to “Aluminum” and copy/paste as a new layer above the Draft layer. This layer will provide spectral highlights in a way that we can control. Name the layer “Luminosity”. Set layer Opacity to 60% and blend mode to “Linear Burn”.
3. Apply a separate HSL adjustment to each of these two layers and set Saturation to -100. This makes each layer grayscale.
4. Add a Levels adjustment to the “Luminosity” layer and set “Output Black Level” to 15% and “Output White Level” to 100%.
5. Add a Posterize adjustment to the “Luminosity” layer and set Posterize Levels to 9 and Blend Mode to “Soft Light”.
6. Add a Halftone live filter above the “Luminosity” layer and set Screen: Line, Cell Size 10, Contrast 24, and Screen Angle: 45 deg. Set the Halftone blend mode to “Luminosity” and layer opacity to 60%.
7. Add a Curves adjustment layer above the Halftone layer and pull the curve up and to the left.
8. Add a Brightness/Contrast adjustment to the top of the layer stack and set the overall tonal balance to your liking.

These are my settings – Experiment with each!

Ed Ferguson


From: Jfs (PAQUICINNO)
11 Jul 2022   [#8]
Hi, thanks Ed for your experiments, they are quite good actualy. I have done a lot of try with lightning, some kind of threshold plugin in xara designer, levels, and always came back to the standard view of Moi. It seems it's the most efficient and straightforward way to communicate the model. Beside, the illustration in isodraw, is far more advanced.
@Michael, the illustrate rendering plugin for 3DSmax seems awsome. But a lot of investment just for visualisation. It ll be great to have more stylized types of illustrations like that in Moi.
I post a test with the treshold plugin of xara designer. Model from Grabcad by John Fall.

Image Attachments:
Thriumph.jpg 


From: ed (EDDYF)
11 Jul 2022   [#9] In reply to [#1]
Thanks Paquicinno. Let us know what you end up using.

OK - One final version:

I changed the custom lighting settings in the MoI Options Lighting panel to get the shadows & highlights I wanted. (Copy your original settings before making any changes).

Then I made the adjustments in Affinity Photo per the layers shown on the right. This used a single screenshot and I set Halftone to 100% contrast.

Ed Ferguson


From: Frenchy Pilou (PILOU)
12 Jul 2022   [#10]
Seems to me there was something like this directly inside MOI with the Dino effect!

http://moi3d.com/forum/messages.php?webtag=MOI&msg=5222.1

Mega scroll down for al variations! ;)
From: KENMO
14 Jul 2022   [#11] In reply to [#1]
I believe DAZ Studio is capable of doing something like this.
From: danperk (SBEECH)
15 Jul 2022   [#12]
Nice results Paquicinno & ED! I'm doing a similar workflow, still using Illustrator CS6 and Astute WidthScribe. I use multiple duplicates of MoI's Shaded Background and play with different line styles and built in PS effects.

@Michael, in some future time, it would be nice to have a few transformable light sources and shadows (self shadowing Geo would be excellent). Not necessarily for realtime display but for Shaded Background output.

Model Credits: from Grabcad by John Fall


From: ed (EDDYF)
15 Jul 2022   [#13] In reply to [#12]
Nice job Dan. Those micro-swirly shade lines on the right image are pretty cool.

Ed Ferguson
From: Jfs (PAQUICINNO)
19 Jul 2022   [#14]
Hi, another try with a threshold plugin i retrived in my hard drive.

Image Attachments:
Test threshold2.jpg 


From: ed (EDDYF)
19 Jul 2022   [#15] In reply to [#14]
Looks great Paquicinno!

I'm still experimenting with MoI models in Affinity Photo. I have a couple of new techniques that look promising for illustration effects. I'll post if they prove worthwhile :)

Ed Ferguson

Show messages: All  1-4  5-15