Wednesday, September 30, 2020

5 Top Mental Health Promotion Video Templates for After Effects

5 Top Mental Health Promotion Video Templates for After Effects

Everyone experience struggles with mental health and depression, or knows someone who does. In this article, we take a look at top video templates for Adobe After Effects to help you create mental health awareness videos.

Top Video Templates for Mental Health Promotion

Each of these templates for After Effects is available with the unlimited-download Envato Elements membership.

1. Lost in Thoughts - Slow Minimal Slideshow

Lost in Thoughts allows you to share both still images and videos in a slow, elegant slideshow. Perfect for reflection, all you need to do is drop in your own content. The expertly-designed template does the rest.

 

2. Hope

Sharing your thoughts and feelings can help you cope - and it can benefit others by helping them realize they aren’t alone. Hope is a slideshow meant for that express purpose. With photo and text placeholders, you can quickly share your perspective with others.

 

3. Memory Sketch

Memory Sketch is a stylish way to share past experiences in an intimate, comforting way. It transfers any image into a beautiful, hand-drawn creation. You don’t need any artistic skills to make it happen; the powerful template takes care of the drawing work.

 

4. Medicine and Healthcare Thin Line Icons

This handy set of animated drawings lets you add tasteful pictograms and icons to your videos quickly, with a consistent style.

 

5. The Brain Logo Ident

Lights sparkle and dance in this brain-themed animation and logo reveal. Neat!

 

Envato Elements for Video Templates

Who wants to spend forever making a video from scratch? That’s where pre-built templates like the ones we just saw come in.

Envato Elements video template
Use Envato Elements to produce video content with less work than ever.

You’ll find all of these, and many more, on Envato Elements. Elements is an all-you-can-download service for creatives. For a flat monthly rate, you’ll have full access to try out as many templates as you want.

More Ways to Promote Health With Envato Tuts+


How To Add a Logo to Videos in Final Cut Pro X (Quick and Easy Basic Method)

How To Add a Logo to Videos in Final Cut Pro X (Quick and Easy Basic Method)

Thankfully, adding a logo to your project is a pretty easy process with Final Cut Pro X.

1. Add Your Logo to the Timeline

First, open up your project in Final Cut.

Now locate the logo file on your computer: it will probably be a .png or .jpg file. From the Finder, click and drag the file into Final Cut and drop it above your main clip on your timeline. Place your image file where you’d like the logo to start.

2. Style

You’ll notice during the playback your logo will take up the entire frame and only for a short amount of time. Unless that’s look you are going for, here is a how to get your logo looking the way you want.

First let's resize your logo. Select the Transform function located at the far left underneath the playback viewer. There are three options; Transform, Crop, and Distort. The option you’ll need to use is Transform. Once you click Transform you’ll be able to see an adjustment box where you can both position and scale your logo until its exactly how you’d like it to be. Once that’s done you’ll be able to finish up the action by selecting Done, located at the top right hand side of the playback viewer.

  1. Select Transform.
  2. Use the Adjustment box to scale and place your logo where you’d like it.
  3. Finish up by click Done. If you’d like to try again click reset.
  4. Adjust the duration by clicking on your logo by visually extending the logo on your timeline.

Transparency Effects

A common addition to a logo is adjusting the transparency of your image. Doing this is really easy and it has a nice look to it.

  1. Select the logo
  2. Click on the video icon. See figure.
  3. Use the menu in Blend Mode to select your preference.
  4. Use Opacity to adjust the the transparency to your taste.

Try Out Logo Templates for Final Cut Pro

If you are looking for something dynamic to add your logo, Envato Elements has a great selection of logo stings for Final Cut Pro.  Here are a few that I enjoy:

Elegant Corporate Logo

 

Simple Shapes

 

That’s it!

Thanks for checking out this tutorial and make sure to check all the great tools and templates Envato has to offer.


15 Best Flutter Mobile App Templates for Communication

15 Best Flutter Mobile App Templates for Communication

Do you want to build and deploy fast, beautiful social media or communication apps for both Android and iOS? 

Then you should consider creating a Flutter app. Using Flutter, you can write apps for both Android and iOS using a single codebase. And a Flutter app template makes it easy to get started.

What Is Flutter? 

Flutter allows developers to build  beautiful, natively compiled apps from a single codebase for both Android and iOS.

Flutter is now one of the most popular frameworks for developing cross-platform mobile apps. In addition to being a first-class platform for Material Design, developers consider it to be a great alternative to popular cross-platform frameworks like React Native, Ionic, and so on.

Flutter widgets abstract all critical platform differences such as scrolling, navigation, icons, and fonts to provide full native performance on both iOS and Android.

On CodeCanyon, you will find all the tools you need to start building your app with Flutter. With a Flutter app templates, all the coding has been done beforehand, you just need to concentrate on what makes your app unique. 

TikStar

Best Flutter App Templates for Communication

Communication apps have become crucial in today's world. On CodeCanyon you will find templates that will help you build apps that meet every communication needs. 

Here are some of the best-selling Flutter mobile app templates to download on CodeCanyon for 2020.

Bestselling Flutter Mobile App Templates on CodeCanyon


15 Best Flutter Mobile App Templates for Communication

Let us have a look at some of the best Flutter mobile app templates for communication available on CodeCanyon.

I have divided them into the following categories: social media apps, video conferencing apps, dating apps, chat apps, and news apps. 

Flutter Social Media App Templates 

1. Trending: TikStar—TikTok Clone App UI in Flutter UI Template 

TikStar

TikStar is a TikTok clone and short video streaming mobile app UI template. TikStar was developed using Flutter. That means that the UI is compatible for both Android and iOS. 

This social media Flutter mobile app has clean, well-formatted code that is easy to understand.

Features you will find in this amazing app include:

  • login, signup, and forgot password screens
  • login with phone number screen 
  • OTP verification screen 
  • carousel slider
  • animation

2. QVid—TikTok Clone App Flutter Template 

QVid - TikTok Clone App Flutter Template

Qvid is a social media video app for creating and sharing quick short personal, musical, comedy, and talent videos. This awesome looking social media Flutter mobile app comes with over 30 screens to choose from. It is easy to customize and reskin. 

As a TikTok clone Flutter app template, it can also be used to build clones that closely resemble other popular apps.

3. Flutter Storyteller—Social Media Platform 

Flutter Storyteller - Social Media Platform

Flutter Storyteller is a social media platform Flutter template which can help you build your own social app. It has a beautiful UI that is easy to customize thanks to the clean and reliable code of this Flutter social app.  

Built using Flutter and with Laravel on the back-end, it comes with full, easy-to-use, step-by-step documentation.

4. HeyP—Flutter Social App 

HeyP Flutter Social App

HeyP is an elegant Flutter social app that to helps uses connect with family and friends. 

It comes with more than 16 screens and 40 widgets to help you customize your app. 

The back-end is based on Node.js, and uses Firebase for push notifications. The same code is used for both iOS and Android.

Flutter Video Conferencing App Templates

5. MeetAir—Video Conferencing App for Live Classes 

MeetAir - Video Conferencing App for Live Classes etc

MeetAir is complete video meeting system that you can use to start your online meeting platform. You can use it for: video meetings, live classes, webinar, online training, web conferences, and more. It has a powerful admin panel to manage meetings, history, notification, analytics, and app configuration. 

Using this Flutter app template you can build your own web, Android, and iOS video conference apps. No coding is required to use this video conferencing Flutter app template. 

Other impressive features include:

  • lock-protected rooms to control access to your conferences with a password
  • schedule and add the meeting to your calendar.
  • chat and message with your team during meetings
  • high quality audio and video delivered with the clarity and richness of Opus and VP8

6. AeroMeet—Flutter Video Conference

AeroMeet - Flutter Video Conference One-on-One Chat App

AeroMeet is an online meeting platform to manage video conferences, live classes, meetings, webinars, and online training. It uses Agora SDK which is very popular for video calling and is a fast growing platform. 

Some features of this highly configurable platform include:

  • secure and encrypted call.
  • host and join meeting from mobile.
  • mandatory login enable/disable.
  • unauthorized meeting ID protection.
  • meetings history

7. Connect—Video Conferencing App

Connect is a secure video conference platform where anyone can create an account and get connected to their loved ones without worrying of data theft.

This Flutter video conference app supports up to 70 people in a single conference call. You can create meetings with extra secure passcodes provided by Google. In addition, you can receive feedback from users on your desired email account. 

Flutter Chat App Templates 

8. Flutter Firebase Chat

Flutter Firebase Chat

Flutter Firebase Chat is a real time chatting app with video calling support based on Flutter, Firebase, and Agora.io. This Flutter chat mobile app template integrates a chat functionality into any existing Flutter app. Also you can easily customize and refine it for yourself, since it uses the BLoC pattern.

Main features of this app include:

  • one-to-one chat and video calls via Agora.io
  • group chat
  • image sharing
  • email authentication

9. Flutter Chat App With Node and MongoDB 

This Flutter chat app is a versatile mobile chat system developed in the Dart language using Node.js for the back-end.

Admin accounts can delete posts and comments. They can also add and delete public chat rooms. Users can search for other users using email, read messages, and send text or images. 

This app template comes with full Flutter source code, full Node.js back-end code, and extensive documentation including screenshots. 

10. FlutterFire Social: Chat and Messenger

FlutterFire Social is a fully functional Flutter social messenger app with a Firebase back-end, You can post, like, comment and chat with people and more.

Other features include:

  • Firebase email authentication
  • realtime chat with online users
  • a group chat system including the ability to create and edit groups
  • admins can post, edit and delete
  • block and unblock users

Flutter Dating App Templates 

11. Hookup4U—Complete Flutter Dating App

Hookup4U is a complete Flutter dating app template. Admins can change usernames and passwords, and have a detailed user viewer to search users, block users, and more. In addition, admins can create packages that include free and paid subscriptions.

Other features include: 

  • authentication with Facebook and phone number (OTP based)
  • settings for profile visibility
  • like or unlike other profile pics based on settings 
  • show matches 
  • one-to-one text chat 
  • one-on-one audio and video chat (Agora based) 

12. Hookup4U—Tinderlike Flutter Dating UI kit

Hookup4u is a hybrid mobile dating app template in Flutter. It has all the UI you will find in a regular dating app. You can use this Flutter app template to create a fully functional dating app. 

Some screens you will find in this UI kit include:

  • welcome
  • splash screen
  • login using Facebook and phone 
  • verify OTP

Flutter News App Templates

13. Deco News Flutter App for WordPress 

DecoNews

News apps are very popular but not everybody has the time and resources to build their own news app from scratch. 

The Deco News Flutter Mobile App for WordPress converts your WordPress website into a native app that delivers news content on both Android and iOS. 

14. FluxNews—Flutter Mobile App for WordPress

FluxNews is an app converts your Wordpress website into a mobile true native app with customized contents. No coding skill is required. It comes with a very clean design that is easy to customize. You can build your own app by using over 50 resuable widgets.  

FluxNews maximizes your customer’s experience and usability through UX flow in both Android and iOS. 

Additional features include:

  • offline images caching to speed up the loading performance 
  • instant synchronization for smooth data update without downtime
  • support social login, SMS login by Facebook

15. News Hour—Flutter News App with Admin Panel 

News Hour - Flutter News App with Admin Panel

News Hour is complete news app with admin panel that is developed in Flutter. 

It comes beautiful interactive user interface. There are 40 screen layouts to choose from. It has animation on every screen, making it one of the most user-friendly Flutter news app templates. 

Users can login using Google and Facebook, search news categories, bookmark content, and also leave comments. 

Build Your Flutter Mobile App Now! 

A complete app developed from scratch will have a lot of components, screens, and functionality representing many hundreds or thousands of hours of developer time. That's a lot of time and effort on your part! The Flutter mobile apps templates available on CodeCanyon will shortcut this process and greatly save on development cost.

Bestselling Flutter Mobile App Templates on CodeCanyon

Google Flutter From Scratch Series

If you want to get started coding apps with Flutter, check out the Google Flutter From Scratch series on Envato Tuts+: 

And if you want even more Flutter app templates, check out my other post here on Envato Tuts+.





How to Change White Balance in Photos With Adobe Camera Raw (Post-Process Basics)

How to Change White Balance in Photos With Adobe Camera Raw (Post-Process Basics)

What is White Balance?

In a nutshell, white balance changes colour of the white tones in your photograph so that they appear white. This can often change the ‘temperature’ of your whole photograph, shifting it towards cooler blues or warmer yellow tones. This temperature scale is known as the Kelvin scale, and you can learn more about it in Ben Lucas’ in depth article, Hot Pictures: Better White Balance With the Kelvin System.

Quite often, an auto white balance set on your camera will work out fine. But if there’s something to skew your colours, like fluorescent or tungsten lights for example, or you’re pushing your image creatively, then you might want to make adjustments to offset this. 

As well as choosing from white balance options within your camera settings (including the ability to choose manually from the Kelvin scale) you can also make adjustments while post-processing.

We’ll take a look at how you can do that in Adobe Camera Raw, here.

Adjusting White Balance in ACR

I'm going to demonstrate with this unprocessed image as it’s quite well exposed already but has definite areas of highlight and shadow, and larges blocks of colour so you can more easily see changes to the white balance.

example image marie gardiner
An unprocessed image—Marie Gardiner

Open your image in Camera Raw: drag it into your linked editing program like Photoshop or use ‘open with’ on the image after a right-click.

image demo in ACR
Image demo opened in ACR

White Balance Presets

If you’ve shot in a compressed format, like JPEG, the only preset options you’ll have under White Balance are Auto or Custom. If you’ve shot in RAW, you’ll have similar options to those on your DSLR. I’ve done a quick demo of each so you can see the effects, first, Auto:

auto white balance

And here are each of the other options:

From top left to bottom right: Cloudy, Daylight, Flash, Fluorescent, Shade and Tungsten.

You can see each either warms or cools the image down to varying degrees. Their names are indicative of what’s being offset, so for example both Cloudy and Shade will be assuming darker, greyer days and so shift towards warmer tones.

Custom White Balance

You can choose a custom white balance in two ways. Either drag the Temperature slider along the (Kelvin) scale until you get the desired effect, or use the colour dropper tool on the top toolbar to select the colour you want the software to recognise as white or neutral. 

In my example image, if I was to click on the light part of the clouds – which are my closest ‘white’ – then the temperature won’t shift much.

colour dropper on cloud

The idea is the software picks the opposite colour on the spectrum from the one you’ve chosen in order to make a balance. We can see that more clearly if I click on the green grass as my neutral:

grass used as neutral colour

You can see there’s a definite shift to purple. If I clicked on the blue sky, we’d get a shift to yellow/orange, and so on.

Understanding Your Histogram

While you don’t need to be able to read a histogram to adjust your white balance, you can get a better understanding of the whole picture by doing that, so it’s worth touching on here. In ACR you’ll see your histogram in the top right corner.

histogram in ACR
Histogram in ACR

A histogram – the graphical representation of tonal values in your photo – might look complicated, but once you know what it is you’re looking at, they’re really easy to read at a glance – and very useful!

In your mind, if you split your histogram into three sections vertically, the furthest to the left are your shadows, the middle your midtones, and the right your highlights. How the information is displayed in those sections can tell you at a glance, without even seeing an image, how the exposure will be on a photograph.

Looking at my histogram, you can see the information is fairly nicely spread across the whole graph, but with most of the data grouped into the shadows and midtones section. We know that’s right if we look at the image – the photograph has few true highlights, just a few clouds. If we saw a large peak at either end of the image, we'd know that was a photograph with high contrast—dark shadows and bright highlights. Information mostly grouped to the middle would be quite a flat, or low contrast image.

If information is peaking too high (and in danger of clipping) at either end of the graph, then you might have an under or over exposure problem. On my histogram you can see one small peak at the far left.

Clipping Visualizations

As I have Clipping Warning turned on, ACR draws my attention to overexposure with red shading, and underexposure with blue shading. The peak to the left corresponds to the blue area we can see shaded on the image.

clipping warning

As a better example, if I drag the Exposure slider up so that everything is too bright, this is the result:

highlight clipping

You can see from the histogram that the information on the graph has shifted right, towards the highlights and now large sections of the image are shaded red to tell me there’s a loss of information there – they’re just solid colour rather than genuine information.

Adjusting the shaded parts by sliding the Highlights and/or Shadows sliders will let you adjust this, but only so far as the information that was collected when you shot – so again, if your output is a compressed format, you’ll have less to play with than if you shoot in RAW format. Of course, it’s always best to get it as right as you can in camera.

Now you know how the exposure is distributed across the histogram, you can look at the colours (channels). They're displayed as RGB, with yellow, magenta and cyan appearing where they overlap and grey where all three (RGB) overlap.

histogram

Here's the histogram again. Looking back at my example image, it’s easy to see which channels are primarily making up the photo, where they’re placed and if they're close to being clipped.

If we look at the sky, it’s pretty obvious it’s blue. We know it’s also in the lighter part of the image, so we can ascertain from that that the blue showing to the right of the histogram is representing the information in the sky.

If I flip across the menu to the fourth option along, HSL (Hue, Saturation, Luminance) Adjustments, and choose Saturation, and lower the blue slider until it’s at -100, that would take all of the colour out of the sky, and we’d be able to see that reflected in the histogram on the far right—most of the blue is now in the shadows and has gone from the highlights (though remain in the cooler tones of the grass towards the left/shadows).

histogram no blue sky

It’s an extreme example that you’d likely never want to replicate, but it’s useful to demonstrate how to read the information in a histogram and how changes you make, might illustrate. You can use the histogram to inform changes you make to your photo. For example, a picture with rich and smooth colours would have pixels distributed across each 'section' of brightness with a gentle fluctuation rather than jagged peaks. 

In Summary

While it’s always best to try and get everything right in camera, it’s not always possible, or we can change our minds later and want something a little different. Adjusting the white balance in Adobe Camera Raw gives you plenty of options, whether that’s ridding yourself of an accidental colour cast, or just making small tweaks to get the look you’re after.

For most images, ‘auto’ will usually do just fine, with the occasional adjustment using the dropper or slider for a more refined result. Keep an eye on your histogram to help you understand what it is you’re doing when you manipulate the information available in your image, and remember, you can only move around information that has been captured, as soon as you start to push things too far in one direction or another, ACR and your histogram will certainly let you know about it.

If you'd like to learn more, and see some processing in action you can check out this video. It's for an older version of ACR, but everything still works the same way:

Check Out Video Resources From Envato

Read the Envato Video Marketing Guide

Boost your video marketing skills with our comprehensive guide: You'll learn video marketing from start to finish, so that whether you're a novice or a pro, you'll learn some useful skills that will improve your next video.

Download Free Video, Free Music, and Free Motion Graphics Templates From Mixkit

Check out Mixkit for free stock videosfree stock music, and free templates for Adobe Premiere Pro. Yes, free!

Make a Motion Graphics Video Online With PlaceIt

You don't need professional software to create visually-appealing videos, you can make them right in your browser: PlaceIt is an online service with a video maker uses professionally-designed motion graphics templates.

Envato Elements: Unlimited Downloads

Envato Elements offers millions of stock items: photosmusicvideo clipsfonts, graphics templates of all sorts, video project templates for After EffectsPremiere ProFinal Cut Pro and Motion, and creative courses from Envato Tuts+, all with a single subscription.

More Great Resources