How to Create Professional Button Templates

By Duncan Ritchie

17-August-2021 on Tips

9 minute read

Do you want to create professional looking Nacsport button templates? Of course you do...and we’re here to help!

 

In this article, with the aid of 5 tutorial videos, we’ll walk you through the steps for creating organized, aesthetically pleasing templates.

 

Let’s get started…

The Importance of a Good Template

 

We’ve already written a lot about the button templates in this blog. And this is logical...a good template is the very foundation of a good analysis. Without a well thought out template, the rest of the process will be seriously compromised.

 

However, despite the thousands of words we’ve already dedicated to this subject, we still feel there is more that we can add. Afterall, we’re talking about a completely blank page...something which can be designed and adapted to your own specifications. This can be a daunting prospect, not only for beginners, but for video analysis veterans too.

 

So, we’ll continue to help you in any way we can. We’ve already got blogs, video tutorials, resources, Official Nacsport Courses and more to impart this information. The majority of this content is designed to show you how to use and navigate the template environment to get the most out of the software but in this article, we’re going to go one step further and show you how to design your template.

 

 

You’ll see how to organize your buttons, make good use of color and fonts, how to create pitch and player graphics and, in general, how to make a template to be proud of.

 

These 5 videos have been produced in tandem with the Nacsport design team and, as you’ll see, you’ll get a designers-eye view of how to create beautiful templates.

 

We’ll cover:

 

•    How to quickly align buttons in rows and columns.

•    How to create uniform-shaped buttons for each player in the team.

•    How to design a field-of-play button.

•    How to best utilize button shapes.

•    How to create complementary color palettes.

 

So, without further ado, let’s watch the first video...

 

Video 1: How to Align Your Buttons

 

The first video in the series will show you how to perfectly organize your buttons in rows and columns. You’ll be surprised at how such a small tip can instantly improve the look of your template. Learn about:

 

•    Grid references. Accessed in the “Window” tab, the grid allows you to precisely position your buttons. Using the “Adjust Button to Line” option snaps the button to any point in the grid.

 

•    Reference buttons. Use one button as a reference for aligning the rest of your buttons in a column.

 
•    Position and size values. At the bottom of the “Button” tab, the position and size of each button can be manually inputted for maximum precision.

 
•    Mouse and keyboard shortcuts. Using mouse and keyboard combinations allows you to move your buttons horizontally and vertically without dragging and dropping. This is much more precise.

 

 

Video 2: How to Create Uniform-Shaped Buttons

 

In the second video, we’ll show you how to create buttons in the shape of a uniform which can represent each player in your team. To do this, we’ll use some free third-party tools to help us achieve this effect. You'll learn about:

 

•      Dafont.com. A website for downloading free fonts. Here you can find hundreds of different fonts for creating the perfect aesthetic for our shirts.


•      Boxy-svg.com. An online design tool for working with SVG (vector) files. You can create your own shirts or use the ones we provide. We’ll send the SVG file used in the video if you need it. Drop us a line at media@nacsport.com and we’ll get it to you. From here changing the colors to that of your own team is simple.


•      “Nicknames” to keep your template tidy. Using this option will allow you to assign a number instead of a name to your button. However, the player’s name will still appear later in the timeline.

 

 

Video 3: How to Design Field-of-Play Buttons

 

As we reach the half-way point, we’ll show you how to create a graphic representation of the field of play, whether it’s a football field, basketball court or any other playing surface. This is an excellent alternative to graphic descriptors in Basic+.

 

In short, we download an image of the field and, using a free photo editor called Pixlr, divide it up into as many sections as we need.

 

We then paste these images onto buttons in our template and assign each a name, e.g. first third, right midfield, left wing, etc. The number of sections and their names is entirely up to you.

 

We’ll be clicking areas of the field and these will appear in your descriptor data on the timeline.

 

 

Video 4: How to Use Button Shapes

 

Did you know that Nacsport allows you to use several different shapes? We’re well used to seeing rectangular buttons, but there are other options too.

 

Our design team has recommended that we focus on two different shapes here:

 

   Rectangles with rounded corners. Much more pleasing to the eye than simple rectangles, they also give the button a more clickable feel.

 

   Hexagons. Aesthetically, these are very attractive buttons which, additionally allow us to create honeycomb shapes, saving a lot of space on the template.

 

 

Video 5: Colors, Fonts and Headers

 

The last tutorial in the series is also the longest. Bursting with hints and tips on how to use various fonts, colors and inactive buttons to bring your template together and make it look fantastic.

 

We show you how to use Coolors.com, a free online design tool for creating eye-catching color combinations to increase the usability of your template.

 

A carefully selected color scheme allows for better organization and makes your template attractive to the eye. You’ll learn how to use hexadecimal codes for creating uniform colors and to choose an appropriate text color for maximum contrast. 

 

 

Free Template

 

And so ends our tips for aesthetically pleasing templates. Feel free to use any of these tips to adapt your own templates and make them look more professional.

 

On the other hand, if you’d like to use the template we’ve created throughout this series, we’d love for you to have it. Download it directly from this page. You can then import it to Nacsport and adapt and manipulate it to your own needs.

 

Before we end, we’d like to hear your thoughts on this series. Has it been useful to you? Do you think it will help you improve your own analysis work? Do you have any other template creation tips for our community of analysts? Get in touch with us through the same email address above or through any of our social media channels.

 

Until then, thanks for reading!

You may also be interested in these...

How to Analyze an Opponent for the Second Game of the Season

24-09-2021 Written by Sergio Almenara
6 minute read Read more...

The Analyst’s Bookshelf: 10 Performance Analysis Books

29-06-2021 Written by Duncan Ritchie
11 minute read Read more...

Share this

Did you enjoy this article?

Subscribe to our newsletter and receive a monthly compilation of articles, interviews and Nacsport tips for video analysis.

Thanks for subscribing to our newsletter!

Once a month, we'll send a compendium of our best articles, interview and advice, straight to your inbox. Enjoy!

X
×

Are you enjoying this article?

Subscribe to our newsletter and receive a monthly compilation of articles, interviews and Nacsport tips for video analysis.

Thanks for subscribing to our newsletter!

Once a month, we'll send a compendium of our best articles, interview and advice, straight to your inbox. Enjoy!

Cookies are small text files that are placed on your computer when you visit our website.
They are used to save your activity history in our website so when you visit it again, we can identify you and configure the content based on your navigation habits, your identity and preferences. Cookies can be accepted, rejected, blocked and deleted. You can do this in the following options available in this window or by configuring your browser.
Further info in the Cookies Policy of this website.