Photograph coming together like a puzzle

  • 1
  • Idea
  • Updated 4 weeks ago
I want to show a group photograph coming together like a puzzle. Is there any way in camtasia to do this?
Photo of SB

SB

  • 22 Posts
  • 0 Reply Likes

Posted 4 weeks ago

  • 1
Photo of Dubie

Dubie

  • 961 Posts
  • 740 Reply Likes
The biggest part is to break up your image in to the puzzle pieces.

I know of no good way to do  that in Camtasia.

I do that kind of stuff in Powerpoint myself and lots of times create the video in Powerpoint also but any graphics program can work to cut up your image.

Then it's just a matter of bringing all those pieces in to Camtasia and animating  them in to the full image.

Here's a little design tip:

Add a very thin whitish boarder to the pieces when you make them.
It give the reassembled image that real puzzle look.

:)
(Edited)
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1832 Reply Likes
to add to what Dubie has suggested, if you have Snagit, you can use the free hand select tool to draw and then cut out sections that look like puzzle pieces; paste each section into its own new image; animate in Camtasia per what Dubie has stated
Photo of Naomi Skarzinski

Naomi Skarzinski

  • 201 Posts
  • 188 Reply Likes
If you have Photoshop, you can do this in Photoshop, then bring the pieces into Camtasia.  I did this for one of my YouTube videos.  https://www.adobeexchange.com/creativecloud.details.12143.html


Photo of Naomi Skarzinski

Naomi Skarzinski

  • 201 Posts
  • 188 Reply Likes
I just realized the link I provided may not work with Photoshop 2019. The actions are no longer in my Photoshop. I'm looking at this one, though there is a small cost for it. https://www.adobeexchange.com/creativecloud.details.101011.html


Photo of Naomi Skarzinski

Naomi Skarzinski

  • 201 Posts
  • 188 Reply Likes
Okay, I was able to redownload this file https://www.adobeexchange.com/creativecloud.details.12143.html and it works on Photoshop 2019.  It's super fast, easy, and free!
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes

Creating this effect can be extremely complex to get right.
Especially without a Filter/FX effect designed specifically to do the heavy lifting. 

After Effects has a full featured puzzle shatter effect, you can turn entire images or portions of images into puzzles. Bring them together from nothing. Or disassemble them and make them go away.


You chose the direction the pieces travel, their rotational properties, % of rotation, extrusion depth, etc. and so forth. The choices make for countless Patterns/Directions of travel.

It’s an expensive program. On the surface. If your times worth money, it really isn't.Because it saves you so much time.Theres You Tube tutorials covering this effect. 



Slicing and dicing an image into individual puzzle pieces manually. Then animated them to fly in or out and actually look good. “Not Amateurish” Would be a ton of work, and require a lot of man hours to pull off.

You can use After Effects for $20 for one month. Then get rid of it. If you spent hours creating one half-baked poor animation on your own.

Well, $20 could have saved you a lot of grief and gotten you further/faster. And professionally to boot. In a months’ time, you could create a lot of animations to backlog. Anyway, that’s my take on it.

Regards,Joe

Photo of Naomi Skarzinski

Naomi Skarzinski

  • 201 Posts
  • 188 Reply Likes
I've been saying for years I need to learn After Effects. :-)
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes
It's challenging, you need well constructed tutorials.

But it's like Photoshop. If you put in the time, you reap the rewards. {:>)
Photo of Rick Stone

Rick Stone

  • 4483 Posts
  • 1999 Reply Likes
If you have PowerPoint available, the tutorial below may be useful.

You could create and animate using PowerPoint and record it using Camtasia.


(Edited)
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes
So, I wanted to post a more Camtasia related version to this post.

In this example Photoshop was used to carve the images into puzzle pieces. Then saved as layers with transparent backgrounds.

I used Camtasia’s behaviors to animate the pieces. The new explode behavior was good for that. Appling hinge was a good way to go as well. I carved 1280 x 720 images into 6 pieces using this downloadable Photoshop action. Working with more pieces/images would have been a lot of work. I was having problems with the Creative Cloud download. I found a website with same action download Naomi mentioned. This will work with older versions of Photoshop. How you carve a photo into pieces is up to you.

https://www.designeasy.co/2015/05/free-puzzle-pieces-actions-for.html

to help simplify this. I’m including a downloadable zip file of this project. That way you can play around with settings and see firsthand what I’ve done. It’s a small file, just a few images. I’m not calling it a polished animation. It looks Okay. But if I were going to actually use it.I would spend more time tweaking it. 

https://www.mediafire.com/file/tq4q5rgr7o8s174/Puzzle_Pieces.zip/file

Camtasia has a file handling issue. I created 2 separate animations from 2 different images. Camtasia kept swapping/replacing pieces from one image with the other. “Very strange and Frustrating” After trying to rename the files differently several times. Closing and restarting Camtasia. I got around the problem by placing the second image/images on upper tracks. They couldn’t share the same track for whatever reason.

Heres an image of the explode behavior applied. The only trick is to change the speed setting to individual pieces so they move independent from each other. You could change settings like Bounce or Spring and come up with other looks as well.


This is the Image assembled



This is another image with Hinge applied and the pieces starting to come together. I applied the hinge point to the edge of the screen for each piece. You could do it another way.



You can use a combination of behaviors. Its really up to your imagination where you take it.

Regards,Joe        





(Edited)
Photo of Naomi Skarzinski

Naomi Skarzinski

  • 201 Posts
  • 188 Reply Likes
Here is an example of what I was able to do with Photoshop and Camtasia. I have a couple other videos I am working on for YouTube. I have this on my list to create a step-by-step training video after those two.  http://www.screencast.com/t/wI702JAjojjq

(Edited)
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1832 Reply Likes
very crude but quick example made using Snagit ...

Example Imploding Puzzle Made Using Snagit Free Hand Selections And Exploding Behaviors
http://www.screencast.com/t/scW2Cox9prl
(Edited)
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1832 Reply Likes
better example ...

Example Imploding And Exploding Puzzle Made Using Snagit Freehand Selections And Exploding Behaviors
http://www.screencast.com/t/9w7YjhzLrSX
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1832 Reply Likes
How To Make Imploding Puzzle Using Snagit Freehand Selections
http://www.screencast.com/t/u5FupODb