Blur when resizing?
#1
Hi guys! I was wondering if any art program-savvy person could help me here. ;_;

I'm a person who usually draws with big canvases and high resolutions (I usually work at 50% and an average canvas can reach 2000x2000) and usually I don't have a problem resizing but whenever I try to make, say, a 200x200 avatar for 'Souls, I wind up with blurriness/lost of detail when resizing?

(Pictured below: the original file resized manually using code versus avatar resized within the program)
[Image: 2dTWElB.png]

I use Clip Studio Paint/Manga Studio 5 but I also run into the problem when testing out Paint Tool Sai. I'd just avoid the problem all together by working on a smaller canvas but my device runs at a high resolution and that makes it impossible... orz

Any advice would be appreciated!
[html]<div align="center"><div style="font-family:arial; font-size:8px; text-transform: uppercase; letter-spacing: 2px;"><b>It’s easy to explain 'cause this world’s not tame</b></div></div>[/html]
  Reply
#2
I have the same problem with Photoshop - what I usually do is just play with the sharpness once it's been downsized until it looks halfway decent. Would love to know a proper solution. Dx
[html]<br /><br />
<div class="ScorSiggy"><img src="http://i.imgbox.com/gYZ8n84Y.png" style="margin-bottom:-60px;">
<div id="signature-icons" class="ScorIcons">
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Eve" target="_blank" class="player-wiki" title="PLAYER WIKI"></a>
<a href="http://soulsrpg.com/forum/viewtopic.php?t=29468" target="_blank" class="post-log" title="POST LOG"></a>
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=2494" target="_blank" class="player-contact" title="CONTACT: PM"></a>
<a href="#!" class="will-mature" title="I will roleplay mature material."></a>
<a href="#!" title="Please DO NOT use graphical tables in our threads. Thanks!" class="no-tables"></a><br />
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.ScorpiusDAngelo" target="_blank" class="character-wiki" title="CHARACTER WIKI"></a>
<a href="#!" class="foreign-language" title="Scorpius speaks a few other languages, denoted by italic bold. Hover for specific language and English translation."></a>
<a href="#!" class="skill-hunting" title="Scorpius is a master hunter and trapper."></a>
<a href="#!" class="skill-fighting" title="Scorpius is a master unarmed, feral, and sword fighter."></a>
<a href="#!" class="skill-medic" title="Scorpius is a master healer and poison maker."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
</div>
<a href="http://salsola.soulsrpg.com/"><img src="http://i.imgbox.com/wd2vNxK1.png" border="0"></a>
<a href="http://wiki.soulsrpg.com"><img src="http://soulsrpg.com/images/pride/promo/soulswiki_80x15_7.png" border="0"></a>
<br />
Avatar by Eve; Siggy by Songbird
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');

.ScorSiggy {
width:300px;
font-size:10px;
font-family:verdana;
text-align:center;
margin:0 auto;}

.ScorSiggy a {
opacity:.4;
filter:alpha(opacity=40%);}

.ScorSiggy a:hover, .ScorSiggy a:focus, .ScorSiggy a:active {
opacity:1;
filter:alpha(opacity=100%);}

.ScorIcons a {
display:inline-block;
position:relative;
margin:0 auto;
opacity:.4;
filter:alpha(opacity=40%);
transition:200ms linear all;
-moz-transition:200ms linear all;
border-top: 4px solid #303030;}

.ScorIcons a:hover, .ScorIcons a:focus, .ScorIcons a:active {
opacity:1;
filter:alpha(opacity=100%);
border-top: 4px solid #cb0000;}
</style>
[/html]
  Reply
#3
I also have the same problem :/ it's very inconvenient because the blur makes it look bad xD
[html]<div class="Nyxsig1">
<img src="http://i.imgur.com/4PQhq5B.png" style="height:300px; z-index:-1; margin:0px 200px -110px;" />
<div class="title">Nyx</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Corie" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>

<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM - Up to 2 weeks"></a>
<a href="#" title="I will roleplay mature material." class="will-mature"></a>
<a href="#" title="I will roleplay Preybot." class="will-preybot"></a>
<a href="#" title="I will roleplay LASKY." class="will-lasky"></a>
<br>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Nyx" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" target="_blank" title="Nyx speaks English and Low Speech" class="foreign-language"></a>
<a href="#" class="apparel-accessories" title="Nyx light armor and minimal clothing"></a>
<a href="#" class="character-typical-location" title="Anathema and surrounding areas"></a>
<a href="#" class="references-okay" title="OOC references okay. Specific conversations please PM me first."></a>
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="skill-trade" title="Nyx has pelts and bones for trade"></a>
<a href="#!" class="skill-generic" title="Master hand to hand combat, hunting, tracking"></a>

</div>
</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
</style>
<style type="text/css">
.Nyxsig1 {
width:60%;
margin:0px auto;
}
.Nyxsig1 .title {
margin:0px auto;
text-align:left;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.Nyxsig1 #signature-icon {margin:0px auto; text-align:center;}
.Nyxsig1 .sigicons {
text-align:left;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.Nyxsig1 .packicons {
text-align:left;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.Nyxsig1 a {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.Nyxsig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#4
Sometimes I'll run a Filter>Sharpen on resized art to do just that, sharpen it up. Image>Adjustments>Levels and upping contrast a little post-resizing can also help.

av by me; sig by alaine
  Reply
#5
Depending on the type of art, sometimes I'll apply the image, run Filter>High Pass between 3-10 px (depending on size) and run that duplicate layer on Overlay. It just boosts contrast around edges more than sharpen the entire layer, but it looks slightly different from just a Filter>Sharpen layer. Sometimes I do a mix of both to get it looking right. Most of the time I just make a Filter>Sharpen layer and put it on 100% Opacity and 50% Fill.
[html]
<style>
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a {
display:inline-block;
position:relative;
margin:0;
opacity:.35;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
}
#signature-icons a:hover,
#signature-icons a:focus,
#signature-icons a:active
{
opacity:1;
filter:alpha(opacity=100%);
}
</style>

<div id="signature-icons">
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Titmouse" target="_blank" title="PLAYER WIKI (see for rp info/preferences and commission info)" class="player-wiki"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.TheBull" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" class="apparel-accessories" title="The Bull wears specific apparel - see IC wiki for in-depth info."></a><a href="#!" class="character-note" title="The Bull is blind in his LEFT eye."></a><a href="#!" class="skill-hunting" title="The Bull is a skilled hunter."></a><a href="#!" class="skill-fighting" title="The Bull is a skilled fighter and assassin."></a><a href="#!" class="skill-stealth" title="The Bull is skilled in stealth."></a>
</div>
<center>[size=70]Commissions are on hold for right now until I can free up my schedule a little more to work on them. PM this account or message me on Discord if you're interested, but keep in mind that they may take a while![/size]</center>
[/html]
  Reply


Forum Jump: