Sketchで正方形の画像を円形の画像に変更するにはどうすればよいですか?


15

Sketchで長方形の画像を撮り、円/半径のスタイルを与えたいです。

例えば:

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


2
だから...あなたは丸い穴に四角い釘を入れたいですか?
ローレン-Reinstate-Monica-Ipsum 14年

試したことをお知らせください。
DᴀʀᴛʜVᴀᴅᴇʀ

@aleは私が最終的に使用したものです。うまくいきました!
ダニエルフィッシャー14

回答:


22

それは実際には非常に簡単です。それを行うには2つの方法があります。

1.マスクを使用する

それがあなたにもっと柔軟性/編集オプションを与えるので、私道の最良の方法。

  1. 画像をインポートします。

    インポート

  2. 画像をマスクする円を描きます:

    マスク

  3. ツールバーアイコンを使用し、ビットマップの背後に円を移動しBackwardます。

    バック

  4. 円を使用してビットマップをマスクし、選択Layer › Use as Maskしてメニューから選択します。

    マスク

  5. じゃん!

    完了

  6. 追加の手順として、ビットマップとサークルマスクをグループ化して、サークルが他の形状をマスクしないようにすることができます。

    グループ

  7. 境界線を追加するには、マスクされた画像の上に配置された別の円形を追加します。


2.パターン塗りつぶしを使用する

  1. 画像を表示したい場所に円を描きます:

    サークル

  2. Select Fill › Pattern Fill インスペクターで:

    パターン

  3. Choose Image…ビットマップをクリックして選択します。

    ビットマップ

  4. Fillドロップダウンで塗りつぶしオプションを設定します。

    塗りつぶす

  5. 通常どおり、円に境界線を追加します。

  6. じゃん!

それが役に立てば幸い!


2

Photoshopでマスキング方法を使用できます。

手順は次のとおりです。サンプルの長方形画像を使用します。

1 * Photoshopで長方形の画像を追加し、新しいドキュメント内に配置すると、画像用の新しいレイヤーが作成されます。

ご覧のように、星空の下に白い背景レイヤーがある長方形の画像。

2 *円形ツールを使用して、目的のサイズに円形を作成します。オブジェクトのレイヤーが作成され、レイヤーが長方形の画像の上に配置されます。

長方形の画像レイヤーの上にある円形オブジェクト

3 *ここで、長方形の画像レイヤーの下に円のレイヤーを配置します。次に、長方形の画像のレイヤーをクリックし、右クリックして、クリッピングマスクの作成を選択します。

長方形の画像のレイヤーを右クリックして、クリッピングマスクの作成を選択します。 レイヤーが円オブジェクトの上にあることを確認してください

4 *この時点で、長方形の画像レイヤーの周りをドラッグして円に合わせることができます。円がキャプチャする長方形の画像の部分を調整できます。 円に合うように長方形の画像レイヤーの周りをドラッグします

5 *円内の画像の位置に満足したら、両方のレイヤーを選択し、それらを結合して円形の画像を作成できます。両方のレイヤーを選択した後、右クリックしてレイヤーをマージするか、Macの場合はショートカットCmd+ E、Windowsを使用している場合はCtrl+ Eを使用できます。

両方のレイヤーを選択し、一緒にマージします

それらをマージすると、レイヤーは次のようになり、新しい円形画像のみが含まれるようになります。

6 *最後に、レイヤーパネルの下部にあるエフェクトボタンを使用して、ストロークやドロップシャドウなどのエフェクトを追加できます。シンボルが表示さfxれているはずです。ストロークを選択すると、好きな色のストロークを新しい円形画像に追加できます。

レイヤーパネルの下部にあるエフェクトボタンを使用して、ストロークやドロップシャドウなどのエフェクトを作成します

好きなストロークサイズを調整します

最終結果は次のようになります。背景色レイヤーが白であるため、緑色のストロークを使用してストロークがどのようになるかを示しました。

これがお役に立てば幸いです。


3
OPはSketchで解決策を求めていると思います。
ベンデ14年

これはPhotoshopの誰かの助けになるかもしれませんが、OPがSketchでそれを求めたのであなたの答えが落とされる可能性があることを理解してください。
DᴀʀᴛʜVᴀᴅᴇʀ

1

これは、問題に異なるアプローチをする方法のアイデアです。クリップもマスクもしないで、円形空間に収まるように画像を変換します。直交座標から極座標に変換するプラグインが必要です:

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

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