{"id":3200,"date":"2018-09-28T00:05:23","date_gmt":"2018-09-28T00:05:23","guid":{"rendered":"https:\/\/www.getfpv.com\/learn\/?p=3200"},"modified":"2018-09-28T08:56:49","modified_gmt":"2018-09-28T08:56:49","slug":"custom-fpv-logo","status":"publish","type":"post","link":"https:\/\/www.getfpv.com\/learn\/fpv-build-logs-and-guides\/custom-fpv-logo\/","title":{"rendered":"Custom FPV Logo for Betaflight OSD and Rapidfire"},"content":{"rendered":"

A custom FPV logo on your OSD and Rapidfire module are an excellent way of customizing your gear. In this guide, I will show you how to convert and upload your custom FPV logo to your Rapidfire and OSD. If you are considering a Rapidfire module, you can read Josh\u2019s review here<\/a>. To demonstrate the process, I will use be using the GetFPV logo. Let’s get into it![vc_column_text]<\/p>\n

Step 1: Image Format<\/h2>\n

First, the image format for the Rapidfire is a black and white image. The black in the image represents disabled pixels and the white represents enabled pixels. The finished custom FPV logo for Rapidfire should look something like this:[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3204″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]The image format for Betaflight OSD is a black and white image where the background is green to represent transparency. The finished custom FPV logo for Betaflight OSD should look something like this:[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3203″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]Note that both custom FPV logos work in RGB 256 colours. Black is R:255, G:255, B:255. White is R:0, G:0, B:0. Green is R:0, G:255, B:0.[\/vc_column_text][vc_column_text]<\/p>\n

Step 2: Software<\/h2>\n

Next, to create your custom FPV logo, the easiest free software to use is Microsoft Paint. Sometimes the simplest solutions are the most effective.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3207″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

Step 3: Creating a Custom FPV Logo<\/h2>\n

If you do not have a logo, you can go ahead and draw one. Just make sure to draw it in black and white. To help, I would recommend changing Paint into black and white by changing its color under the properties menu. Don\u2019t worry about the canvas size just yet as we will later downscale your logo. If you already have a custom FPV logo, you can move on to the next step.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3209″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

Step 4: Importing a Custom FPV Logo<\/h2>\n

Next, open your existing or new custom FPV logo and save it as a new image file.[\/vc_column_text][vc_column_text]<\/p>\n

Step 5: Sizing Your Custom FPV Logo<\/h2>\n

The Rapidfire has a resolution of 128×64 and the Betaflight OSD logo has a resolution of 288×72 pixels. You should therefore set the canvas sizes accordingly.<\/p>\n

To set your canvas size, select \u2018resize\u2019 on the toolbar and change the units to pixels. Make sure to select \u2018maintain aspect ratio\u2019 otherwise your logo will look squashed. Enter either the horizontal or vertical pixels. This will change the other pixel size to keep the image aspect ratio constant.<\/p>\n

If, for example, entered a horizontal pixel size of 288 pixels and the vertical pixel size changes to over 72 pixels, change the vertical pixel size to 72 and click \u2018ok\u2019. If you are creating a Rapidfire logo, repeat this but using the 128×64 pixel sizes.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3210″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]Now, either your horizontal or vertical pixel size will be correct. You can view your canvas size on the bottom of the Paint window.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3208″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]By dragging the small white boxes next to your custom FPV logo, crop your logo down to the target resolution of either 128×64 or 288×72. Your canvas size is now fully set.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3206″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

Step 6: Converting the Image to Black and White<\/h2>\n

As demonstrated in step 3, change the color in the Paint properties window to \u2018black and white\u2019. Even if your image is in black and white or includes black and white text, this step ensures that the image truly is black and white.<\/p>\n

If you are creating a Rapidfire logo, consider inverting the colors before setting the picture to black and white as only the white in the picture will be displayed. This can be done using the fill bucket tool and coloring the black segments red, the white segments black and then turning the red segments white.<\/p>\n

If you are creating a Betaflight OSD logo, revert the image color to \u2018color\u2019 in the properties menu after changing it to black and white.[\/vc_column_text][vc_column_text]<\/p>\n

Step 7: Final Touches<\/h2>\n

Lastly, to finalize the Betaflight OSD logo, click \u2018edit colors\u2019 and enter: 0, 255, 0 in the red, green, blue color boxes respectively (pictured below). Click \u2018ok\u2019 and select the fill bucket. Color your background green and save the image. Your custom FPV logo for Betaflight OSD is now finished![\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3205″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]To finalise the Rapidfire logo, save your image as a BMP file and you are done.[\/vc_column_text][vc_column_text]<\/p>\n

Step 8: Uploading the Logos<\/h2>\n

To upload the Betaflight OSD logo, navigate to the OSD tab of Betaflight and select the \u2018font manager\u2019 at the bottom right of the configurator. Select your custom image and click \u2018upload font\u2019. Note how my logo has green check boxes for being the correct size and colors. Verify that the font has installed by powering up your drone whilst unplugged from the computer and looking through your FPV goggles.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3211″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]To upload the Rapidfire OSD logo, download and open the Rapidfire updater which can be downloaded here <\/a>under the firmware\/downloads tab at the bottom. Click on \u2018load bitmap\u2019 and select yout custom FPV logo. Now, press and hold the Rapidfire\u2019s joystick whilst pugging it into the computer. Select its COM port and click on \u2018flash firmware\u2019. When the module reboots, your logo should appear.[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_single_image image=”3212″ img_size=”full” alignment=”center” onclick=”link_image”][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_column_text]<\/p>\n

Final Word<\/h2>\n

Congratulations, you have now created and installed your very own custom FPV logo. Now take your gear down to your local club and show off your new logos. If you want to show your support for GetFPV, however, feel free to download and upload the custom GetFPV logos in step 18<\/p>\n","protected":false},"excerpt":{"rendered":"

A custom FPV logo on your OSD and Rapidfire module are an excellent way of customizing your gear. In this guide, I will show you how to convert and upload your custom FPV logo to your Rapidfire and OSD. If you are considering a Rapidfire module, you can read Josh\u2019s review here. To demonstrate the … Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":3304,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[139,255],"tags":[2223,2025,3993,3994,421,418,3990,3161,3163,3992,3991],"class_list":["post-3200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fpv-build-logs-and-guides","category-fpv-diy-repairs-and-mods","tag-betaflight","tag-betaflight-osd","tag-betaflight-osd-logo","tag-costom-fpv-logo","tag-drone","tag-drone-racing","tag-fpv-osd","tag-immersionrc-rapidfire","tag-rapidfire","tag-rapidfire-splash-screen","tag-rapidfire-splashscreen","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/posts\/3200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/comments?post=3200"}],"version-history":[{"count":11,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/posts\/3200\/revisions"}],"predecessor-version":[{"id":3345,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/posts\/3200\/revisions\/3345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/media\/3304"}],"wp:attachment":[{"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/media?parent=3200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/categories?post=3200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.getfpv.com\/learn\/wp-json\/wp\/v2\/tags?post=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}