How to remove graph paper lines from line art on GIMP
#1


So I want to remove the graph paper lines from this drawing but I can't seem to remove the lines, no matter what directions I've followed. Any 'Souls artists know how to fix this?
[html]
<div class="GarSig">
<img src="http://i.imgur.com/99kparv.png" style="height:200px; z-index:-1; margin:0px 0px -70px;" />
<div class="buttonblock">
<a href="http://cdc.soulsrpg.com/policies/joining"><img src="http://i.imgur.com/NorWp6t.png" style="padding:2px;"></a><a href="https://wiki.soulsrpg.com/index.php?n=Packs.CasaDiCavalieriAdoptions"><img src="http://pile.randimg.net/1/158/102180/NEW%20Casa%20Adopt%20Buttons%203.png" style="padding:2px;"></a><br>
<img src="http://i.imgur.com/zhu020f.png"style="padding:2px;">
</div>
<div id="signature-icons" class="iconblock">
<center><a href="LINK" class="adoptables-available" title="ADOPTABLES available!"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=1" target="_blank" title="POST LOG" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" title="I will roleplay LASKY." class="will-lasky"></a><a href="#!" title="I will roleplay mature material." class="will-mature"></a><br><a href="#!" class="apparel-accessories" title="Garrett typically wears a leather jacket. Pants and shirts may change"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Garrett Masquerade" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" target="_blank" title="Garrett speaks French and Italian denoted by italics and bold." class="foreign-language"></a><a href="#!" class="mature-character" title="MATURE CHARACTER. Prone to swearing."></a><a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a><a href="#!" class="skill-fighting" title="Garrett is a skilled fighter; trained assassin."></a><a href="#!" class="skill-animals" title="Garrett is skilled with animals; accompanied with an eagle and cheetah."></a><a href="#!" class="skill-scholar" title="Garrett is a skilled scholar."></a><a href="#!" class="skill-stealth" title="Garrett is skilled in stealth."></a><a href="#!" class="skill-trade" title="Garrett is skilled in trade."></a></center>
</div>

</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.GarSig {margin:0 auto; text-align:center; margin:0 auto; }
.GarSig .buttonblock { margin:0 auto; }
.GarSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.GarSig .buttonblock a:hover, .razeSig .buttonblock a:active, .razeSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.GarSig .iconblock { font-size:0; margin:0 auto; }
.razeSig .iconblock { font-size:0; margin:0 auto; }
.GarSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.GarSig .iconblock a:hover, .GarSig .iconblock a:active, .GarSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>

[/html]
  Reply
#2
try tracing over the linesin another layer with the pen or paint brush tool, then delete the bottom layer and you should have just the black lines from the layer on top.
[html]
<div class="LithSig">
<img src="https://i.imgur.com/hlorMYI.png" style="height:350px; z-index:-1; margin:0px 0px -70px;">
<div class="buttonblock">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.SammiieAdopts"><img src="http://pile.randimg.net/0/91/22980/Adoptable%20Buttons.png"></a>
<a href="http://salsola.soulsrpg.com/culture/joining"><img src="https://images2.imgbox.com/c7/02/KahZHq8m_o.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.SalsolaAdoptables"><img src="http://i.imgur.com/6rQpoaQ.png"></a>
</div>
<div id="signature-icons" class="iconblock">
<a class="optime-preference" title="OPTIME unless otherwise stated."></a>

<a href="https://imgur.com/a/EDGTf" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.LithiaNapier" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>

<a class="character-typical-location" title="Typically found in the Northern Tides, but occasionally comes to Seabreeze Brink."></a>
<a class="apparel-accessories" title="Wears a leather skirt, purple or black crop top, and a ruby necklace (see Wiki!)"></a>
<a class="accompaniment" title="Lithia is often accompanied by her slave, Totem, unless otherwise stated"></a>
<a class="scent-warning" title="Disguises her scent with pine, dirt, and budding flowers."></a>
<a class="skill-fighting" title="Lithia is a skilled fighter, specializing in the use of short swords or daggers."></a>
<a class="skill-stealth" title="Skilled in stealth."></a>
<a class="skill-trade" title="Character is skilled in trade."></a>

</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.LithSig {margin:0 auto; text-align:center; margin:0 auto; }
.LithSig .buttonblock { margin:0 auto; }
.LithSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .buttonblock a:hover, .LithSig .buttonblock a:active, .LithSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.LithSig .iconblock { margin:0 auto; }
.LithSig .iconblock a { opacity:.75; filter:alpha(opacity=75%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .iconblock a:hover, .LithSig .iconblock a:active, .LithSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; border-radius:50%; }
</style>
[/html]
  Reply
#3
Been a while since I used GIMP, so not sure where exactly to do that, but in PS there's this trick to remove the blue from the color channels, then turn the picture into grayscale and back to RGB :?
[html]
<div id="sig122415" class="signature"><div class="TzilaSig">
<div class="name">Tzila Napier</div>
<div class="signature-split"></div>
<div class="group signature-wrap">
<div class="buttons">
<span title="Join the Frat House"><a href="http://wiki.soulsrpg.com/index.php?n=Packs.SapientAdoptables"><img src="http://sapient.soulsrpg.com/public/Pride/Pride2.png"></a></span> <span title="What happened in the frat house, stays in the frat house. Forever."> <img src="https://i.imgbox.com/MjrabxrD.png"></span> </div>
<div class="links" id="signature-icons">
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Marina" target="_blank" title="Player Wiki" class="player-wiki"></a> <a href="http://wiki.soulsrpg.com/index.php?n=Characters.TzilaNapier" target="_blank" title="Character Wiki" class="character-wiki"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a> <a href="#!" title="I will roleplay LASKY." class="will-lasky"></a><a href="#!" title="I will roleplay mature material." class="will-mature"></a> <a href="#!" class="skill-scholar" title="Tzila is a skilled scribe, reader and cartographer."></a> <a href="#!" class="skill-trade" title="Tzila is a merchant, and always open for trades."></a> <a href="#!" class="skill-fighting" title="Tzila is a skilled with dual daggers and archery."></a> </div>
</div></div>
<style>
@import url('http://fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
.group:after { content: ""; display: table; clear: both; }
.TzilaSig { width:78%; min-height:70px; margin:0 auto; padding-top:175px; padding-bottom: 100px; background-image:url('http://i.imgur.com/4E9SqIt.png'); background-size:contain; background-repeat: no-repeat; background-position: right; position:relative; z-index:99; }
.TzilaSig a { text-decoration: none; }
.TzilaSig .name { text-align:left; font-family: 'Alegreya SC'; font-size: 25px; text-shadow: 0 0 5px #000; text-transform:uppercase; letter-spacing:6px; margin-left: 6px; }
.TzilaSig .signature-split { border-bottom:1px solid #000; }.TzilaSig .links { border:1px solid transparent; font-size:0; line-height:1em; margin-right:1px; text-align: left; } .TzilaSig .signature-wrap { border:1px solid transparent; } .TzilaSig .signature-wrap a { display:inline-block; position:relative; margin:0; opacity:.35; filter:alpha(opacity=75%); transition:200ms linear all; -moz-transition:200ms linear all; } .TzilaSig .signature-wrap a:hover, .TzilaSig .signature-wrap a:focus, .TzilaSig .signature-wrap a:active { opacity:1; filter:alpha(opacity=100%); } .TzilaSig .signature-wrap a:hover:after, .TzilaSig .signature-wrap a:focus:after, .TzilaSig .signature-wrap a:active:after { content:' '; display:block; position:absolute; bottom:-4px; height:4px; width:31px; background-color:#5e1f1f; } .TzilaSig .signature-wrap .buttons a:hover:after, .TzilaSig .signature-wrap .buttons a:focus:after, .TzilaSig .signature-wrap .buttons a:active:after { width:88px; left:1px; } .TzilaSig .buttons { float:right; text-align:right; font-size:0; line-height:1em; } .TzilaSig .buttons img { margin-left:1px; } .TzilaSig .notes, .TzilaSig span.notes, .notes ul, .notes ul li { font-size:12px; font-weight:normal; font-family:arial, helvetica, sans-serif; line-height:18px; padding:0; margin:0; position:relative; z-index:999; }
</style></div>[/html]
  Reply
#4
I was bored, so I did it for you:



I couldn't really see the speech bubble text, so I can either fill it in for you, or you can play around with it on GIMP. Let me know if you want the PSD version!

I use Corel Paintshop Pro, and I just make a new layer, and trace over the lines with the pen tool. Then once done, I delete the background layer (which would be the original image). I took a screenshot of my finished product with all the layers (you can see them on the right)


(click for bigger)
[html]
<div class="LithSig">
<img src="https://i.imgur.com/hlorMYI.png" style="height:350px; z-index:-1; margin:0px 0px -70px;">
<div class="buttonblock">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.SammiieAdopts"><img src="http://pile.randimg.net/0/91/22980/Adoptable%20Buttons.png"></a>
<a href="http://salsola.soulsrpg.com/culture/joining"><img src="https://images2.imgbox.com/c7/02/KahZHq8m_o.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.SalsolaAdoptables"><img src="http://i.imgur.com/6rQpoaQ.png"></a>
</div>
<div id="signature-icons" class="iconblock">
<a class="optime-preference" title="OPTIME unless otherwise stated."></a>

<a href="https://imgur.com/a/EDGTf" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.LithiaNapier" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>

<a class="character-typical-location" title="Typically found in the Northern Tides, but occasionally comes to Seabreeze Brink."></a>
<a class="apparel-accessories" title="Wears a leather skirt, purple or black crop top, and a ruby necklace (see Wiki!)"></a>
<a class="accompaniment" title="Lithia is often accompanied by her slave, Totem, unless otherwise stated"></a>
<a class="scent-warning" title="Disguises her scent with pine, dirt, and budding flowers."></a>
<a class="skill-fighting" title="Lithia is a skilled fighter, specializing in the use of short swords or daggers."></a>
<a class="skill-stealth" title="Skilled in stealth."></a>
<a class="skill-trade" title="Character is skilled in trade."></a>

</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.LithSig {margin:0 auto; text-align:center; margin:0 auto; }
.LithSig .buttonblock { margin:0 auto; }
.LithSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .buttonblock a:hover, .LithSig .buttonblock a:active, .LithSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.LithSig .iconblock { margin:0 auto; }
.LithSig .iconblock a { opacity:.75; filter:alpha(opacity=75%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .iconblock a:hover, .LithSig .iconblock a:active, .LithSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; border-radius:50%; }
</style>
[/html]
  Reply
#5
Sammiie, this us amazing! Thank you so much! <3
[html]
<div class="GarSig">
<img src="http://i.imgur.com/99kparv.png" style="height:200px; z-index:-1; margin:0px 0px -70px;" />
<div class="buttonblock">
<a href="http://cdc.soulsrpg.com/policies/joining"><img src="http://i.imgur.com/NorWp6t.png" style="padding:2px;"></a><a href="https://wiki.soulsrpg.com/index.php?n=Packs.CasaDiCavalieriAdoptions"><img src="http://pile.randimg.net/1/158/102180/NEW%20Casa%20Adopt%20Buttons%203.png" style="padding:2px;"></a><br>
<img src="http://i.imgur.com/zhu020f.png"style="padding:2px;">
</div>
<div id="signature-icons" class="iconblock">
<center><a href="LINK" class="adoptables-available" title="ADOPTABLES available!"></a><a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a><a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a><a href="viewtopic.php?f=13&t=1" target="_blank" title="POST LOG" class="post-log"></a><a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a><a href="#!" title="I will roleplay LASKY." class="will-lasky"></a><a href="#!" title="I will roleplay mature material." class="will-mature"></a><br><a href="#!" class="apparel-accessories" title="Garrett typically wears a leather jacket. Pants and shirts may change"></a><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Garrett Masquerade" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a><a href="#!" target="_blank" title="Garrett speaks French and Italian denoted by italics and bold." class="foreign-language"></a><a href="#!" class="mature-character" title="MATURE CHARACTER. Prone to swearing."></a><a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a><a href="#!" class="skill-fighting" title="Garrett is a skilled fighter; trained assassin."></a><a href="#!" class="skill-animals" title="Garrett is skilled with animals; accompanied with an eagle and cheetah."></a><a href="#!" class="skill-scholar" title="Garrett is a skilled scholar."></a><a href="#!" class="skill-stealth" title="Garrett is skilled in stealth."></a><a href="#!" class="skill-trade" title="Garrett is skilled in trade."></a></center>
</div>

</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.GarSig {margin:0 auto; text-align:center; margin:0 auto; }
.GarSig .buttonblock { margin:0 auto; }
.GarSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.GarSig .buttonblock a:hover, .razeSig .buttonblock a:active, .razeSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.GarSig .iconblock { font-size:0; margin:0 auto; }
.razeSig .iconblock { font-size:0; margin:0 auto; }
.GarSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.GarSig .iconblock a:hover, .GarSig .iconblock a:active, .GarSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>

[/html]
  Reply


Forum Jump: