Lusus Studio: Photography

Showing posts with label Photography. Show all posts

Creating Animated Desktop Wallpapers with Second Life Images

By 08:24:00

In a recent post we covered using Second Life photos as desktop wallpapers, and following on from that, we're now going to discuss how to create animated desktop wallpapers with a Second Life photo. There are a number of ways this can be done, but in this tutorial we'll be using Wallpaper Engine which can be found on Steam.

As with all things there are pros and cons with using Wallpaper Engine. The pros include:

The price. Its costs just £3.00 (approximately $4.00).
It also takes up vey little CPU usage. Infact its impact on computer performance is negligible. Above is my PC's performance with Wallpaer Engine running. CPU usage jumped 2% when taking the screenshot.
Wallpapers can be shared.

The cons of Wallpaper engine include:

Steam has to be opened to access Wallpaper Engine. Once its open however Steam can be shut down.
To share wallpapers users have to jump through a few hoops, which can be off putting. Once a wallpaper has been added, anyone wanting to use it has to add the creator as a friend, although this only appears to be the case with new users.

The above video is a recording of the wallpaper we're focusing on in this tutorial, and a few more can be found at Lusus Studio. If you'd like to grab any of the wallpapers you see there, you'll need to install steam, buy Wallpaper Engine, then find my profile and add me as a friend, (as I say, lots of hoops to jump through). If you have any trouble with this, feel free to contact me in Second Life (Lusus Saule).

Using A Second Life photo

There are a number of features in Wallpaper Engine that can simply be added directy to a Second Life photo (such as water ripples etc). However in the wallpaper here the animation is the rotating sails on the windmill, so we need to think ahead a little.

For this wallpaper we need two images. The above photo was taken in the usual way.

Before taking the second photo the windmill sails were temporarily derezzed, making sure the camera position did not change.

The first image was then added to Gimp, an alpha channel added, then using the paths tool the sails were isolated from the rest of the image. The image was then cropped to content and exported, making sure the gamma option was selected so the background remained transparent.

An important point to keep in mind before removing the background from the sails is, if one of these images is edited in a particular way, such as resized, or colour enhanced etc, the same should be done to the other, to ensure they match exactly.

Creating A Wallpaper In Wallpaper Engine

Now we have the image of the windmill without its sails, and the sails as a separate image, we can use them to create the wallpaper. Assuming you have installed Steam as well as Wallpaper Engine we are ready to go.

1/ With Wallpaper Engine running, click on the hidden icons arrow to the right of the taskbar. Right click on the Wallpaper Engine icon and from the drop down list select Create Wallpaper.

2/ Wallpaper Engine will open and the above window will appear. Cick on Use a Template.

3/ This window will now appear. Name the wallpaper, select 2D Scene as well as the resolution. Hit OK when you're ready.

4/ A blank window as above will appear. To add the image of the windmill without the sails hit Add Asset.

5/ From the above list select Image Layer, highlighted in red. Hit OK when ready.

6/ After navigating to where the image is located on your PC and selecting it, the window above will appear. Hit OK.

7/ The image has now been loaded into Wallpaper Engine.

8/ Follow the same steps to add the image of the sails to Wallpaper Engine. They will appear in the centre of the image window.

9/ To position the sails, drag the yellow square. hold down Ctrl and scroll with the middle mouse button to zoom in. Hold down the left mouse button to drag the image so you can see the area you're focusing on.

Animating The Sails

1/ To add an effect to the sails image, make sure its the selected layer, and to the bottom right of the window, under Effects, hit Add.

2/ From the Add Effect list select Spin then hit OK.

3/ The sails should now be rotating, although they may not appear correctly.

To fix this, under the Mode drop down list select Vertex.

4/ To the bottom right there is an option to edit the speed of the sails' rotation. Adding a minus sign changes the direction of the rotation.

Publishing To Wallpaper Engine

1/ The wallpaper is now complete and is ready to be published to Wallpaper Engine. To do this, under the Steam menu select Prepare Wallpaper for Publishing.

2/ This window will appear and is pretty much self explanatary. Simply fill in the information about the wallpaper including its age rating. A snapshot of the wallpaper will be needed but that is a straightforward process of hitting the Take snapshot button and drawing a square over part of the wallpaper image.

3/ When you're ready hit the Publish button and you're done. Your wallpaper is ready to use and to share with friends.

As this tutorial shows, creating animated wallpapers from a Second Life photo is quite an easy process and can add another dimension to the creativity of Second Life photographers. There are some very imaginative Second life images out there, and it would be amazing to see some of them as animated wallpapers.

Using Second Life photos As Desktop Wallpaper

By 21:26:00

Second Life offers infinite opportunities to create stunning images, and there are plenty of expert photographers who make full use of this. However, once those photos have been snapped and tweaked in various graphics software, uploaded to Facebook, Pixel VR and Flickr, what then?

One possibility is to use these Second Life photographs as desktop wallpaper, perhaps on your own computer, or to share with others. One clear advantage of sharing is firstly its a nice thing to do, and secondly it helps to promote your creativity as a photographer as well as other skills you may have.

When sharing images as wallpapers there may be some concern about people misrepresenting your Second Life photos as their own, but this is easily dealt with by adding a signature or watermark to the image, and a text document outlining a license agreement can be included with the image download. Creators could also include in the text document information about what they do. (A PDF document can include live links to a Marketplace store or website as well as an SLurl to an in-world location).

Desktop Wallpaper Software

Changing the desktop wallpaper on a PC is very straightforward, but there's no reason to stick with just one image. There are a number of software options that will automatically change the wallpaper at prescribed times, so any number of Second Life photos can be used in rotation on the desktop.

Possibly the best known wallpaper software is Bionixwallpaper, and whilst it has a lot of bells and whistles, there are a number of downsides to it. The most prominant of these is that, when it starts for the first time, it will grab every image on the PC and use them as wallpaper before you have time to stop it and create a designated folder. To find out a little more about Bionix for yourself, there's a short intro page.

A more lightweight option is Any Wallpaper. Whilst its free to download and use there is a donation button for those that feel the developers deserve to be rewarded for their work. When Any Wallpaper runs, a window (top image) will open where a folder containing wallpaper images can be selected. Clicking the Options button will open the window above where you can change the duration of each wallpaper, and the order they'll appear in.

Where To Share Second Life Wallpapers

Second Life wallpapers can be shared anywhere online where photos are usually uploaded. This includes Flickr, Pixelvr and Deviantart among others. There are also numerous Facebook groups devoted to Second Life photography, so perhaps these could also be used to share wallpapers. (If enough interest was expressed a group dedicated to Second Life wallpapers could be created on both Facebook and Flickr).

In the spirit of sharing I've created a zipped folder to download containing the ten Second Life photos on this page. They all have a resolution of 1920 x 1080 and are Jpegs. Feel free to use these images, but do not edit them or pass them off as your own, although resizing them to fit your screen resolution is fine.

The folder is stored on Google Drive, so you can be sure it doesn't contain anything nasty. Click here to download the folder, and enjoy using any or all of the images as desktop wallpaper.

Clockwork Bird

Elvion Wish Valley

Missing Melody

Pine Lake

Rachel's House

Rosa Scotia

Talala's Diner

Uri Jefferson's Freakshow

Welcome To My Personal Hell 1

Welcome To My Personal Hell 2

Happy Halloween

By 15:29:00

The below image is a Halloween 360 degree panorama created in Second Life and hosted on Momento360. We created it to say Happy Halloween to all our loyal friends and followers,and for everyone to enjoy and share. Use your mouse to rotate and turn the image, and for an even better look, view fullscreen.

If you like this image then why not follow us on Facebook and bookmark this blog. We always appreciate those follows, YouTube subsciptions and bookmarks. Happy Halloween!

How To Create A Facebook 3D Image Using A Second Life Photograph

By 20:18:00

One of Facebook's recent innovations is allowing users to create 3D images generated from a single photo. Whilst this is usually done using a standard photograph, it also works with images captured from Second Life. Although Facebook posts can be embedded into websites, if you can't see the 3D image below, try clicking the link here.

The image we're using for this tutorial shows a sculpture called 'Invisible' by the renown Second Life artist Mistero Hifeng. It can be seen at the Lundy Art Gallery and Museum. Click the link to visit.

What Is A Depth Map?

A depth map is an image that maps out areas of a corresponding photograph in light and dark tones. Facebook uses these depth maps to calculate what parts of an image are in the foreground and which are receding. The lighter a tone the nearer to the foreground it is, and of course the darker the tone the more it recedes. This information is used to produce a parallax effect, which in turn creates a sense of 3D.

The above image is an example of a depth map and corresponds to the image below. When both are uploaded to Facebook together, they generate the 3D image.

For a standard photograph, its depth map would need to be created in software such as Gimp or Photoshop, which can be a slow and involved process.

However, both Firestorm and the official viewer (and maybe others) have a built in function to create depth maps, which means turning Second Life pics into 3D images is greatly simplified.

Tips On Creating A Good starting Image

When taking snapshots in Second Life to turn into good 3D images it helps if a few things are kept in mind. For more detailed information on this visit LAB3D on Facebook which is a group for people who create 3D images. The tips below however will help to get you started quickly.

Firstly, large images work better than smaller ones. The recommended dimensions are 3024 x 4032px (portrait) or 4032px x 3024 (landscape). Having said that, smaller image sizes can sometimes work well, (the image used in the example here, after being cropped is smaller than the recommended dimensions), so a little experimentation might be needed.

Images that have a clear point of focus work much better than ones that have a busy and cluttered subject matter.

As explained above, the illusion of 3D is created when Facebook uses the darker and lighter areas of a depth map to create a parallax effect. Although you may intuitively aim for a large parallax effect by creating big contrasts in depth map tones, the best images use subtle tone differences.

For this reason its best to create a depth map with not too much dark and light contrast. Also, tones that are too light or too dark should be avoided. A range between the hex values of #202020 for dark tones, and #707070 for light areas is ideal.

Creating A 3D Photograph Using A Second Life Image

1/ Take the snapshot in the usual way in Second Life, but keep the Snapshot window open afterwards, and don't move your camera.

In the Capture drop down menu select Depth, highlighted in red above. From the Filter drop down menu select Negative highlighted in blue above.

If a preview of the depth map doesn't show, hit Refresh.

When saving the depth map image select Save As to make sure it saves correctly. Its also wise to view it once saved, because if it hasn't saved correctly it will just save as a standard image.

If there is movement in your subject matter, such as avatars walking or dancing, before you take any snapshot check the Freeze frame option, highlighted in green above, to ensure you use the same static image for the photogragh and depth map.

2/ Load both the image and depth map into Gimp as layers.

3/ Using the Rectangle Select tool, highlighted in red above, draw a rectangle around the area of the image to be used.

4/ Now select Image > Crop to selection.

5/ Give the depth map image (not the photograph) a slight blur by selecting Filter > Blur > Gaussian blur

6/ Export each layer, giving them either a png or jpg extension.

How the depth map image is named when its exported is important. It should follow the example below:

<image name>_depth.png

Therefore, if you have an image named Portrait the two files will be named:

Portait.png = the photo file
Portrait_depth.png = the depth map file.

Naming the files this way lets Facebook know the images will be used to create a 3D effect.

Uploading The Images To Facebook

1/ Open Facebook and go to your timeline. At the top of the page click on Photo/Video so you see the above.

2/ Open the folder where your two images are located. Hold down Ctrl, click on the first image then the second so both are selected. Now drag them to the space above which says 'Whats on Your Mind?'

Its important you drag both the image files together to let Facebook know to use them to create a 3D image.

4/ The images will now start uploading.

5/ You'll now see a window similar to the above whilst Facebook creates the 3D image.

6/ Once the 3D image has been created click on the Post tab at the bottom of the image window.

Your image should now look 3D and be ready to share with the world.

Using a Second Life viewer to create the depth map saves a lot of time and effort, although it does have its limitations. For example, its not easy to limit the depth map's light and dark tones, which as noted above would produce a better parallax effect. The depth map can however still be edited in software such as Gimp or Photoshop to add or change tones, if you have the patience to do so.

On a final note, if you want to create 3D images with RL photos, take a look at OmniVirt. This website allows you to upload an image, from which a depth map can be generated. The depth map will probably not be perfect since this function is still in beta and will need further editing, but this is a much better way of creating the depth map than starting from scratch.

Creating 360 Degree Panoramas For Second Life Part 2

By 23:18:00

In the first part of this tutorial on creating 360 degree panoramas for Second Life, we looked at how to create the panoramic images using Hugin and ICE.

In this section we'll look at how to add meta data to the panoramic images, how to view the images on your desktop, and how to upload the panorama to Facebook. We'll then show how to embed the panorama on your blog or website.

Adding Meta Data To A Panoramic Image

There are a number of ways to add the necassary metadata to an image so online locations such as Facebook know to display tham as 360 degree views. In this tutorial however we're going to use Exif Fixer. Follow the link to download and install it onto your PC.

1/ When you first open Exif Fixer this is what you'll see. Open the folder where the panorama you created is located and drag the it to the display area of Exif Fixer.

2/ Exif Fixer should now look something like the above.

3/ If you click on the Exisiting Metadata button a window should pop up looking similar to the above.

4/ The text highlighted in blue to the right is the extra information we want to add to the image's metadata.

To the lower left is an option to either keep or delete the original image after the metadata has been added, highlighted in blue. Here the box is ticked for the original image to be deleted.

Time to click the Add Metadata button, highlighted in red.

5/ The window showing the original metadata should now look something like this, showing the extra information has been added to the panorama image. Exif Fixer can now be closed.

Previewing The 360 Degree Panorama On Your Desktop

Previewing the panorama on your desktop isn't esssential but its helpful to see how good the image looks and to check for any blemishes before uploading it online. For this we'll need another small app, and the easiest to install is the LizardQ Viewer.

1/ When LizardQ Viewer first opens it will look something like this, with the explorer window open to make it easy to navigate to the location of the panorama.

2/ This is the panorama loaded into the viewer. The edges or corner of the viewer can be dragged to resize the image area, or you can right click and from the menu select fullscreen.

To move around the image simply hold down the left mouse button and drag as you would with any 360 degree panorama, although one small quirk with LizardQ is you need to drag in the opposite direction to rotate the view as you would with an online image.

Once we're sure the image is good enough to upload online LizardQ can be closed by hitting Esc on the keyboard.

Uploading The 360 Degree Panorama To Facebook

One of the handiest locations to upload to and share 360 degree panoramas is Facebook, so this is what we'll do next. The process is very easy.

1/ Assuming you're already logged into your Facebook account, start to upload the panorama as you would with any image or video by hitting the Photo/Video button.

2/ The upload process will begin, and the double circle icon in the centre of the grey square indicates that Facebook recognises the image as a 360 degree panorama.

3/ Some text will need to be added. After the upload has finished an icon will appear in the bottom right of the thumbnail, highlighted in red. When clicked this will enable us to do a little editing to the panorama.

4/ When the icon is clicked this window will open so we can select the starting view. Drag the image so you get the view you want then hit the Save button.

5/ Now hit Share.

6/ The 360 degree panorama is now live on Facebook for everyone to see.

There is a Facebook group for 360 degree panoramas created in Second Life. Just click the link to view and join.

Panoramic images can also be uploaded to Flickr, in the same way as other images are uploaded, and there is a group for 360 degree panoramas created in Second Life. Panoramic images on Flickr can also be embedded on a blog, but the method described below looks much better.

Embedding a 360 Degree Panorama On A Blog

Once you've created a number of panoramas a blog is an excellent way of promoting your work. Firstly however you'll need to find a website that allows you to upload panoramas and provides a link for each image. There are a number of such locations online but we'll focus on one since the process of embedding the panorama will be very similar for all websites. The site we're going to use is Momento360.

1/ Once you've registered with Momento360 you'll see something similar to the above, which is the top part of their user's landing page. If you see something slightly different click on the My Media tab.

To upload a panorama hit the Upload button and follow the instructions. the process is very easy.

2/ Once the 360 degree panorama has uploaded click on it and you'll see something similar to the above. The image can be dragged and rotated just like the image uploaded to Facebook.

To embed the panorama we need to get the image link, so click on the icon highlighted in red.

3/ This drop down menu will appear. Click on Share Or Embed A Link.

4/ This window will open. Click on the oval Copy button to copy the link to your clipboard.

5/ So we can embed the panorama we need to create an iframe code to add to the blog, so we'll use this website to generate it. There are a number of sites we could use, but Makingdifferent is very good and keeps things simple.

When you follow the above link you'll see a simple form as above.

6/ In the top space we name our iframe code. In the space below that called iFrame URL we paste the link we copied from Momento360.

In the next couple of spaces we add the width and height we want the panorama to be on the blog. Select No for Show Border, then hit the Generate button at the bottom of the form.

7/ The above window will appear. Hit the Copy To Clipboard button to copy the iframe code.

8/ We can now paste the iframe code to a blog post so the 360 degree panorama will be embedded.

From the Blogger dashboard hit the New Post button, then select the HTML tab. Now paste the iframe code. If you return to the Compose tab you should see the embedded panorama, although it may take a moment to load.

Add more content to the blog post if you want to then hit the Publish button.

Your embedded panorama should look similar to the above, and can be dragged to rotate the view, just like the panorama on Facebook and Momento360. It may be a good idea to link to the original panorama on Momento360 because the site offers excellent fullscreen views. Double click on the panorama above to zoom in and out.

Bonus Tip

Thats essentially all that part 2 of the series on 360 degree panoramas for Second Life set out to cover, but we have a little bonus tip on how to view your image inworld as media on a prim. To begin with, make sure you have the link copied from Momento360, as shown above.

1/ The above image shows a prim face resting on another prim. Right click on the prim and select Edit to open the Edit panel.

2/ To the top left choose Select Face, then click on the prim face visible in the first image above.

In the area highlighted in red select Media from the dropdown menu. Now hit the Choose button, highlighted in blue.

3/ The above window will open. Under the General tab paste the copied link into the area highlighted in red. Selecting Auto Zoom is optional.

Hit the Apply button. A thumbnail of the panorama should appear in the window, although it may take a while to show.

4/ Under the Customize tab you can select whether to show a navigation bar above the prim and who can use it. As the prim is going to be used only for the panorama, all the options here have been unchecked. When you're ready click OK.

The prim now shows the 360 panorama and whilst it is as interactive as the image on Facebook and Momento360, it should be expected that its much slower to respond. This is however still a quite a novel way of viewing panoramas.

This completes the second part of our tutorials on 360 degree panoramas for Second Life, and we hope they have been very useful to you. Enjoy creating and sharing your images.

Lusus Studio