Email: requests@whiteshaarks.com USA: (551) 226-9552 | AUS: +61 410-530-666 | India: +91-172-5097527 | Office Hours & Directions
HOME
SERVICES
PACKAGES
CLIENTS
BLOG

Tag: tutorials

Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop

by Ranju Chaudhary on Mar.09, 2011, under tutorials

Step 1

Create  a new document with black background, for size I chose 980px * 400px however you can change this according to your own preference. Use 72 pixel/inch for resolution since we’re creating an image used for website.

Now let’s make a new brush preset. To do this, firstly select the brush tool with the following brush:

1-brush

Then apply the following brush dynamics to it:

Shape Dynamics

1-shape-dyn-2

Scattering

1-scattering

Other Dynamics

1-other-dyn

Make sure you also select the Airbrush and Smoothing option.

After finishing making this brush, let’s save it as a new brush preset so that we can use it in the future too. To do this, left-click the down tri-angle on the top right and click “new brush preset”:

1-new-brush-preset

And Enter the following into the window popup:

1-name

Then you will see the brush preset appear in the brush selection window:

1-after-save

Step 2

Create a new layer call “lines”, grab the Pen Tool and draw the following working path:

2-pen-tool

Hint: hold down Shift key and drag your mouse upwards approximately 45 degree for both archor points.

Then right-click and select the option “Stroke Path”:

2-stroke-path

Then choose the option “brush” and tick the “Simulate Pressure”:

2-brush

And you will have the following effect:

2-effect1

Step 3

Still on this “lines” layer, go to Filter > Blur > Motion Blur and apply the following settings:

3-motion-blur

Then hit Ctrl + F and apply the motion blur filter again, and you will have the following effect:

3-effect1

Apply the following Gradient Overlay blending option to this layer:

3-grad

Then duplicate this layer 4 times and merge the duplicated layer together, you will have the following effect:

3-effect-2

Rename this layer as “lines” after the merge.

Step 4

Again we duplicate the “lines” layers 3 times, and you will see the colour of the the spectrum become clearer:

4-duplicate

Then we merge those duplicated layer together, then use the Free Transform tool to resize it into the following:

4-resize

Then we can use the Warp Tool (Ctrl + T and right-click select “Warp”), transform it into the following shape:

4-warp

And here is the effect after warping:

4-effect1

Step 5

Now we can really just use our imagination and simply duplicate this “lines” layer a few times, rotate and resize each duplicated layer until the outcome is desirable:

Here is my effect so far:

5-effect1

Merge the duplicate layer together.

We can also add a bit of glowing effect to the spectrum lines. To do this, simple duplicate the merged layer and apply the following Gaussian Blur settings: (Filter > Blur > Gaussian Blur)

5-gaussian-blur

Change the blending mode the duplicated layer to “Linear light” and you will have the following effect:

5-effect-21

To add some final touches, remember we created a new brush preset in Step 1? We can use it to add some nice dots on the abstract line.

Create a new layer called “dots” on top of all other layers, grab that brush preset and simply paint over the lines:

5-paint

Then Change the layer blending mode to “Overlay” and you will have the following effect:

5-blend

Duplicate this “dots” layer and change the blending mode of the duplicated layer back to “normal”, then reduce its opacity to 15% and erase some excessive parts.

You will have the following final effect:

5-final

Ok that’s it for this tutorial! Of course you can further enhance this image by adding some more effect, textures and filters.

Here is the final version for this tutorial:

spectrum-lines-final

Leave a Comment :Photoshop, tutorials more...

Creating optimized caustics in Maya Mray

by Ranju Chaudhary on Feb.24, 2011, under tutorials

Caustics is effect that is calculated by emmiting photons from light emitter which are refracted or reflected  through one surface to  another surface giving us a caustics effect. Here are some examples of caustics effect:

In this tutorial we’ll stick with refracted caustics for now.
Like in real world to make caustics in our scene we need photons emited from light source. This can be really time consuming so it’s best to keep things optimized in start. We gonna use one trick to make render really fast and still have nice and precise caustics.
Lets make some test scene rig for our render.
This is simple rig that I made. One metal handle with 3 legs and revolved glass object.

Now lets make HDRI lightning for scene.
In render globals assign Mental Ray as renderer.

On the most bottom of settings you have Enivoronment section. Expand and click on CREATE button for Image based lighning

Now click on folder button and browse for some HDRI image. If you dontk now what HDRI images are go to Paul Debevec’s web site which is great resorce for HDRI images understanding.
Link : http://www.debevec.org/
There you can find out more how HDRI images work and find some free samples of HDRI images.
Now go back to render settings and change render preset to Production.

That will make enough refractions and reflections for your render of final scene.
Now open Final Gathering section and turn on that option and make 250 samples.

You should get something like this. Still no lights and shadows or glass shaders.

Now lets make some simple glass shader using Maya’s standard Blinn shader and MentalRay’s dielectric shader.
Make one blinn shader and one dielectric material which you can find in MentalRay materials.

Now open attributes for blinn material and go to output connections by clicking button that is marked on picture below. That will allow you to override maya’s blinn material with dielectric.

You’ll get blinn’s output settings.
Now with Middle Mouse Button drag ‘n drop dielectric material that you made moment ago to Material shader in custom shader pallete. Like in pic bellow.
Now make Dielectric material photon and drag ‘n drop like before in blinn Photon shader

With this you are overrided blins shaders, and put materials from mental ray.
Now go to attributes of dielectric material and change color to red and index of refraction to 1.33
Now render should look like this.

I’m sure you asking now where is caustics??? Well we didn’t put a light source yet. So let’s do that now.
Make Area light and change his shape to Disc and turn on ray trace shadows coz we want to have nice soft shadows under object. Like on picture below. But don’t turn on emit Photons option. Coz we’ll make another light for that now.

Now make one spot light and place it to match light direction from area light. Coz we gonna use that light just for emiting photons and we’ll turn off emit light and shadows for that light.

Got to properties for that light. Turn off emit diffuse and emit speculer options and in metal ray section turn on emit photons. If emit caustic photons enabled but you can edit caustic options. Got to mental ray settings in render options and turn on caustics. Now again got to properties of light and you can change caustics options.
Now change settins for that light like on picture:

Now select you spot light. Go to Panels/Look through selected and tweak your light source so it just covers part of scene where is a object that haves refractions and you want to emit photons. You can do that with cone angle option and move tool for that light. I made in my scene cone angle 15 so it just surrounds object like in picture.

If all is ok and you fallowed all steps you should get something like in next render.

But caustics are still need some tweak! Our glass is red.. so that means that caustics need to be red too!
So go to properties of caustic shader and change color to red!ow should be ok!

And it’s finished. Now your render should look like this!

Conclusion:
Why this technique is used and what we did?
We made simple rig where we have one light for lightning scene and making soft shadows and another light that don’t influent lightning but just emit photons for caustics. This is useful coz you can easily change number of photons and use couple of times less photons for accurate render and faster render. Coz if you use your light that lightning the scene your photons are emited in wide area and just maybe 10% of them strikes surface and make caustics. So sometimes you need 1 million photons to get effect like this. We just make one fake light that have narrow area of influence and about 90% of photons are used for caustic in render! This technique can speed up you render a lot and give you much better results.

Leave a Comment :Maya, tutorials more...

« PREVIOUS ENTRIES
  • Howdy. Welcome to White Shaarks - Imagination is your future!

    Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed. See ya around!

  • Recent Posts

    • Extremely Creative Advertisements That Makes You Look Twice
    • Creative and Unusual Product Packaging Designs
    • Bright Night Photography That Can Refresh Your Mood
    • Seven Great iPhone Apps Graphic Designers Would Never Want To Miss
    • “Dream”
    • Samsung Launches New NX Lens Series for 2011
    • Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop
    • Beautiful Flash Websites
    • Exceptionally Beautiful HDR Photos Of Airports In Asia
    • Picturesque & Stunning Underwater Wallpapers
  • Browse by tags

    android apple Australia outsourcing company design facebook Flash Google inspiration iPad iphone iphone apps IT lifehacker mashable Microsoft Mobile 2.0 motivational wallpapers photography Photo manipulation Photoshop resources SEO social media Today's Motivational Wallpaper trending tutorials twitter US outsourcing company wallpaper Wallpapers
  • Categories

    • Gadgets
    • Graphic Design
    • inspiration
    • Latest Web Technologies
    • Photo manipulation
    • photography
    • resources
    • Today's Motivational Wallpaper
    • Top Gadgets
    • Trends
    • tutorials
    • Wallpapers
    • What's Happening?
  • Meta

    • Log in
    • Valid XHTML

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Visit our friends!

A few highly recommended friends...

  • Website design and development

Archives

All entries, chronologically...

  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
Take a look at our Services
Creative Services
Website Design
Banner Design
Graphic Design
User Experience Design
Flash and Multimedia
Landing Page Design
Logo Design
E-mail Design
Corporate Identity Packages
Micro-site Development
Intro Movies
Video Editing
Development Services
Web 2.0 Solutions
Web 2.0 Design
Web 2.0 Development
Wordpress
Social Media Solutions
Facebook Applications
iPhone Applications
AJAX
Flash & Actionscript
CMS
E-Commerce Tweaking
E-Learning
PHP
Python
ASP.NET
Java
XHTML/CSS
Blog   |   Services  |  Request a Quote  |   Contact Us  |  About Us 
Portions of this content are © 2007-2010 by individual whiteshaarks.com