エッジが途切れるラインアートのクリーンアップ


14

だから、しばらく前にゲームからこのアイコンを作成しましたが、アルファチャンネルの代わりに白い背景の後ろに振り返ると、いくつかの場所ではエッジが途切れ途切れになりますが、他の場所では滑らかです特定の地域をバケットで埋める前に選択するために使用されます。私はGIMPを使用していましたがこれを簡単に修正する方法があるかどうか疑問に思っていました(つまり、途切れることなくすべてのエッジを作成します)。たぶん私が知らないいくつかのレンダリングフィルターや選択方法は?私はグーグルとユーチューブを使いましたが、役に立ちませんでした。

私の画像:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(ご覧のように、内側の三日月形のものは不安定で、左右の円の外側は不安定です)


3
タグを付けたのは、Gimpを使用したラスターおよびステートです。ラスターアプリは常に、円弧の端にいくつかのピクセルを作成します。ベクトルアプリケーションを使用すると、よりきれいな線を得ることができます。
スコット

@スコットまあ、私はそれをラスターとしてタグ付けした人でした(明らかにラスター画像ですが)
ベン・

GIMPを使用し、線に沿ってどこか(しゃれを意図していません)で、実際には途切れ途切れのラスターイメージのように見えました。すべてのエッジを丸くする簡単な解決策があるかどうか疑問に思っていました。
Jacedc

@BenBrocka-質問にはGimp ..と記載されているため、ラスタは適切なタグです。削除された理由がわかりません。Jacedc-Gimpでどのように質問していますか?私がコメントしたように、ラスターアプリはこれ以上多くのソリューションを提供しません。「マジック」ボタンはありません
スコット

将来の画像の「途切れる」エッジを避けるために、この方法で作成します:すべての選択がフェザリングされていることを確認してください。
マイケルシューマッハ

回答:


11

私は、途切れ途切れのラインに迅速で汚い修正はない、ただベクトルを使ってそれを作り直さなければならないと思います。Photoshopでサークルとストロークエフェクトを使用すると、次の3分かかりました。

ロゴの例

私はあなたのためにそれをすべてするつもりはありませんが、必要なのはさらに2つの半円であり、あなたは任意のサイズに美しく拡大縮小する形状ベースのロゴを持っています。つまり、6つの円、2つの半円、およびそれらの一部に適用されるストロークです。あなたの場合、再作成するのは非常に簡単ですが、詳細なロゴはもっと長くかかります。

これを行うにはさまざまな方法がありますが、あなたの場合、私はただこっそりとこれを行うのに少し時間を費やしましたが、形状を作成するGDソフトウェアに習熟していれば、30分もかからず、あなたはそうではありません、今はいくつかの再利用可能なスキルを学ぶ良い機会です。

また Save for Web & Devices..


はい。ええ、私はベクトルをしないと思うGIMPを除いて、どのGDソフトウェアにも本当に「熟練」していません。とにかく、助けてくれてありがとう。
Jacedc

1
Photoshopにはベクターツールがありますが、実際には「ベクターを実行しません」。
スコット

1
@Dominicはい、Photoshop内およびPhotoshop内のみ。真のベクターファイルはどこでも拡大縮小できます。
スコット

「形状を作成する」とはどういう意味ですか?長方形と楕円の選択(および自由選択と「パスツール」)がありますが、それ以外はありません。
Jacedc

3
Inkscapeはこの種のものに適しており、GPL
horatio

9

トレース

ベクター指向のアプリケーションでオリジナルを簡単に再作成できない場合は、ビットマップをベクターグラフィックにトレースすることもできます。

以下の例では、Inkscapeを使用してビットマップをインポートし、2つのカラーステップでトレースしました。

ここに画像の説明を入力してください

これは、トレースが円またはボックスではなくベジェ曲線で行われたため、ソースの正確な円形ジオメトリを保持しません(上記のわずかに波状の形状に注意してください)。そのため、そのようなトレースは、適切に再作成されたベクターよりもずっと大きなファイルサイズを常に持ちます。


スムージング

ベクターグラフィックの置換を使用できない場合にビットマップのエイリアスを減らすもう1つの可能性は、画像にソフトブラーを適用することです。

以下では、GIMPプラグインGREYCのマジックフィルターを使用しました。強化-アルファチャネルを維持しながらアウトラインを平滑化するための8回の反復による平滑化(平均曲率)

ここに画像の説明を入力してください


うーん。非常に素晴らしい!inkscapeを見てみましょう。ありがとう!
-Jacedc

このリンクは、現在のG'MICプラグインを取得するのに適している場合があります。
-EdwinW

1

ファジー選択ツールを使用してパスを作成することにより、これを行う非常に簡単な方法があります。Gimpを使用してギザギザの画像のエッジを修正する方法でそれを行う方法の短い例があります。


リンクは無効です。
-EdwinW

リンクを、それほど詳細ではないが必要な手順を提供する別のリンクに置き換えました。
デビッドクラーク

どうもありがとう、元々そこにあったものにどれが良いマッチなのかわからなかった。
エドウィンW

あなたがどのように乗るのか教えてください-それがあなたのためにうまくいかない場合、私はより良いオプションを見つけることを試みることができます。
デビッドクラーク

0

小規模なプロジェクトの場合、ぼかしツールを使用するだけで驚異的です。これはこの特定のプロジェクトには当てはまりませんが、探している他の人はこのソリューションが便利だと思うかもしれません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.