Neocities.org

❀ F A I R Y L A N D ❀

inkcaps.neocities.org

256,045 views
411 followers
4,850 updates
0 tips
What's the best way to create a 50x50 fanlist styled code/icon without totally killing the quality of the image or text? I'm stepping away for the night but I'm stumped! Graphic design is NOT my passion ლ(¯ロ¯”ლ)
2 likes
maplebear 2 months ago

like the 50x50 button on the rainbow fountain weblist?

1 like
inkcaps 2 months ago

@tabi yes, or the ones found in my guilds page! I figure that some blur in the images is inevitable but I'm mystified over how people manage to get the text to look so crisp! https://inkcaps.neocities.org/links/guilds/

2 likes
soulbox 2 months ago

The font used is likely pixel font at a setting that doesn't smooth the font out. I forgot what the setting is in Photoshop and I use Photopea now.

1 like
soulbox 2 months ago

Hm... images are tough but when resizing you can try "nearest neighbor" or sharpen. I would try resizing the image first and then applying the small, pixel font and see what it looks like? This is so that you don't resize both the image and the font at the same time or it might mess with the font.

1 like
soulbox 2 months ago

Resize the image to 50x50 and then zoom in and apply the pixel font that way.

1 like
soulbox 2 months ago

Found the font settings lol. I haven't tone anything type-wise in photopea yet lol. When you're adding font, there's settings for "none", "sharp", "crisp" etc. You can find which one looks best for you, but I usually use "none" when I use pixelated fonts which keeps the edges sharp if I remembered correctly.

1 like
soulbox 2 months ago

Really sorry for the infodump asdfghjkl;' I... have a Photoshop history lol. But that's how I applied the pixel font on my web buttons for example. That's just how I did it though. ;w;

1 like
pomelo 2 months ago

Soulbox is right! Resize and crop your img first then add the font then sharpen. Mess with the sharpen settings cus they all do look slightly different and see which works for you. Try to use an anti-aliased font too

1 like
maplebear 2 months ago

i use photoshop and then gimp to animate!! if you want i can make one for you~ just lmk what you want in it! :3

1 like
inkcaps 2 months ago

@soulbox @pom thank you so much guys, your advice really helped! In the future I think I'm going to sharpen and mess with the image quality after adding the text and border. Here's what I came up with--concrit would be really appreciated!! ;w; <3 I think the text needs to come over to the left more but let me know what you think! https://inkcaps.neocities.org/gf/codes/mabeltest.png

1 like
inkcaps 2 months ago

@tabi aww Tabi, your offer is super sweet but I would feel bad taking you up on it! I'm making codes for a fanlisting so a lot are required. ; __ ; but thank you though!! If I need help or advice I'll reach out! <3 <3

1 like
pomelo 2 months ago

i think it just needs some sharpening to make it a bit less blurry but otherwise, it looks really good!

1 like
inkcaps 2 months ago

@pom I made another and sharpening really did the trick! Thank you again for the help!! ♡♡ https://inkcaps.neocities.org/gf/codes/Mabeltest3.png

1 like
pomelo 2 months ago

wooo! its perfect!

1 like

Website Stats

Last updated 1 day ago
CreatedJul 13, 2023
Site Traffic Stats

Tags

magic personal cottagecore diary lolita