Ways to personalise assets for your portfolio: Use animated gifs
Simon demonstrates how to create an animated GIF for a portfolio presentation, focusing on a user interface/user experience project. He uses Adobe Photoshop to accomplish this task. Here's a summary of the key steps Simon covers:
He imports multiple screen designs into Photoshop using a script to stack them as layers.
Simon adjusts the canvas size and adds a background color.
He arranges the screens in a pseudo-3D layout using free transform and distort tools.
Simon creates a cascading effect by duplicating and staggering white layers behind the screens.
He adds drop shadows to all elements for depth.
Using the timeline window, Simon creates a frame animation, showing each screen design sequentially.
He adjusts the duration of each frame, settling on 2 seconds per frame.
Simon exports the animation as a GIF using the "Save for Web (Legacy)" option.
Finally, he previews the final animated GIF in a web browser.
Throughout the video, Simon emphasizes that this technique is a simple way to add multimedia elements to a portfolio presentation, effectively showcasing UI/UX designs in an engaging manner.
