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
Logo Creation
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="TeamTonic" data-source="post: 478222" data-attributes="member: 110184"><p>Hey Devbest, If you wanted to create a custom logo for your hotel, heres how.</p><p></p><p>First find a font you'd like to use (download the files from <a href="https://www.dafont.com/" target="_blank">DaFont</a> or any other font website, and import them into photoshop)</p><p></p><p>Figure out your sizing (reference a findretros banner to see if it will fit)</p><p></p><p>[ATTACH=full]14643[/ATTACH]</p><p>Write your text as usual, write click and press "None" to disable font smoothing, for pixelated effect.</p><p></p><p>Put a stroke on your layer (right click, Blending options at the top 1px outside, lighter colour than your base colour)</p><p>[ATTACH=full]14645[/ATTACH]</p><p></p><p></p><p>Then create a new layer and move it below the text, merge the two layers [ATTACH=full]14646[/ATTACH]</p><p></p><p>This way when you use magic wand, you can select the transparent corners as they will now be a different shade from your lighter stroke. delete what is selected.</p><p>[ATTACH=full]14647[/ATTACH]</p><p></p><p>Duplicate your text and pick a darker colour and paint it using paint bucket, move it below your brighter text (in layer list)</p><p>[ATTACH=full]14648[/ATTACH]</p><p></p><p>Move it 1px below the light text, duplicate dark text and move it 1px down again, merge the two dark layers, then duplicate your MERGED dark layer and move it down 2px</p><p>[ATTACH=full]14649[/ATTACH]</p><p>[ATTACH=full]14650[/ATTACH]</p><p></p><p></p><p>Merge your two text layers, then use the marquee tool to separate your letters a few px (for stroke)</p><p>Blending options, stroke BLACK this time</p><p>Then create a new layer, different colour that you aren't using, merge the two together and then use magic wand to select the other colour, and the transparent stroke corners</p><p>Delete what is selected</p><p>[ATTACH=full]14651[/ATTACH]</p><p></p><p>[ATTACH=full]14652[/ATTACH]</p><p></p><p>[ATTACH=full]14653[/ATTACH]</p><p></p><p>[ATTACH=full]14665[/ATTACH]</p><p></p><p><strong>Now you can stop here, but these next steps are for extra detail</strong></p><p></p><p>[SPOILER="Light/Shading"]</p><p>Create a new layer, grab your pencil tool and select a DARK GREY colour</p><p>Colour the parts you think would be hit by light, angles, bottom etc</p><p>[ATTACH=full]14654[/ATTACH]</p><p></p><p>After that, select your drawn layer,</p><p>Click Normal, and find <strong>Linear Dodge (Add)</strong></p><p>After selecting linear dodge you should see your colours turn to a lightened version of your darkest colour, if its too light, disable linear dodge and play with your dark grey, the lighter it is, the more it lightens. you can also play with you darker colour by changing it on your text layer.</p><p>[ATTACH=full]14655[/ATTACH]</p><p>[ATTACH=full]14656[/ATTACH]</p><p></p><p>And there you have it, shaded text</p><p>[ATTACH=full]14664[/ATTACH]</p><p>[/SPOILER]</p><p></p><p>[SPOILER="Gradient"]</p><p>Select two colours, your base colour and a slightly darkened version of it</p><p>[ATTACH=full]14658[/ATTACH]</p><p></p><p>Using marquee tool, select what you think is the middle point of your text, use your dark colour (press x or click the ui button)</p><p>[ATTACH=full]14657[/ATTACH]</p><p>Use Paint bucket to colour your selected area</p><p>[ATTACH=full]14659[/ATTACH]</p><p></p><p><strong>Press M to make sure you aren't moving your text<strong>, Move the selected area down 1px, press X again to get to your lighter colour, and paint bucket again</strong></strong></p><p><strong><strong>[ATTACH=full]14660[/ATTACH]</strong></strong></p><p><strong><strong></strong></strong></p><p><strong><strong>Then down again, paint bucket your dark colour, THEN TWICE DOWN, do your light colour again</strong></strong></p><p>[ATTACH=full]14661[/ATTACH]</p><p></p><p>Then down once again, then paste your dark colour</p><p>[ATTACH=full]14662[/ATTACH]</p><p></p><p>And there you have it a gradient.</p><p>[ATTACH=full]14663[/ATTACH]</p><p>[/SPOILER]</p><p></p><p>Before saving, move your letters closer together again, usually leaving 1px in-between or 2px if you wish to have a white border (copy same steps)</p></blockquote><p></p>
[QUOTE="TeamTonic, post: 478222, member: 110184"] Hey Devbest, If you wanted to create a custom logo for your hotel, heres how. First find a font you'd like to use (download the files from [URL='https://www.dafont.com/']DaFont[/URL] or any other font website, and import them into photoshop) Figure out your sizing (reference a findretros banner to see if it will fit) [ATTACH type="full" alt="1689593128046.png"]14643[/ATTACH] Write your text as usual, write click and press "None" to disable font smoothing, for pixelated effect. Put a stroke on your layer (right click, Blending options at the top 1px outside, lighter colour than your base colour) [ATTACH type="full" alt="1689593272740.png"]14645[/ATTACH] Then create a new layer and move it below the text, merge the two layers [ATTACH type="full" alt="1689593331375.png"]14646[/ATTACH] This way when you use magic wand, you can select the transparent corners as they will now be a different shade from your lighter stroke. delete what is selected. [ATTACH type="full" alt="1689593397517.png"]14647[/ATTACH] Duplicate your text and pick a darker colour and paint it using paint bucket, move it below your brighter text (in layer list) [ATTACH type="full" alt="1689593503046.png"]14648[/ATTACH] Move it 1px below the light text, duplicate dark text and move it 1px down again, merge the two dark layers, then duplicate your MERGED dark layer and move it down 2px [ATTACH type="full" alt="1689593553212.png"]14649[/ATTACH] [ATTACH type="full" alt="1689593665858.png"]14650[/ATTACH] Merge your two text layers, then use the marquee tool to separate your letters a few px (for stroke) Blending options, stroke BLACK this time Then create a new layer, different colour that you aren't using, merge the two together and then use magic wand to select the other colour, and the transparent stroke corners Delete what is selected [ATTACH type="full" alt="1689593883540.png"]14651[/ATTACH] [ATTACH type="full" alt="1689593972122.png"]14652[/ATTACH] [ATTACH type="full" alt="1689594014018.png"]14653[/ATTACH] [ATTACH type="full"]14665[/ATTACH] [B]Now you can stop here, but these next steps are for extra detail[/B] [SPOILER="Light/Shading"] Create a new layer, grab your pencil tool and select a DARK GREY colour Colour the parts you think would be hit by light, angles, bottom etc [ATTACH type="full" alt="1689594174298.png"]14654[/ATTACH] After that, select your drawn layer, Click Normal, and find [B]Linear Dodge (Add)[/B] After selecting linear dodge you should see your colours turn to a lightened version of your darkest colour, if its too light, disable linear dodge and play with your dark grey, the lighter it is, the more it lightens. you can also play with you darker colour by changing it on your text layer. [ATTACH type="full" alt="1689594451542.png"]14655[/ATTACH] [ATTACH type="full" alt="1689594486324.png"]14656[/ATTACH] And there you have it, shaded text [ATTACH type="full"]14664[/ATTACH] [/SPOILER] [SPOILER="Gradient"] Select two colours, your base colour and a slightly darkened version of it [ATTACH type="full" alt="1689594822463.png"]14658[/ATTACH] Using marquee tool, select what you think is the middle point of your text, use your dark colour (press x or click the ui button) [ATTACH type="full" alt="1689594772387.png"]14657[/ATTACH] Use Paint bucket to colour your selected area [ATTACH type="full" alt="1689594939626.png"]14659[/ATTACH] [B]Press M to make sure you aren't moving your text[B], Move the selected area down 1px, press X again to get to your lighter colour, and paint bucket again [ATTACH type="full" alt="1689595030246.png"]14660[/ATTACH] Then down again, paint bucket your dark colour, THEN TWICE DOWN, do your light colour again[/B][/B] [ATTACH type="full" alt="1689595067593.png"]14661[/ATTACH] Then down once again, then paste your dark colour [ATTACH type="full" alt="1689595139094.png"]14662[/ATTACH] And there you have it a gradient. [ATTACH type="full"]14663[/ATTACH] [/SPOILER] Before saving, move your letters closer together again, usually leaving 1px in-between or 2px if you wish to have a white border (copy same steps) [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Server Development
Habbo Retros
Habbo Tutorials
Logo Creation
Top