REC

動画撮影・制作・編集、機材メンテナンスのヒント

 WTVID >> ビデオ制作ガイド >  >> ビデオ >> ビデオ制作

PNG 画像にアウトラインを追加する:3 つの簡単な方法 (オンラインおよびデスクトップ)

オンラインで PNG 画像に枠線を追加するにはどうすればよいですか?

透明な PNG の周囲に白い輪郭を追加するにはどうすればよいですか?

場合によっては、PNG 画像にアウトラインを追加することもあります。 カットアウト、クリエイティブな YouTube サムネイル、または目立つプロフィール写真を作成する場合でも、その効果を高めることができます。アウトラインを適切に配置すると、被写体が際立ち、効果的に注目を集めることができます。 PNG に境界線を追加する方法がわからない場合は、このガイドでは、コンピューターとオンラインの両方で PNG 画像のアウトラインを作成する 3 つの簡単な方法を紹介します。さあ、飛び込んでみましょう!

[特別な推奨] PNG にアウトラインを追加するための総合的なオンライン ツール

多くのツールは基本的な PNG アウトラインを提供しますが、FlexClip のような包括的な機能を提供するツールはほとんどありません。背景除去機能を使用した PNG 画像の生成から、アウトラインの追加、さらなる編集まで、このオンライン PNG エディターは、高品質の結果を達成するための簡単なソリューションを提供します。

PNG にアウトラインを追加する場合、FlexClip には、白のアウトライン、光るアウトライン、ぼかしストローク、二重線のアウトライン、クリエイティブ ストロークの 5 つの異なるストローク タイプが用意されています。これらのオプションを使用すると、画像にユニークで洗練された外観を与えることができます。アウトラインを追加した後、新しい背景、スタイリッシュなテキスト、楽しいステッカー、目を引くフィルターを追加したり、画像スタイルを変更したりして画像を洗練し、ソーシャル メディアで共有するのに最適です。ユーザーフレンドリーなインターフェースのおかげで、このツールを最大限に活用するために事前の編集スキルは必要ありません。

オンラインで PNG にアウトラインを追加 - FlexClip

FlexClip を使用して PNG にアウトラインを追加する方法

ステップ 1

「今すぐ編集」をクリックして FlexClip のエディター ページにアクセスし、メディア セクションに画像をインポートします。画像が PNG 形式でない場合でも、ご心配なく。FlexClip の AI 背景リムーバーが変換できます。

PNG 画像を FlexClip にアップロード

ステップ 2

「レイヤーとして追加」をクリックして、PNG 画像をオーバーレイとして追加します。画像を選択し、画面上部の「編集」をクリックします。新しいインターフェースにはストローク機能があります。

PNG 画像を追加し、ストローク機能を有効にします

ステップ 3

好みのストローク スタイルを選択し、画像のトーンに合わせて色、幅、強度をカスタマイズします。

優先ストローク スタイルを追加し、編集を行います

ステップ 4

背景を変更し、輪郭のある画像を別の画像の上に配置し、好みに合わせてカスタマイズすることで、輪郭のある PNG を強化します。

FlexClip でアウトライン画像を強化

ステップ 5

結果に満足したら、タイムラインを右クリックして [フレームのエクスポート] を選択し、編集した画像を JPG としてダウンロードします。

編集した画像をアウトライン付きでエクスポート

オンライン PNG ツール:オンラインで PNG にアウトラインを追加

Online PNG Tools は、さまざまな PNG タスク用に設計された Web ベースのプラットフォームです。 PNG 画像にアウトラインを追加する場合、このツールを使用すると、グラフィック内の要素を強調表示し、カスタマイズ可能なアウトラインでコントラストと明瞭度を高めることができます。輪郭の希望の幅、色、強度を選択でき、特定のニーズに合わせて輪郭の位置、エッジのスムージング、輪郭の程度を制御することもできます。無料アカウントを使用すると、個人使用の場合、1 日に最大 5 枚の PNG 画像をアップロードしてアウトラインを作成できます。無制限のアクセスを楽しむには、プランのアップグレードを検討してください。

オンラインで PNG にアウトラインを追加 - オンライン PNG ツール

オンライン PNG ツールを使用してオンラインで PNG にアウトラインを追加する方法

ステップ 1

https://onlinepngtools.com/ ウェブサイトにアクセスし、メイン ページの検索ボックスに「Add an Outline to a PNG」と入力して、PNG アウトライン追加ウィンドウに入ります。

PNG にアウトラインを追加ツールを見つけます

ステップ 2

画面には 2 つのメイン ウィンドウが表示されます。左側で、コンピュータから目的の PNG 画像をアップロードします。カスタマイズされたアウトラインの色と幅をカスタマイズします。半透明のアウトラインを作成するには、ハロー効果を有効にします。これにより、アウトライン ピクセルが半透明の輝くピクセルに変わります。

ターゲットの PNG 画像をアップロードします

ステップ 3

ツールが結果をレンダリングするまで数秒待ちます。完了すると、右側のウィンドウで輪郭が描かれた PNG 画像をプレビューできます。

アウトライン画像を確認してください

ステップ 4

輪郭付きの画像に満足したら、[名前を付けて保存]> [ダウンロード] をクリックして、透かしなしで輪郭付きの画像をローカル デバイスに保存します。

アウトライン画像をローカルにダウンロード

Illustrator:コンピューター上の PNG にアウトラインを追加

Illustrator は、ロゴ、アイコン、イラスト、タイポグラフィなどのスケーラブルなベクター グラフィックを作成および編集するためにグラフィック デザイナー、イラストレーター、アーティストによって広く使用されているベクター グラフィック エディタです。 Illustrator はプロ仕様のツールとして、ユーザーが正確で高品質のアートワークを作成できる強力な機能を提供します。その機能には、高度な描画ツール、カスタマイズ可能なブラシ、グラデーション効果、包括的なレイヤー管理が含まれます。 PNG ファイルにアウトラインを追加したい場合は、Illustrator が効果的なソリューションを提供します。その仕組みについては、以下のガイドに従ってください。

コンピューター上の PNG にアウトラインを追加 - Illustrator

Illustrator で PNG のアウトラインを作成する方法

Illustrator で PNG のアウトラインを作成するプロセスは少し複雑です。心配しないで!私たちのリードに従って、それを実現することができます。

ステップ 1

Adobe Illustrator をコンピュータにダウンロードしてインストールします。ソフトウェアで目的の画像を開きます。

ステップ 2

CTRL + C を押して画像をコピーし、同じ場所に貼り付けます。操作をより便利にするために、複製したレイヤーを非表示にします。

ステップ 3

[編集]> [色の編集]> [カラー バランスの調整] に移動します。カラー モードをグレースケールに変更し、パネルの「変換」ボックスにチェックを入れます。

ステップ 4

「プレビュー」をクリックしてポイントを右にスライドすると、画像が黒一色に変換されます。次に、イメージ トレースを使用してベクトルに変換し、[展開] をクリックします。

ステップ 5

ダイレクト選択ツールを使用して画像の目的の部分を選択し、CTRL + 2 を押してレイヤーをロックします。

ステップ6

新しい背景を作成し、その色を変更してストローク効果を表示します。より良い効果を得るには、[オブジェクト]> [パス]> [オフセット パス] に移動して、オフセット パスを適用します。

ステップ 7

アウトライン画像をコンピュータにエクスポートし、必要に応じて使用します。

コンピューター上の PNG にアウトラインを追加 - Illustrator

結論

以上、PNG にアウトラインを追加する 3 つの方法でした。どのツールが一番好きですか?ご自身で決定し、今すぐそれを使用して PNG 画像のアウトラインを作成してください。

PNG 画像にアウトラインを追加する:3 つの簡単な方法 (オンラインおよびデスクトップ)

ベラ / PNG 画像にアウトラインを追加する:3 つの簡単な方法 (オンラインおよびデスクトップ)

活力、好奇心、希望に満ちたベラは、FlexClip の精力的なコピーライターです。彼女は主にビデオ作成とビデオ編集に関連する厄介な問題に焦点を当て、ユーザーに実用的な解決策とコツを提供します。個人的に、ベラは小説、SF 映画、料理、旅行が大好きです。そして、彼女は自分の人生すべてが神からの最善の取り決めであると信じています。


  1. DIY ビデオ クリエイターが Typito を利用してエンゲージメントを 5 倍に高めた方法

  2. Vlog 戦略:コンテンツ ゲームを向上させる方法

  3. 制作のヒント:セットで高出力ライトを使い始める

  4. Instagram Online のビデオをスピードアップする方法

  5. コンテンツの再利用:記事を魅力的なポッドキャスト (オーディオとビデオ) に変換します。

  6. ヴェルナー・ヘルツォークはこの映画監督をどのようにしてジャングルを抜け、そこへ導いたのか

  7. Photoshop と FlexClip を使用して画像をテキストに挿入する:ステップバイステップ ガイド

  8. 魅力的なカバー ソング ビデオを作成する:初心者向けガイド

  1. AdobeInDesignでクリエイティブブリーフを次のレベルに引き上げる

  2. 無料の WhatsApp ビデオ コンプレッサー:ビデオ サイズを削減するトップ 5 ツール

  3. あらゆるビデオから字幕を削除する方法:ソフトコードとハードコードのオプション

  4. マスタービデオオーバーレイ:あるビデオを別のビデオの上に重ねて素晴らしい結果を得る方法

  5. プロモーションビデオ:世界を変えるプロモーションビデオを作成するための決定的なガイド

  6. iMovie の縦型ビデオにぼかした背景を追加する方法

  7. 3 つの簡単なステップであらゆるビデオを Instagram に合わせる方法

  8. 適切なマーケティング コンテンツでフィットネス ブランド アイデンティティを作成するためのガイド

ビデオ制作