Smear 3D
ThreeDee
 |
Thought we could have a thread on the subject of creating faux 3D images with the Smear component and related stuff. | |||||
| Posted: July 30, 2012 2:54 pm | ||||||
|
ThreeDee
|
Here's the basic idea: Set to density 100, the Smear component "offsets" the image a given amount from its original location. When the Trail amount is controlled by an image, the offset amount varies accordingly, basically sculpting a sort of a 3D object. In such wise: |
|||||
| Posted: July 30, 2012 2:58 pm | ||||||
|
ThreeDee
|
My bad: the actual name of the component is Smudge, not Smear... | |||||
| Posted: July 30, 2012 2:59 pm | ||||||
Sharandra
 |
I´ll make a request to the FF team to change the name of the component for you  |
|||||
| Posted: July 30, 2012 3:03 pm | ||||||
|
ThreeDee
|
In here, the image that controls the Trail amount is analogous to a height (or displacement) map.
Two other useful things to Smudge offset are: 1) the height map itself 2) a gradient Both of these give you a "3D" bump map that matches up with the offset image in the first example.  |
|||||
| Posted: July 30, 2012 3:11 pm | ||||||
|
ThreeDee
|
For a Simple (as opposed to Surface) filter, you could blend the output of the offset image and the offset height map and get this: |
|||||
| Posted: July 30, 2012 3:15 pm | ||||||
|
ThreeDee
|
For a Surface filter, you can use the Smudged Height map as height. |
|||||
| Posted: July 30, 2012 3:20 pm | ||||||
|
ThreeDee
|
Which enables you to control the lighting.
Since the Smudge component uses bitmap information, you get some artifacts, but they can usually be pretty well disguised by other means.  |
|||||
| Posted: July 30, 2012 3:23 pm | ||||||
|
Sharandra
|
Nice tutorial ThreeDee  Been following along with something simple. Lots of fun in this  |
|||||
| Posted: July 30, 2012 3:37 pm | ||||||
SpaceRay
 |
WOW!!! Thanks really very much for this interesting and useful tutorial, and is easy to follow and to make.
Please, Is this way how you have made the Vladimir´s Crysta and the Asteroid in the "other interesting ideas" thread? |
|||||
| Posted: July 30, 2012 3:39 pm | ||||||
|
ThreeDee
|
Another very handy 3D tool is the scale component.
If you make a gradient with 0 at the top and 2 (HDR) at the bottom, you have an instant perspective transformation tool. If you change the percentage of the Scale component, you get anything between no perspective to full horizon-at-the-top-of-the-image perspective transformation.  |
|||||
| Posted: July 30, 2012 3:39 pm | ||||||
|
ThreeDee
|
I'll get to that eventually... |
|||||
| Posted: July 30, 2012 3:40 pm | ||||||
|
ThreeDee
|
Now, let me jump ahead and combine some of these things.
Notice that I have blended a vertical gradient (with 100% multiply) on the perspective image that feeds into the Trail inputs. This is so that the trail gets less and less as we go toward the horizon. All of a sudden, we have a complete "3D" image!  |
|||||
| Posted: July 30, 2012 3:50 pm | ||||||
|
ThreeDee
|
Which looks like this. |
|||||
| Posted: July 30, 2012 3:51 pm | ||||||
|
ThreeDee
|
In case some of the settings are unclear from the screenshot, here's the above filter. Smudge 3D Example.ffxml |
|||||
| Posted: July 30, 2012 3:55 pm | ||||||
|
ThreeDee
|
More later. | |||||
| Posted: July 30, 2012 3:56 pm | ||||||
|
SpaceRay
|
Great !!! I will try to use all this you have shown here
 
 
Thanks very much again for making this |
|||||
| Posted: July 30, 2012 4:05 pm | ||||||
Ghislaine
 |
Thanks a lot ThreeDee.
Sharandra, how did you made your beautiful image above ? It is so nice... Ghislaine @ http:3dscreensaver.t15.org |
|||||
| Posted: July 30, 2012 8:06 pm | ||||||
|
ThreeDee
|
Different particles give you different 3D shapes. |
|||||
| Posted: July 31, 2012 2:10 am | ||||||
|
ThreeDee
|
Result of the above filter. |
|||||
| Posted: July 31, 2012 2:11 am | ||||||
|
ThreeDee
|
Notice the Rotate component right after the bomber. It enables you to rotate the scene around. |
|||||
| Posted: July 31, 2012 2:14 am | ||||||
|
ThreeDee
|
Here is the filter so far. Smudge 3D Example 2.ffxml |
|||||
| Posted: July 31, 2012 2:16 am | ||||||
|
ThreeDee
|
If you make the background (the space between the objects) transparent (instead of black), you can reverse the Smudge with the result of turning the objects upside down. In this case, you will have to both change the angle of the smear by 180 degrees and select the Reverse box of the Smudge component. |
|||||
| Posted: July 31, 2012 2:52 am | ||||||
|
ThreeDee
|
Since there are more than a couple of things I had to do, I'll just give you the new version of the filter to study.
I used Threshold to make the background transparent. I added the same rotation to the checkered pattern to keep things aligned. I also had to add a gradient to the bottom of the Trail input image so that the image would not wrap around from the bottom to the top. Smudge 3D Example 3.ffxml |
|||||
| Posted: July 31, 2012 2:55 am | ||||||
|
ThreeDee
|
The nice thing about reversing the Smudge is that you can then combine the two and get objects that have height information in both directions.
Here I have additionally made the filter a Surface filter so I can use the height information to control lighting.  |
|||||
| Posted: July 31, 2012 3:05 am | ||||||
|
ThreeDee
|
Add color, ambient occlusion (wait) and behold. |
|||||
| Posted: July 31, 2012 3:29 am | ||||||
|
ThreeDee
|
Here's the filter. I turned off AO as it doesn't contribute much. Without it, the filter is even reasonably fast. Smudge 3D Geometrics.ffxml |
|||||
| Posted: July 31, 2012 3:32 am | ||||||
|
SpaceRay
|
WOW !! This is amazing what you have done, and I was wondering how would be possible to make a FULL shape and not just half of it and you have done it now!!
Thanks very much for this very useful and interesting tutorials I tried texturing the shapes with images, but the image is very distorted and wrongly mapped over the 3D shape  I thought that perhaps is because the scale of the image must be reduced so is not shown as big as the checker pattern. |
|||||
| Posted: July 31, 2012 3:40 am | ||||||
|
Sharandra
|
Cool, I´ll play with that tonight
Thanks for taking the time to make these |
|||||
| Posted: July 31, 2012 3:59 am | ||||||
|
SpaceRay
|
I think that probably that could be have been made with a spiral shape, like for example the snippet Crapadilla´s Spiral Gradient Here is something I have tried BUT is much less nicer and well done as Sharandra´s example The Spiral snippet inside comes from another different version done by Crapadilla Smudge 3D Example Spiral.ffxml |
|||||
| Posted: July 31, 2012 4:03 am | ||||||
|
Sharandra
|
Yup, was done with a render from Spiral Gradient  |
|||||
| Posted: July 31, 2012 4:28 am | ||||||
Indigo Ray
 |
Making 3d perspective filters into surface filters (see ThreeDee's silver and colorful shapes) isn't the most accurate way to do lighting. It makes the objects look flatter as they get farther away. Instead, we can use the derivative component to simulate light shining on the scene. Use the derivative component before using the scale component. "Time flies like an arrow; Fruit flies like a banana." -Groucho Marx |
|||||
| Posted: July 31, 2012 8:37 am | ||||||
|
Indigo Ray
|
Keep experimenting and you can make something like this: "Time flies like an arrow; Fruit flies like a banana." -Groucho Marx |
|||||
| Posted: July 31, 2012 8:40 am | ||||||
|
Indigo Ray
|
The filter for the first image of mine. Perspective Snippet.ffxml "Time flies like an arrow; Fruit flies like a banana." -Groucho Marx |
|||||
| Posted: July 31, 2012 8:42 am | ||||||
|
Ghislaine
|
Wow Indigo ! Another wonder ! Looking forward for the snippet of the second image (if you want to share it with us). The first one seems very good for creating sea floors. The second one should be very useful for creating beautiful landscapes.
Anyway, all I see in this thread is my cup of tea
Thanks ThreeDee, Indigo Ray and Sharandra for sharing with us. You are generous persons. Ghislaine @ http:3dscreensaver.t15.org |
|||||
| Posted: July 31, 2012 10:03 am | ||||||
Crapadilla
 |
Awesome thread!  --- Crapadilla says: "Damn you, stupid redundant feature requests!" ;) |
|||||
| Posted: July 31, 2012 10:10 am | ||||||
|
ThreeDee
|
Yes, thanks Indigo. It is definitely better to do the shading in other ways, as Surface filter both slows down the rendering and makes the artifacts much more visible. Derivative is a very good way to get fast, accurate shadows while keeping the filter a Simple filter. |
|||||
| Posted: July 31, 2012 11:23 am | ||||||
|
SpaceRay
|
Thanks very much, I will be waiting to see how wonderful way you have found to make this amazing and awesome 3D texture mapping with this filters you have shown. Do not worry, take your time and do it whenever you want and can, I am not in a hurry at all. |
|||||
| Posted: August 1, 2012 1:03 pm | ||||||
|
ThreeDee
|
Spherical 3D Displacement Previewer
Here is the displaced sphere texture previewer. I can't submit it to the library as it has external images as color inputs. In brief, you use it as follows: 1) Output (save) the diffuse, bump and specular maps from a filter of your choice 2) Load the diffuse, bump and specular maps into this previewer and adjust lighting to taste. I submitted a "light" version of the same to the Library. It uses the current image only and creates the bump and reflection/specular maps from it. Spherical 3D Displacement Previewer.ffxml |
|||||
| Posted: August 3, 2012 5:51 am | ||||||
|
SpaceRay
|
WOW!!! Thanks very much for this, I will make some tests and see how this works and what can be done with this.
I have put a new thread for showing examples made with this filter and so do not clutter and spoil this very useful, good and interesting thread. Examples of Spherical 3D Displacement Previewer by ThreeDee
FF gives error when trying to find the external images and are not found in the filter, and if they are just plain colors, sorry that I do not understand this can´t be submitted to the library without the external images and only the color control using the color. |
|||||
| Posted: August 3, 2012 8:38 am | ||||||
|
SpaceRay
|
HOW TO USE THIS FILTER OF Spherical 3D Displacement Previewer
Thanks to the help given by Skybase I know now how to use this maps, and want to make here a mini tutorial for others users that probably do not know how this can be done 1 - Select a filter of your choice (MUST be one that have a "Lighting" tab next to "Settings" tab, so this means that this is a surface filter) 2 - Select the preset you want and make all the settings as you want 3 - When finished and ready go to the the following menu: Filter -> Render Maps -> Diffuse map 4 - Filter Forge will then render ONLY the diffuse map 5 - Go to File -> Save Image as and save it with the name you want but knowing that this is the diffuse map 6 - Now go to the menu Filter -> Render Maps -> Bump map 7 - Save this also in the same way 8 - Now go to Filter -> Render Maps -> Specular Strenght Map 9 - Save it also 10 - If needed you can also go to menu Filter -> Render Maps -> Specular Exponent Map 11 - Choose the size resolution you want the final result to have by using the File -> New Image 12 - And then load back these maps into the ThreeDee´s filter and adjust lighting and settings as you want. A FOLDER FOR EACH GROUP OF MAPS I suggest that you make a new folder with the name of the filter and then save inside the folder the 3 maps with the diffuse map, bump map and specular map names so it will be very easy to load them inside the filter. RENDER MAPS GRAYED OUT ? If the Render Maps in the Filter menu are not available is because this filter does NOT use the surface and lighting (does not have a "Lighting" tab next to "Settings" tab), so you will have to choose another one. Here below is how it looks when render maps are not available  |
|||||
| Posted: August 3, 2012 9:36 am | ||||||
| Lareieli | Thank you folks for all of this! | |||||
| Posted: August 3, 2012 10:36 pm | ||||||
|
Sharandra
|
Threedee, with your spherical mapping, is there a way to rotate the sphere with the texture on it?
More specifically, I´m trying to figure out a way to change the view of my water lilys from a top to a perspective view.  |
|||||
| Posted: August 4, 2012 1:43 am | ||||||
|
Sharandra
|
Like this. Is that somehow possible? |
|||||
| Posted: August 4, 2012 3:23 am | ||||||
|
ThreeDee
|
Hi Sharandra,
It is pretty easy to add rotation, but you won't see the back side since the filter doesn't render it. Anyways, here's the filter with some modifications that allow you to rotate the sphere, scale down the image and invert the height map. TD Spherical Previewer 2.ffxml |
|||||
| Posted: August 4, 2012 3:38 am | ||||||
Join Our Community!
Filter Forge has a thriving, vibrant, knowledgeable user community. Feel free to join us and have fun!
15,400 Registered Users
+10 new last day!
112,666 Posts
+16 new last day!
10,106 Topics
+6 new in 7 days!
Online Users Last minute:
8 unregistered users.
Recent Forum Posts:
- Rendering Manager Bug by GMM
5 hours ago - Beta Gallery by Skybase
10 hours ago - Contest on DeviantArt by Burt
yesterday - Pseudorandom by ThreeDee
yesterday - Random Variation by ThreeDee
yesterday - Batch Rendering Wrapper by ThreeDee
yesterday - Pseudocolor-montage by uglyboys by uglyboys
yesterday - Flouresecnece Image Merger-Blue Green by uglyboys by uglyboys
yesterday - Flouresecnece Image Merger-Red Blue by uglyboys by uglyboys
yesterday - Flouresecnece Image Merger-Red Green by uglyboys by uglyboys
yesterday - Roof by Lucato by simple but powerful
2 days ago - Simple Batch Rendering by MachinesInMotion
2 days ago
Recent Wiki Edits:
- Indigo_
Ray by Indigo Ray
February 25, 2013 - Optimizing_
Filters_ by Crapadillafor_ Speed
February 22, 2013 - Feature_
Wishlist by Crapadilla
September 19, 2012 - Main_
Page by Crapadilla
September 19, 2012 - Filter_
Construction:_ by CrapadillaFundamental_ Techniques
September 19, 2012
