Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Server Development
Habbo Retros
Habbo Tutorials
[TUT] How to make Professional Banners with Paint(brush)!
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Ultra" data-source="post: 215983" data-attributes="member: 2174"><p style="text-align: center">Hello, people of DevBest. Lately I've had many requests of Banners for their hotel. So I thought, instead of people (like me) adding their pesky '@User' to the banner, why not make your own? It's not hard at all! I am using a mac right now, but I imagine what I'm about to do is available on Windows Paint as well.</p> <p style="text-align: center"></p> <p style="text-align: center">Be sure to add the image (If you're gonna add any) to the template before you add anything else.</p> <p style="text-align: center"></p> <p style="text-align: center">If your banner still looks a little plain, just use a picture from here: <a href="http://www.habbcrazy.net/#/archive/1" target="_blank">http://www.habbcrazy.net/#/archive/1</a> , and add it where ever you want to.</p> <p style="text-align: center"></p> <p style="text-align: center">If you want to add any text under the logo, you have to put the logo a little higher on the template than you usually would.</p> <p style="text-align: center"></p> <p style="text-align: center">Step 1: Download Paint(brush)</p> <p style="text-align: center"></p> <p style="text-align: center">For Mac: <a href="http://sourceforge.net/projects/paintbrush/files/Paintbrush%202.x/Paintbrush%202.1.1/Paintbrush-2.1.1.zip/download?use_mirror=superb-dca3" target="_blank">http://sourceforge.net/projects/paintbrush/files/Paintbrush 2.x/Paintbrush 2.1.1/Paintbrush-2.1.1.zip/download?use_mirror=superb-dca3</a></p> <p style="text-align: center"></p> <p style="text-align: center">For PC: <a href="http://www.dotpdn.com/files/Paint.NET.3.5.10.Install.zip" target="_blank">http://www.dotpdn.com/files/Paint.NET.3.5.10.Install.zip</a></p> <p style="text-align: center"></p> <p style="text-align: center">Step 2: Once you open the application, go to File > Open, and open the 510x100 pixel banner template you want to use. I might be releasing my pack of 60 banner templates soon.</p> <p style="text-align: center"></p> <p style="text-align: center">For this Tutorial, I will be using a simple template.</p> <p style="text-align: center"></p> <p style="text-align: center">Step 3 (Optional): If your template doesn't have a black and white outline, be sure to add it as it makes the banner look much better and professional. Be sure it doesn't go over 510x100. Once done, it should look like this:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i36.tinypic.com/2zdx5yf.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Step 4: Once you have the template and outline, you need to get a logo for your banner of course! I recommend using the Habbox Generator, which is located here: <a href="http://habbox.com/#!/font" target="_blank">http://habbox.com/#!/font</a> .</p> <p style="text-align: center"></p> <p style="text-align: center">Step 5: After you find a logo that suits your fancy, right click the image and click 'Copy Image' and Paste it on the banner in your Paint application.</p> <p style="text-align: center"></p> <p style="text-align: center">It should look a little like this:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i40.tinypic.com/33utkeo.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">If you want to use the HabNew font and want to add the orange bar under the logo, it is very simple to do it. Just copy what I did:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i44.tinypic.com/rtny2h.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Step 6: We got the important parts of the banner done! Now we're on to the text that displays what your hotel offers, slogans, etc. </p> <p style="text-align: center"></p> <p style="text-align: center">Be sure that your tool section looks a little like this:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i39.tinypic.com/152fifl.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Select a bit of the bottom part with what you have set on your tools, and it should look like this:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i42.tinypic.com/34gnekm.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">For the colour of the rectangle, I did black with 65% Opacity, but you can change it to your needs.</p> <p style="text-align: center"></p> <p style="text-align: center">We're almost done here!</p> <p style="text-align: center"></p> <p style="text-align: center">Step 7 (Possibly last step): You can download Volter Goldfish here (I recommend Volter Goldfish since it's used on Habbo):</p> <p style="text-align: center"></p> <p style="text-align: center"><a href="http://www.dafont.com/volter-goldfish.font?text=Custom" target="_blank">http://www.dafont.com/volter-goldfish.font?text=Custom</a></p> <p style="text-align: center"></p> <p style="text-align: center">Once downloaded and installed, go back to your paint application and write whatever you want to write about your hotel in the darkened spot on the bottom of the banner.</p> <p style="text-align: center"></p> <p style="text-align: center">I recommend using a white font with size 9, as it is easier to read.</p> <p style="text-align: center"></p> <p style="text-align: center">Once done, it should look something like this:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i41.tinypic.com/2cpygyu.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">This is possibly the last step for people if they don't want to add anything more.</p> <p style="text-align: center"></p> <p style="text-align: center">Step 9 (Optional): If you want a fancy speech bubble on your banner, just go here: <a href="http://www.habbies.nl/widgets/textgenerator/" target="_blank">http://www.habbies.nl/widgets/textgenerator/</a> .</p> <p style="text-align: center"></p> <p style="text-align: center">Make sure it goes from:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i41.tinypic.com/312a3vl.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">to:</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i39.tinypic.com/5o9jsy.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center">And then add the point to whichever way you want, or keep it with no point (if you don't understand what I'm talking about, I'll show you the complete banner.</p> <p style="text-align: center"></p> <p style="text-align: center">Step 10: You now have a full and professional banner that you can show with pride!</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i39.tinypic.com/2a7bdp3.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Who says you need Photoshop to make a good banner? If this tutorial helped you, please answer the poll above, and leave a like <img src="/styles/default/xenforo/smilies/emojione/smile.png" class="smilie" loading="lazy" alt=":)" title="Smile :)" data-shortname=":)" /></p></blockquote><p></p>
[QUOTE="Ultra, post: 215983, member: 2174"] [CENTER]Hello, people of DevBest. Lately I've had many requests of Banners for their hotel. So I thought, instead of people (like me) adding their pesky '@User' to the banner, why not make your own? It's not hard at all! I am using a mac right now, but I imagine what I'm about to do is available on Windows Paint as well. Be sure to add the image (If you're gonna add any) to the template before you add anything else. If your banner still looks a little plain, just use a picture from here: [url]http://www.habbcrazy.net/#/archive/1[/url] , and add it where ever you want to. If you want to add any text under the logo, you have to put the logo a little higher on the template than you usually would. Step 1: Download Paint(brush) For Mac: [url]http://sourceforge.net/projects/paintbrush/files/Paintbrush%202.x/Paintbrush%202.1.1/Paintbrush-2.1.1.zip/download?use_mirror=superb-dca3[/url] For PC: [url]http://www.dotpdn.com/files/Paint.NET.3.5.10.Install.zip[/url] Step 2: Once you open the application, go to File > Open, and open the 510x100 pixel banner template you want to use. I might be releasing my pack of 60 banner templates soon. For this Tutorial, I will be using a simple template. Step 3 (Optional): If your template doesn't have a black and white outline, be sure to add it as it makes the banner look much better and professional. Be sure it doesn't go over 510x100. Once done, it should look like this: [IMG]http://i36.tinypic.com/2zdx5yf.png[/IMG] Step 4: Once you have the template and outline, you need to get a logo for your banner of course! I recommend using the Habbox Generator, which is located here: [url]http://habbox.com/#!/font[/url] . Step 5: After you find a logo that suits your fancy, right click the image and click 'Copy Image' and Paste it on the banner in your Paint application. It should look a little like this: [IMG]http://i40.tinypic.com/33utkeo.png[/IMG] If you want to use the HabNew font and want to add the orange bar under the logo, it is very simple to do it. Just copy what I did: [IMG]http://i44.tinypic.com/rtny2h.png[/IMG] Step 6: We got the important parts of the banner done! Now we're on to the text that displays what your hotel offers, slogans, etc. Be sure that your tool section looks a little like this: [IMG]http://i39.tinypic.com/152fifl.png[/IMG] Select a bit of the bottom part with what you have set on your tools, and it should look like this: [IMG]http://i42.tinypic.com/34gnekm.png[/IMG] For the colour of the rectangle, I did black with 65% Opacity, but you can change it to your needs. We're almost done here! Step 7 (Possibly last step): You can download Volter Goldfish here (I recommend Volter Goldfish since it's used on Habbo): [url]http://www.dafont.com/volter-goldfish.font?text=Custom[/url] Once downloaded and installed, go back to your paint application and write whatever you want to write about your hotel in the darkened spot on the bottom of the banner. I recommend using a white font with size 9, as it is easier to read. Once done, it should look something like this: [IMG]http://i41.tinypic.com/2cpygyu.png[/IMG] This is possibly the last step for people if they don't want to add anything more. Step 9 (Optional): If you want a fancy speech bubble on your banner, just go here: [url]http://www.habbies.nl/widgets/textgenerator/[/url] . Make sure it goes from: [IMG]http://i41.tinypic.com/312a3vl.gif[/IMG] to: [IMG]http://i39.tinypic.com/5o9jsy.png[/IMG] And then add the point to whichever way you want, or keep it with no point (if you don't understand what I'm talking about, I'll show you the complete banner. Step 10: You now have a full and professional banner that you can show with pride! [IMG]http://i39.tinypic.com/2a7bdp3.png[/IMG] Who says you need Photoshop to make a good banner? If this tutorial helped you, please answer the poll above, and leave a like :)[/CENTER] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Server Development
Habbo Retros
Habbo Tutorials
[TUT] How to make Professional Banners with Paint(brush)!
Top