画像を開く
好きな画像でステッカーを作る時にも使える、photoshopで画像の周りに均等な枠線を引く方法を紹介します。
今回は、選択範囲を均等に大きく拡張し、境界線の部分に実線を引く方法で作成します。
ニワトリの画像は、Adobe stockの無料画像なので、ダウンロードして練習してみてね。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.31.39.jpg?resize=750%2C542&ssl=1)
![piyo](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/02/siro-ピクセル-31100pxアートボード-1.jpg?w=1256&ssl=1)
piyo
イケめんどり〜!
被写体を選択する
レイヤーで被写体のいるレイヤーが選択されている状態>クイック選択ツール>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.02.57.png?resize=338%2C398&ssl=1)
>被写体を選択
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.03.29.png?resize=463%2C88&ssl=1)
鳥が選択されます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.04.16.jpg?resize=500%2C438&ssl=1)
他の選択の方法は、こちらで確認してね▼
鳥の周りが点滅している状態で進めます。
選択範囲を均等に大きくする
選択範囲>選択範囲を変更>拡張
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.04.48.jpg?resize=410%2C392&ssl=1)
今回私は、80pixel>OK にしました。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.07.49.png?resize=365%2C170&ssl=1)
選択範囲が80px均等に拡張されました。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.08.03.jpg?resize=500%2C423&ssl=1)
選択範囲を均等に大きくする方法はこちらの記事も参考になるよ
線を引く前にブラシの設定をします
ブラシツール
左側ブラシツール>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.48.27.jpg?resize=750%2C534&ssl=1)
ブラシツールはこちら
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.13.49.png?resize=306%2C210&ssl=1)
上側でブラシの種類とサイズを選択します。くっきりした線なら「ハード円ブラシ」をとりあえず選べばOK
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.14.15.png?resize=466%2C458&ssl=1)
線を引きます
左側の「ダイレクト選択ツール」を選びます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.09.27.jpg?resize=1000%2C761&ssl=1)
ダイレクト選択ツールはこちら
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-16-23.15.33.png?resize=396%2C360&ssl=1)
境界線を描く
カンバスの上で右クリック>境界線を描く
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.17.11.jpg?resize=474%2C500&ssl=1)
境界線パネルの説明
幅
幅、を選択(こちらも元の画像サイズによって最適サイズが変わります)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.18.00.jpg?resize=440%2C366&ssl=1)
カラー
「境界線」パネルの「カラー:」の右側(下記画像の赤いの色の部分)をWクリック>「カラーピッカー(境界線のカラー)」パネルで好きな色を選択して>OK
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.12.49.jpg?resize=750%2C468&ssl=1)
位置
点線から内側に引くか、中心に引くか、外側に引くか。
今回は「外側」を選択しました。>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.18.00.jpg?resize=440%2C366&ssl=1)
合成
今回は、描画モード「通常」、不透明度は「100%」にしておこう>OK
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.18.00.jpg?resize=440%2C366&ssl=1)
こんな感じになります。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2023/04/2023-04-16-23.18.59.jpg?resize=500%2C409&ssl=1)
コメント