I’ve provided some files to get you started, and Adobe has curated a collection of Adobe Stock assets you may want to use as you try these techniques. If you follow along, I’d love to see your project — just share it on Instagram or Twitter with the hashtag #MAXcreativechallenge.
RESOURCES
Step 1: Start with a new sequence.
Open Adobe Premiere Pro. At the Project panel, click the New Item button and select Sequence. Enter the settings in the screenshot below, name the sequence, and click OK.
Go to Window > Essential Graphics. The Essential Graphics panel appears.
Step 2: Create the branding GIF background and name layer.
Your GIF should contain your name or company name; your logo or another image; and any other relevant text you have in mind, such as a hashtag or call to action.
With the Rectangle tool, draw a rectangle shape in the Program panel that covers the entire background. To create the company name text layer, select the Text tool, click inside the Program Monitor, and type your text.
Step 3: Import the logo and additional text.
Import your logo or other image into the Essential Graphics panel by clicking the file icon in the Essential Graphics panel; select From File.
With the logo layer selected, click on the New Group folder icon. Right-click on the group layer, select Rename, and name it "Image Position".
Select the Image Position layer; using the Select tool, move the layer to the top portion of the screen.
To replace the image file, right-click on the file in the Project Panel and select Replace Footage.
If you want additional text in your GIF, such as a hashtag, select the Text tool and click inside the Program Monitor, and then type the text. Position it under the Name text layer along the bottom of the screen. Create a background for the text layer by checking the Background box in the Essential Graphics panel. Set the Margin size to 17.
Step 4: Animate the logo and text.
To trim the clip in the timeline to 2 seconds, place the cursor toward the end of the clip in the timeline until you see a closed bracket cursor. Click and drag the edge of the clip to the left to trim the end to 2 seconds.
In my example, I animated the group rotation and scale properties. Animating the group instead of the logo layer itself lets you replace the logo anytime while keeping the animation intact.
Go to Window > Effect Controls. Move the playhead to 00:00 and change the rotation value on the Image Position group layer to -3; click the stopwatch icon to create a keyframe.
Move the playhead to 00:12, and then change the keyframe value to 3. The value change will automatically create a keyframe.
Select both keyframes; right-click and select Bezier to smooth out the movement. Copy both keyframes and paste at 00:26. Move the playhead to 01:28 and change the Rotation value to -3; a new keyframe will appear in the timeline.
On the Scale property on the Logo Position layer, click the stopwatch to set a keyframe at 00:00 and change the value to 95. Move the playhead to 00:12 and change the scale value to 105.
Select both keyframes; right-click and then select Bezier. Copy and paste the keyframes on the timeline so they match the keyframes on the Rotation property.
Step 5: Animate the name text layer opacity.
To animate the opacity of the text layer so it fades in at the beginning, go to the Effect controls panel. On the text layer's Opacity property, change the value to 0 and create a keyframe. Move the playhead to 00:10 and change the value to 100.
With the text layer selected, click on the New Group icon. Right-click on the New Group layer and select Rename. Name the group "Name Text". You'll animate the Group's position so you can move the text layer while keeping the animation keyframes intact.
Move the playhead to 00:13 and click the stopwatch to create a keyframe on the Position property of the Name Text group layer. Move the playhead back to 00:00 and change the Y position property value to 630.
Select both keyframes; right-click and select Temporal Interpolation > Ease In.
Step 6: Animate the bottom text layer size.
In the Effect Controls panel, go to the bottom text layer and move the playhead to 00:13. Change the Scale value to 0, then click the stopwatch to create a keyframe.
Move the playhead to 00:23 and change the Scale value to 100. Select both keyframes, right-click then select Bezier.
Step 7: Check the loop.
Go back to the Sequence timeline. At the bottom of the Program Monitor window, click the Wrench tool button; select Loop. Playback the animation to be sure the GIF loops as intended.
Step 8: Export GIF.
Go to File > Export > Media and, in the Format dropdown menu, select Animated GIF. Click on the blue file name in the Output Name section to specify where to export the file. Click the Export button.
Step 9: Transfer to mobile device.
How you transfer the GIF to your mobile device depends on the device and its OS.
To go from a Mac to an iPhone, right-click on the GIF file on your computer and select Share > AirDrop. When your phone appears as an option in AirDrop, select its icon. Accept the AirDrop alert on your phone.
One way to transfer the GIF from a Windows system an Android device is to use Google Drive. Drag the GIF file to your Google Drive folder, and then check the Google Drive app on your Android device. Save the GIF file to your Gallery.
Step 10: Add to Instagram Stories on an iPhone.
Open the Instagram app and create a Story with either a photo or a video. In the Photos app, hard-press on the GIF and select Copy.
Switch back to Instagram and tap on the pop-up message reading, "Add Sticker". If Add Sticker doesn't appear, select the Type tool in Instagram and hard-press on the cursor until the Paste pop-up appears. Paste the GIF, which you can then move or scale in Instagram.
Step 11: Add to Instagram Stories on an Android device.
Open Instagram and tap the Text icon. Tap the emoji icon, and then select the pin icon in the lower-right corner of the screen. Tap the camera icon on the top right corner of your keyboard to view your gallery. Select the GIF, then tap the Send icon on the lower right corner.
Here are more resources to see the process in action for Android:
https://www.youtube.com/watch?v=X7VUOyLUfoI
https://thepreviewapp.com/insta-story-trick-copy-paste-feature/