How to Make Wigglegrams Using Photoshop

How to Make Wigglegrams Using Photoshop

The quadrascopic lens cameras of the 1980s such as the Nimslo and Nishika N8000 were quite redundant after lenticular printing became obsolete. No-one knew what to do with them and many ended up in charity shops. Then along came the Wigglegram, an animation made from the frames of film taken by the four lenses, swiftly followed by the incredible price increases in these cameras! Recently there was even a Kickstarter to make a modern triple lens film camera at a more affordable price(?!), the RETO3D (which I haven’t tried myself yet but I recommend looking for reviews on Youtube).

Nishikafront
Nishika N8000

I thought it was about time I wrote a tutorial showing how to make your own Wigglegrams seeing as they are quite popular now, especially on Instagram. I’m aware that RETO3D offer an app to make Wigglegrams but currently it’s only available on the Apple store (but they have told me that they plan to bring it to Android too). For this tutorial I’m using Photoshop CC because being able to use layers makes creating Wigglegrams on Mac and PC possible and you can also have fun with adding extras.

It’s also possible to use files taken with a digital camera to make Wigglegrams; using a slider bar to move the camera left to right whilst taking three or four photos with an equal distance between each image (the Nishika N8000’s lenses are 18.5mm apart) would work perfectly (depending on how close you are to the subject).

P1124630
Nimslo

I do not develop colour negative films myself (C41 process) so I use a lab in the UK which does and sends them back uncut (I can highly recommend  Kirklees Photographic for colour negative films in the UK, their services are available by post and they are very professional, always helpful and just generally really lovely to deal with). It’s always worth checking with the processing lab first what they offer for different format camera films. The Nimslo and Nishika N8000 take four 35mm half-frame images for each click of the shutters, i.e. two full frames – so from a 36 roll film you’d get 18 captures. A standard 35mm single lens full-frame camera’s film format is much different to that of a quadrascopic lens camera’s so if the lab cuts the film it may actually chop some of your frames in half, I always ask for it to be uncut to play it safe. Some labs also offer scanning but again it’s worth checking beforehand if they just scan it in the standard full frame 35mm format, which can be a waste of time and money for half-frame films. I scan mine at a minimum of 2400 dpi with an Epson V800 Photo flatbed scanner. The film below is Kodak Color Plus 200 ASA used with a Nishika N8000 (for information on the Nishika N8000 please see my previous post).

Nishika005cleaned

And now we finally get to opening the images in Photoshop CC.

Screenshot (61)

Use the rectangular marquee tool to make an initial crop of the four frames which you’ll be using.

Screenshot (62)
Screenshot (63)

And then use the rectangular marquee tool again to make an outline for the first individual frame, copy it, open a new file and paste the single frame there.

Screenshot (65)
Screenshot (66)
Screenshot (67)

Do this for each frame so there is a separate file window for each one of the four.

Screenshot (68)

Go to frame 2, copy it and paste it as a layer in frame 1. Do this for frames 3 and 4 so that the frame 1 file now has all the four images as separate layers.

Screenshot (69)

Uncheck frames 3 and 4’s visibility in the Layers panel so frame 2 is showing. Reduce the opacity of frame 2 to 50% so you can see frame 1 through it. Choose a point on frame 1 as the centre of rotation for the Wigglegram – I try and find something in the middle but when there’s nothing in the image there to act as an anchor I use something which could be a pivot – in this image I used one of kitty’s paws (if you try one place as the centre of rotation and it just doesn’t look right, you can realign the images to a different point afterwards). Make sure layer 2 is highlighted in the panel and use the move tool and arrow keys to nudge and align it to the centre of rotation on layer 1, you can use rulers to help with this alignment. When layer 2 is aligned, return the opacity to 100% again then uncheck its visibility and make layer 3 and 1 visible. Reduce layer 3’s opacity and align it to layer 1 as you just did for layer 2, then do the same for layer 4.

Screenshot (71)

Now you have your four layers (you can remove the background layer in the panel if you haven’t already) you need to duplicate two of them so when the animation is made it will run smoothly back and forth between frames. First right click on layer 3 and select duplicate layer.

Screenshot (79)

Move this layer so it’s above layer 4.

Screenshot (80)

Duplicate layer 2 then move it so it’s at the top of the layer’s panel.

Screenshot (83)

Now you have your 6 layers click on the ‘Create Frame Animation’ tab.

Screenshot (84)

At the top right of this Timeline box is an options tab, click on it and select ‘Make Frames From Layers’.

Screenshot (84)

Make sure you just have your 6 frames in the Timeline window, otherwise just click on the extra one (usually in position 1) and click on the delete bin icon.

Screenshot (85)

Select all of the layers in the Timeline window then right-click on a time on one of them and it’ll bring up different length options – I think 0.1 seconds works well for Wigglegrams and it’ll change this for all of them.

Screenshot (86)

Now you can have a sneek peek of the Wigglegram by pressing play. If you find you’re not happy with the alignment then delete the Timeline frames and go back to your layers panel and re-jig the alignment as you did previously. When you’re happy start again by making frames from the layers in the Timeline.

Screenshot (87)

You’ll see now everything is aligned that there are big borders on some of the images. I use the Timeline panel and click on frame 4, which is usually the layer with the biggest border, and use the rectangular marquee tool to select the area I want to keep and then crop it. All of the layers will now be cropped.

Screenshot (88)

I save the whole project as a PSD file so I can go back and edit it if I want at a later date. If you also want to save your file as a GIF click on File, Export, Save for Web (Legacy) and make sure GIF is selected.

Screenshot (89)
Screenshot (90)

And now you have a GIF Wigglegram, huzzah! If you’re wanting to share this on Instagram be aware that it will only allow GIFs in the stories, not the Feed.

One way around this is to upload the GIF to Giphy and from there to share it to your Instagram feed. You could also share it directly to your Instagram Story and use the file of it saved on your mobile device to upload to your Feed (as long as it’s longer than 3 seconds – you can prolong it by adding stickers). Another option is to convert the file from a GIF to an mp4 – there are many converters available and one which I’ve been recommended is Wondershare Uniconverter, I haven’t used it though so I cannot comment on it.

Screenshot (94)

Instagram Stories and GIF conversions really reduce the quality for me though so I save each frame as a JPEG in Photoshop by clicking on File, Export, Layers to Files.

Screenshot (96)

Make sure JPEG is selected and I save it as high quality as possible, so now there is a separate file for each of the six frames.

Screenshot (97)

An app can now be used which converts JPEGs into a movie. I’ve used FFmpeg and VirtualDub with Windows but read reviews before you decide which to go for, FFmpeg allows you to save the file as an MP4 but I find it doesn’t always open and VirtualDub allows you to save an Avi which will need converting to an mp4. Keep in mind that you may also need to add the frames in the correct order several times or save the animation sequence and duplicate it in the same video to make sure you have a video of longer than 3 seconds for Instagram. Photoshop also allows you to render an MP4 video in the Export menu so you can create the length of the animation you want and then render it directly through Photoshop as an MP4.

Now you have your Wigglegram and the adoration of the 3Dphoto folk on Instagram, congratulations! Even if you don’t decide to share it on social media I still think it feels like magic to see your still photos come to life in the animations, especially when they involve cats 😉 Please note that my beloved Nishika N8000 has a faulty lens which is unsharp so the fourth frame always looks a bit strange in my Wigglegrams from that camera (sometimes I just miss out this frame completely).

Using Photoshop also means you can create multiple sequences of Layers and edit them to add extras to your Wigglegrams, such as text, drawing, other images, etc. I did this with another Wigglegram of a cat from my Nimslo, because cat.

I hope you find this tutorial useful if you’re considering making Wigglegrams, either from film or digital images. Don’t forgot to also check on Instagram for some inspiration and I look forward to seeing your results. If you have any questions or feedback please get in touch.

Copyright © The Stereoscopy Blog. All rights reserved.

One thought on “How to Make Wigglegrams Using Photoshop

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s