contador web Skip to content

How to make an online banner with BeFunky | Publishers

BeFunky lets you create free banners in a simple way. The site features intuitive controls, eliminating the need for in-depth image editing knowledge. The banner creator tool provides templates for the user to edit, but it is also possible to create an entirely custom layout.

The edited image can be printed or used as a Facebook cover, for example, depending on the dimensions specified by the user. Unlike competitors like Canva, BeFunky does not require registration to use the platform. Learn how to follow the complete walkthrough to create an online banner without installing anything on your PC.

Edit photos online: list brings five free options without installing anything

How to edit photos on computer without downloading anything with BeFunky

How to edit photos on computer without downloading anything with BeFunky

Want to buy a cell phone, TV and other discounted products? Meet the Compare TechTudo

Step 1. Open BeFunky Banner Creator (https://www.befunky/create/banner-create/) and check the Select template option;

Click on "Select template" to start Photo: Reproduction / Ana Letcia LoubakClick on "Select template" to start Photo: Reproduction / Ana Letcia Loubak

Click on "Select template" to start Photo: Reproduction / Ana Letcia Loubak

Step 2. In the left side menu, go to the Templates icon and press the Custom template button to customize the dimensions of your banner. You can also choose ready-made templates from the list offered by BeFunky;

Customize the template or select a ready template Photo: Reproduction / Ana Letcia LoubakCustomize the template or select a ready template Photo: Reproduction / Ana Letcia Loubak

Customize the template or select a ready template Photo: Reproduction / Ana Letcia Loubak

Step 3. In this tutorial, we will use the values ​​1200 x 800 pixels, which is equivalent to the size 1.2 x 0.8 meters, considered standard for printed banners;

Adjust banner dimensions Photo: Reproduction / Ana Letcia LoubakAdjust banner dimensions Photo: Reproduction / Ana Letcia Loubak

Adjust banner dimensions Photo: Reproduction / Ana Letcia Loubak

Step 4. BeFunky create a blank document. To add an image, select the first icon from the left side menu and then choose Computer. After upload, drag the photo to the document;

Add an image from your personal files Photo: Reproduo / Ana Letcia LoubakAdd an image from your personal files Photo: Reproduo / Ana Letcia Loubak

Add an image from your personal files Photo: Reproduo / Ana Letcia Loubak

Step 5. Drag the image from the edges and resize it to fit the desired space. If you wish, edit the photo with Open image in editor, left;

If you want to adjust elements such as brightness and contrast, click on "Open image in editor" Photo: Reproduction / Ana Letcia LoubakIf you want to adjust elements such as brightness and contrast, click on "Open image in editor" Photo: Reproduction / Ana Letcia Loubak

If you want to adjust elements such as brightness and contrast, click on "Open image in editor" Photo: Reproduction / Ana Letcia Loubak

Step 6. In the side menu, go to the Customize section and choose a color of your choice to overlay image;

Choose a color from the selector Photo: Reproduo / Ana Letcia LoubakChoose a color from the selector Photo: Reproduo / Ana Letcia Loubak

Choose a color from the selector Photo: Reproduo / Ana Letcia Loubak

Step 7. Click on the photo and, in the box that opens, select Options> Blend Mode and choose the blend mode you prefer. Adjust opacity as needed;

Select a blending mode Photo: Playback / Ana Letcia LoubakSelect a blending mode Photo: Playback / Ana Letcia Loubak

Select a blending mode Photo: Playback / Ana Letcia Loubak

Step 8. Go to the letter A icon from the left side menu and select Add Text;

Add text to banner Photo: Reproduction / Ana Letcia LoubakAdd text to banner Photo: Reproduction / Ana Letcia Loubak

Add text to banner Photo: Reproduction / Ana Letcia Loubak

Step 9. Adjust the size, color and font of the text in the Text properties box;

Customize text size, color, style and spacing Photo: Reproduction / Ana Letcia LoubakCustomize text size, color, style and spacing Photo: Reproduction / Ana Letcia Loubak

Customize text size, color, style and spacing Photo: Reproduction / Ana Letcia Loubak

Step 10. Return to the Image Manager menu as described in step 4 to add watermarks or other photos. Click on the selected image and press Add as Layer;

Add other images Photo: Reproduction / Ana Letcia LoubakAdd other images Photo: Reproduction / Ana Letcia Loubak

Add other images Photo: Reproduction / Ana Letcia Loubak

Step 11. To reposition the order of elements, select the indicated cone in the lower left corner of the screen and, in the Layers & Groups box, drag the layers as desired;

Reorder document layers Photo: Reproduction / Ana Letcia LoubakReorder document layers Photo: Reproduction / Ana Letcia Loubak

Reorder document layers Photo: Reproduction / Ana Letcia Loubak

Step 12. If desired, add graphics with the heart icon option in the left side menu and search for the icons of your choice in Search graphics;

Add graphic elements to your banner Photo: Reproduction / Ana Letcia LoubakAdd graphic elements to your banner Photo: Reproduction / Ana Letcia Loubak

Add graphic elements to your banner Photo: Reproduction / Ana Letcia Loubak

Step 13. After customizing your banner, go to the top horizontal bar and press Save> Computer;

Save the banner to your computer Photo: Reproduction / Ana Letcia LoubakSave the banner to your computer Photo: Reproduction / Ana Letcia Loubak

Save the banner to your computer Photo: Reproduction / Ana Letcia Loubak

Step 14. Choose PNG format for better image quality. Finally, press Save to download the banner to your computer.

PNG format generates better resolution images Photo: Playback / Ana Letcia LoubakPNG format generates better resolution images Photo: Playback / Ana Letcia Loubak

PNG format generates better resolution images Photo: Playback / Ana Letcia Loubak