index


Bookshelf Credibility
takes inspiration from the way people present their video call backgroundns with bookshelf to exert authority and intelligence.


Static
Difficulty: 3/5
Effectiveness: 5/5

Video
Difficulty: 3/5
Effectiveness: 5/5

Augmented Reality
Difficulty: 3/5
Effectiveness: 5/5






03.
The Bookshelf Credibility


I was made aware recently that people who appear on television for a virtual interview will most likely have a bookshelf as their background to stress the authority and the intelligence they supposedly have. Taking inspiration from the Twitter page Bookcase Credibility, I attempted to create a virtual bookshelf to display your objects' curation.



01.Static Direction



I created a virtual, three stacked bookshelf/bookcase able to display objects you desire. But in my case, to go along with the theme, I presented book-related images on this bookshelf

The first thing that you should create is the three rectangles that represent a bookshelf. Adding a wood texture to these blocks is also a plus.

It is entirely up to you on how to arrange and present these "books," whether orientation or scale you want to show these books in. An important feature is that the text description of these pieces should be on the book's left side, like how a book title would be.

Make sure to give space in the center so the user or person would not block the "books" with their presence throughout the zoom video call.

I would say it is quite useful. To use this static method, however, the text descriptions can get lost and become illegible. With that, these were the results that I created.


Directions
1. Create 3 rectangles with the width of 1920px, and the thickness is up to you
2. Make sure to create even spaces between the 3
3. Pick the objects and arrange accordingly
4. Add the label
5. Have a gap in the center


02.Video Direction



To further play with the bookshelf idea, I thought it could be interesting to pretend that you are in a haunted house and shining on these books to look at them better, hence the spotlight effect. I also decided to put the object descriptions in the upper top for better visibility.

You would want to import your image files into After Effects, ensuring that each book is an individual layer. You would then, to achieve the spotlight effect, apply the effect CC Spotlight and manipulate the movement of it through From and To, and play with the Cone Angle, Height, Cone Angle, and Edge Softness according to your tastes. And when the spotlight lands on a book, a text description should also be revealed on the upper top, and disappears when the spotlight moves away.

These were how it looked. I think the video direction elevates the static experience a bit better.

Directions
1. Import the working files to After Effects
2. Make sure to make the images as individual layers
3. Select an image and apply the effect CC Spotlight 
4. Play with the settings of the effec Control the opacity of the text description



03.AR Direction


Lens Studio has a relatively new feature where you can attach an object to your hands, and I thought it was appropriate to continue with the bookshelf idea, pretending that you are reading the books on your hand.

It's best to start from the Hand template, but you can always start with a blank workspace.

To attach an image to your forehead, start adding the Head Binding effect, insert an Image Object under it, and adjust the image's scale and the positioning as you desire. To attach a photo to your hand, add the Hand Tracking object (you can always change the attachment point, choose center), insert the image, and adjust the scale and positioning.

The text below the header image uses the Text Object placed under the Image Object layer and uses Pin To Mesh to keep it attached to the image. On the other hand, the text on the hand uses the Screen Text object placed under the Image Object layer.

I also made the images change when you raise your eyebrows, and to do so, you would need to create a Script and fill the code with this, and pick the trigger you want to use. Afterward, insert the Script as a Scene Object and put the images in the Obj,val panel. Make sure to add two Scene Objects to ensure that the head and hand's image will change on trigger.

This direction is a bit more experimental but fun nonetheless. Below is the process snapshot, the result, and the QR and link to the filter.


Directions
1. Start from scratch or use the Hand Template
2. Create or select the Head Binding face effect for the head image ︎︎︎ add the images and arrange accordingly ︎︎︎ add the Text Object under the Image Object, and add the Pin To Mesh component
3. Create or select the Object Hand Tracking ︎︎︎ add the images and arrange accordingly ︎︎︎ add the Screen Text object below the Image Layer
4. Adjust the positions and sizes accordingly
5. Create a Script Objects and fill it with the code (choose the trigger through the code)
6. Insert it through a Scene Object, create 2 of them
7. Add each images to the Obj,values and make sure to make all the text and image visible