Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

I need help creating a photo collage where the images flip to another image.

Community Beginner ,
Sep 07, 2017 Sep 07, 2017

So, i'm trying to do a photo collage and I need something what this website has when you open it.

Ferrara Home

The only difference is that I need it to flip three times, so three different images.

I'm need this for an uncle's website and that was his example but I am not sure of how to make it...
it will be my first time using Premier Pro CC...

Please help

2.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Sep 07, 2017 Sep 07, 2017

OK, here is a sloppy demo of how I'd go about doing this in Premiere - it's not meant to include all the details, it's just to show you the basic workflow and the scope of the project. Others might go about this differently. Once you get your first couple of grid image groups built, you just need to slog it out until you get all nine:

MtD

Translate
Sep 07, 2017 Sep 07, 2017

Creating a photo collage where the images flip like you describe is easy to do in Premiere Pro. The fact that you are new to Premiere Pro means it may take some time to get it right.

Short answer: Apply the Flip Over effect in between your clips on the Timeline.

Here is an example that shows one clip flipping over to reveal another one, followed by another flip to reveal a third clip. You could go on and on. Sorry, I was thinking in video, so my example shows video clips but you could do the same thing with photos.

Since you are new to Premiere Pro, I highly recommend first watching this series of tutorials designed for DSLR shooters of either video or photos: Edit DSLR video

Here are my clips in the Timeline:

screenshot_1419.png

Here is the resulting video:

By the way, once you apply the Flip Over effect, you can change the background color from the default gray you see in my sample video to any color you want. Click Custom and then click the Fill Color paint chip to change that color.

screenshot_1420.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 07, 2017 Sep 07, 2017

Thank you so much! Just one quick extra question.

what if I want to make a video kind of like the one here http://www.ferrarausa.com/

I basically need to 9 squares and each one of them flip individually.

Again thank you so much!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 07, 2017 Sep 07, 2017

In the example you posted, at the end the smaller images turn to reveal a composite larger image, are you intending to do that as well?

Or just have 3 x 3 grid of different images, and the flips occur for each image?

Do you have any previous motion graphic experience?

MtD

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 07, 2017 Sep 07, 2017

3x3 grid of different images and flips occur for each image

and none whatsoever.. after this though i'm going to begin catching up on it though.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 07, 2017 Sep 07, 2017

OK, what are the pixel dimensions of the grid you want to create?

If you are doing a 3x3 grid and each image flips 3 times, you have 27 source images, correct?

What is the total duration of the effect?

Does the flipping occur randomly or do the images flip in some kind of order?

Are you familiar with keyframing?

I would think this is not un-doable, but will certainly be a challenge if you are not familiar with motion graphic basics.

MtD

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 07, 2017 Sep 07, 2017

H 777 pixels and W 1215 pixels

Yes 27 images

from start to end it would be about 9 seconds three on each "stage"

each square has its group (1, 2, 3)

and I guess it doesn't matter as long as they all stay in the same stage at the same time (So maybe if they all flip at the same time or are off by just milliseconds)

and no

And thank you, you are giving me hope. For a while I thought this might have been impossible

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 07, 2017 Sep 07, 2017
H 777 pixels and W 1215 pixels

So each unit of the grid is 259 x 405?

MtD

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 07, 2017 Sep 07, 2017

yes, sorry I forgot to write out each individually.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 07, 2017 Sep 07, 2017

OK, here is a sloppy demo of how I'd go about doing this in Premiere - it's not meant to include all the details, it's just to show you the basic workflow and the scope of the project. Others might go about this differently. Once you get your first couple of grid image groups built, you just need to slog it out until you get all nine:

MtD

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 07, 2017 Sep 07, 2017

Meg The Dog Thank you so much, you have no idea how much I appreciate this.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 07, 2017 Sep 07, 2017
LATEST

Awesome help, MtD!

Neil

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines