07.
The Classification Technique
The classification technique could either be inspired by scientific classifications or a PowerPoint presentation.
01.Static Direction
To follow this direction, make sure to choose a maximum of 6 vertical images. Resizing them into the same size is a plus. Then, arrange the pictures stacked to each other in a grid-like arrangement, making sure that at least 1/4 of the screen is a blank space. Pick a background color that suits the images
The next step would be to number these images on the top right so that the viewers can identify the description through the numbers. Then add a numbered list of the item descriptions on the blank space and make sure to put it near the top.
The only takeaway of this direction is that the user cannot be in the screen's center. Below is how mine looked like.
Directions
1. Pick six vertical images and arrange them in a stack on the left side of the screen
2. Make sure to have some blank space on the right side of the screen
3. Number the images on its top right and add a numbering list of descriptions corresponding to the numbers on the blank space
02.Video Direction
For the video direction, I thought that the images should be given a chance to be viewed in more detail, so that is what I did.
Bring the images individually into After Effects; you can either import the Photoshop file or directly into AE. Afterward, arrange your pictures in the arrangement of the static direction.
Reduce the opacity of the images except one, scale it so the height is the height of the screen, and animate it to get smaller and go back to the position it was before. Animate the text appearing as well when the image is getting smaller. Repeat for the other photos as well.
Make sure to animate it slowly so viewers can look at the images at their own pace. Here is how mine looked.
1. Import images or Photoshop file into After Effects
2. Arrange images like the composition in the static direction
3. Reduce the opacity of all but one image, and scale the height so it will fill the screen
4. Animate the image scaling down, and add the appearing text on the right side
5. Repeat
03.AR Direction
Since the images' topic was psychoactive plants, I thought it would be interesting to plaster the image on the face.Start with the Photo template choose the Face Mask [Edit Me] in the Objects panel. Then go to the Inspector panel and change the Texture into your images. Test how the picture looks like on the face and adjust the Texture and Opacity accessible at the top. Then add a Text Object under the Face Mask object, then add a Head Binding component to it in the Inspector panel to stick to the forehead.
To make the image change on mouth open, create a Script file in the Resources panel, add this code to it. Change the trigger for the change; in my case, I am using Mouth Open Event.
Then in the Objects panel, add an Empty Object, and add the Script component to it. Add the images to the Obj,val.
Here are the bts, how it looked like, and the QR code and link to the filter.
Directions
1. Start from the Photo Template
2. Go to the Face Mask [EDIT ME] layer in the Objects Panel
3. Change the Texture in the Inspector panel into your picture
4. Add text if desired by placing a Text Object under the Face Mask [EDIT ME] layer
5. Create a Script file and insert the code from above, and put the Script into an Empty Scene Object
6. Open the Empty Scene Object and add the Script from the inspector panel
7. Add the image values to Obj,val