Search Phrase = contrast
Logo
This video demonstrates how to format your logo for optimal mobile performance. You will learn to create a landscape version of your logo that minimizes vertical space, ensuring more room for your content. You will also discover techniques for making your logo transparent, allowing it to overlay seamlessly on different background colors. Finally, you will explore methods for optimizing your logo's file size to ensure fast load times, even for users on slower connections.
Here are the key things you will be able to do after you watch this demo:
Design a logo with a landscape layout to minimize vertical space
Create a transparent logo that can be overlaid on different background colors
Prepare multiple file formats and sizes of a logo, optimizing for fast load times
Integrate a favicon icon into a web page
Optimize image file size to balance quality and load speed
Provide a mobile-friendly user experience through well-formatted logos
Formatting Logos for Mobile Use Cases [0:02]
Josh Lomelino emphasizes the importance of designing logos that are optimized for mobile use cases, as most users will access the learning experience via mobile devices.
He demonstrates a portrait logo from Create Mode Media and explains the need to reformat it for better mobile visibility, suggesting a layout with the mark on the left and the text on the right.
Josh recommends creating a landscape version of the logo to minimize vertical space, ensuring more room for content like videos, text, PDFs, and audio files.
He advises handling transparency in the logo design, suggesting the use of a transparent background that can overlay on different background colors, such as white, to enhance flexibility.
Handling Transparency and Use Cases [2:18]
Josh explains the process of creating a transparent logo using tools like Photoshop, which allows for the removal of the background and saving the file as a PNG with a transparent background.
He discusses the importance of having a variety of use cases for the logo, such as different foreground colors and background colors, to ensure flexibility in different contexts.
Josh mentions the use of a checkerboard pattern in PNG files to indicate a transparent background, ensuring the logo can be rendered correctly on different web pages.
He highlights the need for a favicon icon, which can be saved as a PNG or ICO file, and integrated into the browser for better visibility.
Optimizing File Size for Faster Load Times [4:58]
Josh stresses the importance of optimizing the file size of the logo to ensure fast load times, especially for users on slower connections.
He provides an example of a highly optimized logo with dimensions of 767 by 158 and a file size of nine kilobytes, which loads quickly and maintains high quality.
Josh contrasts this with a less optimized logo that has a larger file size, highlighting the need to balance resolution and file size to avoid slowing down the user experience.
He explains that factors affecting file size include dimensions and compression, with tools like Photoshop offering quality sliders to adjust the image's resolution.
Final Considerations for Logo Formatting [6:35]
Josh summarizes the key points to consider when formatting a logo for optimal mobile performance, including minimizing vertical space, handling transparency, and creating a variety of use cases.
He reiterates the importance of optimizing file size to ensure fast load times, especially for users on slower connections.
Josh emphasizes the need for a balanced approach that maintains high quality while minimizing the impact on load times.
He concludes by highlighting the goal of providing the best user experience through well-formatted logos that load quickly and look great on mobile devices.
Automated Video Production Pipeline
This video guides you through setting up an automated video production pipeline, from selecting and testing brand voices using Eleven Labs to pairing them with digital avatars in HeyGen. By following the steps, you'll learn how to catalog and integrate voices, match them with visual characters, and generate preview videos for evaluation. Once you complete the video, you'll be able to efficiently create, test, and organize multiple spokesperson options for your brand's automated content generation. This process empowers you to streamline video production and build a scalable library of branded video assets.
Following are the key things you will be able to do after you watch this demo:
Identify suitable brand voices using generative AI tools.
Catalog and organize voice and avatar options for efficient selection.
Integrate third-party voices into video production platforms.
Pair voices with digital avatars to create compelling spokesperson combinations.
Generate and preview automated video content for evaluation.
Document and track production assets for streamlined workflow.
Select and finalize top spokesperson options for automated content generation.
Introduction to Automated Video Production Pipeline (00:00:00 – 00:00:59)
Josh kicks off the demo by outlining the goal: selecting brand-aligned voices and digital doubles (either your own clone or hired actors), organizing those assets, and laying out the end-to-end steps needed to spin up a fully automated video production pipeline.
Content Sequencing Concept and Cloning (00:00:59 – 00:02:20)
He explains the core idea of building a repeatable sequence of content—cloning a finished production over and over—so you can continually generate new videos by plugging different scripts into the same automated workflow.
Defining Digital Doubles and Voice Types (00:02:20 – 00:03:11)
Josh clarifies terminology (digital twin vs. digital double), walks through the two main “buckets” of voice assets (personality-based clones vs. spokesperson avatars), and discusses how to mix and match them depending on your brand needs.
Selecting Platforms for Generative AI and Deployment (00:03:11 – 00:04:00)
He emphasizes the importance of vetting your generative-AI tools—voice engines and video avatars—and making sure they’re compatible with your target platforms before committing to any given solution.
Brand-Focused Workflow and SRT Utilization (00:04:00 – 00:05:25)
Josh decides to focus on one streamlined method for this demo, using a single SRT transcript file as the “source of truth” for automation—underscoring that a clean, well-formatted SRT is absolute gold when you’re architecting an automated pipeline.
Importing SRT and Leveraging Automation (00:05:25 – 00:07:40)
He shows how to import the SRT into the voice-generation platform, highlighting how the time-coded script drives every subsequent step—from audio rendering to scene assembly.
Setting Up Voice Design in ElevenLabs (00:07:40 – 00:11:49)
A step-by-step walkthrough of testing voice presets, tweaking text lengths, integrating third-party voices, and crafting voice-design prompts to nail down the exact tone and style you want.
Managing Credits and Reviewing Generated Audio (00:11:49 – 00:15:46)
Josh demonstrates how to monitor and conserve your generation credits, preview the rendered audio, swap out placeholder text, and ensure you’re only spending resources on polished clips.
Applying Voiceover and Text Overlays to Video (00:15:46 – 00:19:08)
He attaches the finalized voice track to the video timeline, adds and styles text overlays (centering, contrast adjustments), and assembles the basic video composition ready for export.
Enhancing Prompts with AI Tools for Voice Design (00:19:08 – 00:22:04)
Introduces additional AI utilities for brainstorming and refining your voice-design prompts—showing how to iterate until you get a sample that truly matches your brand voice.
API Key Handling and Asset Export Configuration (00:22:04 – 00:27:28)
A practical guide on securely copying your ElevenLabs API key, configuring export settings (e.g., 4K output), and organizing all generated files into branded folders for easy access.
Frame Rate Considerations and Quality Checks (00:27:28 – 00:31:42)
Notes the default 25 fps setting, explains how frame rate impacts perceived motion, and walks through checking your export quality to avoid any unexpected artifacts.
Avatar Adjustments, Project Naming, and Fallbacks (00:31:42 – 01:05:16)
Josh covers fine-tuning avatar scale and positioning, updating project names for consistency, and setting up fallback workflows if you need to swap voices or visuals mid-pipeline.
Avatar Replacement and Cataloging (00:31:42 – 00:34:06)
Pair your chosen voice with visuals by replacing the default avatar, browsing through the 21 “looks” in each category, using the snipping tool to capture promising thumbnails, and logging each candidate’s name and category in your tracking spreadsheet.
Avatar Testing and Video Formatting (00:34:07 – 00:36:24)
Brainstorm voice–visual combinations (e.g. “August”), select a portrait-mode avatar, preview the static image, upload any custom avatars into the pipeline, drag your source video beneath the avatar layer, and confirm the composition and framing.
Voice-Avatar Sync and Quality Comparison (00:36:24 – 00:37:39)
Generate audio samples to compare HeyGen vs. ElevenLabs quality, force-refresh the clip to confirm it’s using the intended voice (e.g. Ryan Kirk), and watch for the spinning indicator to verify successful render.
Preview Generation and File Labeling (00:38:10 – 00:39:11)
Render a 4K preview of the voice-avatar pairing, then label the export asset with your convention (e.g. 001_RyanKirk_CharlieAvatar) so each test remains organized and easily identifiable.
Pipeline Duplication for Variant Testing (00:39:11 – 00:41:15)
Duplicate the entire sequence to create “Test 002,” swap in a new avatar (such as Colton), explore lifestyle/UGC categories, and note how background removal and frame size affect the final look.
Background Removal and Frame Adjustments (00:41:15 – 00:42:32)
Apply the background-remover tool to avatars with built-in backgrounds, observe any cut-offs (like arms being cropped), tweak the canvas framing, and decide between static vs. transparent backgrounds based on brand needs.
Third-Party Voice Integration Workflow (00:42:32 – 00:44:03)
In the “My Voices” tab, toggle on integrated voices (e.g. Charlie), heart your favorites so they surface first, preview each sample, and ensure the API integration is active before proceeding.
Voice Audition Labeling and Mood Board Documentation (00:44:03 – 00:47:09)
Name each audition (e.g. 002_CharlieAvatar), update your mood board with snipped thumbnails, record which browser tab or category each came from, and keep this documentation up to date for reproducibility.
Frame Rate and Credit Management (00:47:09 – 00:48:06)
Note the default 25 fps setting—mismatches can cause audio sync issues—toggle off “Avatar 4” if you’re on an unlimited plan, and monitor your generation credits to avoid unexpected limits.
Styling and Folder Organization (00:48:06 – 00:49:29)
Adjust text overlay colors to maintain contrast (match your brand palette), create new folders for each batch, and standardize your output directory structure so you know exactly where each rendered clip lives.
Option Preview and Cataloging Workflow (00:49:30 – 00:55:51)
Refresh thumbnails, scroll through voice-avatar combos, assign option numbers, screenshot grids of candidates, and log each pairing’s status (“Yes,” “Maybe,” “No”) in your spreadsheet.
Iteration Process and Consistency Notes (00:55:51 – 00:57:23)
Always regenerate every variation (never reuse stale renders), note any limitations (e.g. animated text can cover on-screen elements), and keep your naming and documentation consistent so the pipeline remains bullet-proof.
Ranking Options and Visual Separators (00:57:24 – 01:02:40)
Introduce visual separators in your catalog (e.g. blank rows), rank the top voice-avatar combos, screenshot your “definite yes” list, and preserve those as templates for future batches.
Additional Voice Integration: Amelia (01:02:40 – 01:04:33)
Search for “Amelia” in your voice library, verify whether it’s built-in or needs third-party integration, add it to favorites, preview the sample, and record its ID for consistent reuse.
Final Voice Candidate Integration (01:04:33 – 01:05:16)
Confirm Amelia’s render, then search for any last candidates (e.g. “Analore”), heart and test them, catalog the results, and ensure each new voice is fully integrated into the pipeline.
Final Pipeline Recap and Scale Duplication (01:07:40 – 01:08:34)
Recap how you’ve selected your final set of voices and avatars, finalize your naming conventions, and highlight that you can now duplicate this entire automated workflow to churn out an endless library of on-brand social-media videos.
File and Media Manager
The File Manager demo showcases a powerful tool for efficiently organizing and managing files of various types, including images, PDFs, and ZIP archives. Users will learn how to mirror their local file structure on the server, upload files using drag-and-drop or the upload button, and seamlessly integrate these files into web content. The demo also highlights advanced features such as image editing capabilities, folder management options, and direct file insertion into pages, empowering users to streamline their content creation and file organization workflows.
Here are the key things you will be able to do after you watch this demo:
Organize files and folders efficiently using the File Manager
Mirror local file structure on the server using drag-and-drop
Integrate various file types (images, PDFs, ZIP files) into web pages
Create a hierarchical folder structure for long-term scalability and accessibility
Upload files to the server using drag-and-drop or the upload button
Insert images into web content using the File Manager integration
Add alternate descriptions to images for improved accessibility
Link files (PDFs, ZIP archives) for users to download
Edit images directly within the File Manager using advanced tools
Save frequently accessed folders as favorites for quicker navigation
Manage folders at scale, including renaming, downloading, and zipping
Directly insert files into web content using the Insert File button
File Manager Overview and Initial Setup (0:08)
Josh Lomelino introduces the File Manager component, emphasizing its power to organize files efficiently.
The File Manager allows users to mirror their local file structure on the server using drag-and-drop functionality.
Josh demonstrates the interface, showing various file types like images and PDFs that can be integrated into pages.
The File Manager is accessed through the CMS under Content Management, opening in a full-screen view for easy navigation.
Organizing Files and Folders (1:49)
Josh explains the importance of organizing files hierarchically for long-term accessibility and structure.
He creates a folder structure for assets, classes, and subfolders for headers and sliders.
Drag-and-drop functionality is used to upload images from the local file system to the server.
Josh advises against using spaces in folder names to avoid special characters in URLs.
Inserting and Managing Images (5:59)
Josh shows how to insert images into content pages using the Insert Image button.
The file structure in the File Manager is mirrored in the content management interface for easy file selection.
Drag-and-drop functionality is also available when editing content, making it flexible and efficient.
Josh emphasizes the importance of using alternate descriptions for images to improve accessibility.
Linking Files for Downloads (9:26)
Josh demonstrates how to link files for downloads, such as PDFs, by selecting text and inserting a link.
He suggests organizing files in high-level folders like classes or PDFs for better scalability.
The process involves browsing for the file in the File Manager and inserting the link into the content.
Josh highlights the importance of a clear folder structure to avoid reorganization later.
Handling ZIP Files (12:49)
Josh explains how to create and manage ZIP files using the File Manager.
He demonstrates compressing a collection of files and folders into a ZIP file on a PC.
The ZIP file can be uploaded and managed in the File Manager, with folders created for scalability.
Josh shows how to insert a link to the ZIP file in content pages, allowing users to download the file.
Advanced Image Editing Features (16:35)
Josh introduces the image editing tools available in the File Manager, including resizing, cropping, and adjusting brightness and contrast.
He demonstrates applying multiple operations to an image and saving the changes.
The File Manager supports various image editing features similar to Photoshop, making it easy to manage images without external software.
Josh highlights the ability to save favorites for frequently accessed folders to save time.
Advanced File Management Features (20:03)
Josh explains advanced options for managing folders, such as renaming, downloading, and zipping entire folders.
He demonstrates how to remove files or folders if needed.
The File Manager allows users to rename files and folders directly from the interface.
Josh mentions the Video Manager, which will be covered in another session, for managing video files at scale.
Inserting Files Directly into Content (21:34)
Josh introduces the Insert File button at the bottom of the toolbar for quickly inserting files into content.
This method allows users to place files without typing descriptive text first.
The inserted file name and link can be edited later for customization.
Josh emphasizes the flexibility of the File Manager in managing various file types and integrating them into content.
Keywords: Webcam,DSLR,setup,brightness,contrast,color,temperature,LUT,presets,image,quality,white,balancing,Logitech,software,post,production,Camtasia,Premiere,Pro,Lumetri,video,on-camera,performance
In this video, Josh provides a comprehensive guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
In this video, Josh provides a comprehensive guide to improving on-camera video quality using webcam settings and post-production techniques. Viewers will learn how to optimize their camera's brightness, contrast, and color settings through software applications like Logitech's control panel, and understand the importance of proper lighting and white balancing. The tutorial demonstrates how to fine-tune video appearance by adjusting settings, testing variations, and using LUT presets in editing software like Premiere Pro. By following these steps, content creators can produce professional-looking videos with consistent, high-quality visual performance.
Here are the key things you will be able to do after you watch this demo:
Calibrate webcam settings for optimal image quality
Adjust brightness and contrast using manufacturer-specific software
Perform white balance corrections using neutral objects
Identify and correct color temperature issues
Screenshot and test video settings across multiple devices
Apply LUT presets for consistent color grading
Use post-production tools like Premiere Pro for video enhancement
Create repeatable video quality settings for future productions
Troubleshoot common on-camera video performance problems
Compare and evaluate video quality against professional standards
Critical Considerations for On-Camera Video Performances 0:08
Josh Lomelino introduces the topic of critical considerations for on-camera video performances and video quality.
He emphasizes the importance of using either a webcam or a DSLR setup, each requiring different strategies but relying on the same basic principles.
Key settings like brightness, contrast, color, and temperature are highlighted as essential for managing video quality.
LUT presets are mentioned as a tool for applying color adjustments quickly and consistently in post-production.
Focus on Webcam Use Case 0:51
Josh Lomelino explains that he will primarily focus on the webcam use case, as it is likely the dominant form of production for most people.
He discusses the benefits of using specific software applications for webcams, such as Logitech, to manage image quality settings.
The Logitech settings control panel is used as an example to demonstrate managing all aspects of the image, starting with brightness adjustments.
Josh emphasizes the importance of setting up the environment and lighting properly to minimize ongoing adjustments.
White Balancing and Color Adjustments 2:28
Josh explains the process of white balancing, using neutral objects like teeth or a white piece of paper to calibrate the camera.
He advises adjusting brightness, contrast, and color settings, and suggests testing variations by screenshotting or recording short clips.
He shares a personal anecdote about a time when his video looked off due to incorrect white balancing, leading to concerns about his health.
The importance of locking in settings, screenshotting results, and storing them for future reference is emphasized.
Post-Production Adjustments 4:06
Josh discusses the use of post-production tools like Camtasia and Premiere Pro for making quick adjustments if the video still doesn't look right.
He mentions using LUT presets, either out of the box or custom ones, to enhance video quality in post-production.
Josh considers this a fallback plan rather than a primary method but acknowledges its effectiveness.
He introduces Lumetri color in Premiere Pro as an advanced tool for achieving high-quality, polished video quickly and efficiently.
Comparing Video Quality and Final Thoughts 5:00
Josh highlights the importance of being mindful of all aspects of video quality to compare content side by side with others.
He emphasizes the goal of producing excellent on-camera performances with outstanding video quality.
Josh concludes the video by mentioning that he will see the audience in the next video.
There are no Main Site search results.