Creating broadcast safe graphics with Gimp

I have been writing posts about Roku Development. An important point to consider while developing the applications is to use Broadcast safe graphics. There is difference in the way TVs and a Monitor display colors. RGB values less than 16 appear too dark  and those above 235 appear blown out in TV Screen.
For a Roku channel we usually need the following basic artworks:
a. Channel Store HD artwork: 290px (W) x 218px (H)
b. Channel Store SD artwork: 214px (W) x 144px (H)
c. Home Screen Focus HD: 335px (W) x 210px (H)
d. Home Screen Focus SD: 248px (W) x 140px (H)
e. Home Screen Side HD: 108px (W) x 69px (H)
f. Home Screen Side SD: 80px (W) x 46px (H)

The images can be adjusted in Photoshop from the dropdown menu: Image->Adjustments->Levels and setting the output level to 16-235.
In Gimp, you can go to Colors-> Levels to set the output level.

Also if you are using lines, make sure the lines are atleast 2 pixels wide. Avoid using contract colours next to each other. Cool colors like blues, purples, grey do very well with TVs. 

Comments

Post a Comment

Popular posts from this blog

Automate file upload in Selenium IDE

Image
Selenium IDE is an integrated development environment for Selenium tests. It records your interactions with websites to help you generate and maintain site automation, tests, and remove the need to manually step through repetitive tasks. Selenium IDE can be installed in Google Chrome from  here . For Firefox visit this  link . File upload in Selenium IDE cannot be automated simply by recording from the IDE. Because when we select the file input field, the dialog that opens up is a system window which cannot be controlled by Selenium IDE. Therefore, clicking the input file field to select a file will not work. Also the selected file path is changed to C:\fakepath\filename.extension. So to fix this issue, we need to configure the browser to support file upload and then instead of clicking the input field we set the file using ‘type’ selenium command which is shown below. First, to support file upload in Selenium IDE, configure your browser to support file upload: Visit ‘chrome://
Read more

How To Install and Configure Nextcloud

Image
  Original post: https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-nextcloud-on-ubuntu-20-04 Step 1 – Installing Nextcloud We will be installing Nextcloud using the  Snap  packaging system. This packaging system, available on Ubuntu 20.04 by default, allows organizations to ship software, along with all associated dependencies and configuration, in a self-contained unit with automatic updates. This means that instead of installing and configuring a web and database server and then configuring the Nextcloud app to run on it, we can install the  snap  package which handles the underlying systems automatically. To download the Nextcloud snap package and install it on the system, type: sudo snap install nextcloud Copy The Nextcloud package will be downloaded and installed on your server. You can confirm that the installation process was successful by listing the changes associated with the snap: snap changes nextcloud Copy Output ID Status Spawn
Read more