Method to Design a Unique Backsplash Banner for Your Rumble Channel in Easy Steps for Free using Microsoft Designer

Creating a Rumble backslash banner using this simple method follows the same steps in any photo editing tool, whether it's Photoshop, Affinity Designer, Picsart, Fotor, CyberLink PhotoDirector, or Canva.

However, today I will use Microsoft Designer, an excellent online browser-based photo editor that is completely free to use.

Easy Steps for Designing a Rumble Backsplash

To design a Rumble backsplash, start by opening this URL of Microsoft Designer in a web browser like Google Chrome or Microsoft Edge.

Easy Steps to Design a Unique Custom Backsplash Banner for Your Rumble.com Channel Using a Free Online Design Software - Microsoft Designer

Download Template Photos for Proper Sizing

Before proceeding, visit this page on the Dozro website.

On that page, the black area in each template photo shows the safe zone for Rumble's backsplash on computers and mobile phone devices.

Right-click and download the two template photos which will help us to create Rumble backsplash in perfect dimensions.

Select Recommended Dimensions for Rumbleโ€™s Backsplash in Microsoft Designer

Return to Microsoft Designer.

Start with a Blank Design. Choose the option of Custom Size.

Set the width to 3600 pixels and the height to 600 pixels as recommended by Rumble for a backsplash dimensions.

Hit on the 'Create' button.

Design Custom Backsplash for Rumble Channel

You can apply your preferred text, and other visuals on your Rumble backsplash. For a detailed guide on how to use Microsoft Designer, or check out a tutorial video on Dozro's YouTube channel.

Watch the video to see the Rumble backsplash banner I designed entirely using Microsoft Designer.

๐Ÿ‘‰๏ธ You can also watch our tutorial for creating Rumble backsplash on Canva.

๐Ÿ‘‰๏ธ Discover Our Exclusive Collection of Unique and Valuable Products.

๐Ÿ‘‰๏ธ Dozro Services: Check Price for Creation of Rumble Backsplash banner, Brand Logo, Clickable Business Card, and Small Business Website.

Method for Making the Backsplash Banner Responsive on All Devices

Now letโ€™s learn to make it responsive on both mobile and desktop screens. Ensure that the Rumble background banner adapts to both mobile and desktop screens for better responsiveness.

So, access the โ€œMy Mediaโ€ folder and upload the template photos to Microsoft Designer from your device.

Click on the mobile template photo to overlay it onto your design. Expand the template photo to match its full width precisely with the default dimensions of your design. Adjust its position by moving it, and once the horizontal and vertical guidelines appear, release the mouse click to align it accurately with your design.

Now click on the โ€œPositionโ€ and select โ€œSend to backโ€ option.

As shown in our tutorial video, the business name or logo outside the mobile safe zone will be cropped on mobile devices. It means that the โ€œDโ€ letter of the logo will not be visible on Rumble mobile. The brand slogan is also covered and hidden by profile picture on Rumble mobile layout.

To address this issue, adjust the placement of the logo and slogan to ensure they are within the safe zone for Rumble mobile layout. After the adjustments, all central elements on Rumble backsplash will be visible on all devices whether on mobile or desktop.

The elements on the left and right side of the Rumble backsplash will only appear on computer screens. Let's ensure they are positioned within the safe zone.

So, first, right-click and delete the mobile template from your own design.

Now bring the desktop template over your design and expand it to match the default size.

Send the desktop template to back.

If some graphic elements are positioned at the unsafe zone for Rumble desktop layout, they will not display on desktop screens.

Therefore, delete the desktop template and change the position of elements to keep the elements within safe zone for desktop screens.

Congratulations. You have created a Rumble backsplash for your channel in perfect size for all devices.

Download the Rumble Backsplash

It is time to save your Rumble banner. Click on the Download button located in the top right corner of the screen and save the file in PNG format. Remember that Rumble does not accept JPEG files; only PNG or JPG formats are suitable for backslashes.

After the download is complete, select the "Save as" button and designate its storage location on your computer.

Upload the Backsplash Picture to Your Rumble Channel

To upload your Rumble backsplash, follow these steps:

Click on the profile logo at the top right corner of your computer screen.

Select โ€œAccount Optionsโ€.

On the โ€œSettingsโ€ page, click on the โ€œUpload Backsplashโ€ button.

Upload the image from your computer.

Click on the โ€œTick Markโ€ symbol.

Your created Rumble backslash will display in full width and height on computer screens. However, on mobile devices, only the central portion will be visible; the sides will be cropped out.

Your Rumble channel profile picture also hides some portion of the backsplash banner when seen on mobile devices. It is not any fault in your design of the backsplash. It occurs due to the default containers for Rumble backsplash which are different for mobile and desktop devices.

More Resources

Check these helpful resources.

Share This Page

https://www.dozro.com/photo-video-editing/method-to-design-a-rumble-backsplash

Copy the above URL link and share it on social media (Facebook, WhatsApp) or save it for later help.

Irfan Hayat

As the Founder and CEO of DOZRO and various other ventures, I bring a wealth of diverse life experiences to the forefront. At heart, I am a passionate tech enthusiast. Feel free to explore our range of Pro Services, such as website and graphics design, SEO, and video editing, with confidence.

https://www.dozro.com/irfan-hayat
Previous
Previous

Method to Design a Facebook Cover Photo on Canva in Easy Steps

Next
Next

Rumble Backsplash Picture Banner: Optimal Pixel Size, Safe Zone Dimensions and Aspect Ratio to Ensure Responsive Display on Mobile and Desktop Screens