フォトショップで図形の周りに文字を書く方法
![piyo](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/02/siro-ピクセル-31100pxアートボード-1.jpg?w=1256&ssl=1)
piyo
図形の外周りと内回りの境界線に沿った文字が書けるピヨ。工夫次第でおしゃれに。
図形を書く
カスタムシェイプツールで作っていくよ。
※カスタムシェイプツールの使い方を復習したい方はこちら
▶https://piyo-piyo-piyo.com/158/
※リンク先は「吹き出し」を各項目になっています
※リンク先は図形を描くので選択で「シェイプ」になっていますが、文字を書くときは「パス」にします
![カスタムシェイプツール](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.37.58.jpg?resize=226%2C158&ssl=1)
月を選びました。
![今回は月を選びました。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.40.16.jpg?resize=418%2C238&ssl=1)
左上はパスにします。
![左上はパスにします。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.37.49.jpg?resize=349%2C164&ssl=1)
ドラックして描く
![ラックして描く](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.40.02.jpg?resize=510%2C426&ssl=1)
文字を書く準備
新規レイヤーを作る
![新規レイヤーを作る](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.42.53.jpg?resize=310%2C284&ssl=1)
左側で「横書き文字ツール」
![左側で「横書き文字ツール」](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-28-19.10.58.jpg?resize=344%2C176&ssl=1)
色とフォントを選んで(文字パネルが出てない人は一番上のウィンドウ>文字で下記のパネルを出す)
![色とフォントを選んで(文字パネルが出てない人は一番上のウィンドウ>文字で下記のパネルを出す)](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.56.26.jpg?resize=286%2C271&ssl=1)
文字を書く
![キャンバスでカーソルが下記のマークになったら縁に文字が書ける!](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/外側-1.jpg?resize=548%2C549&ssl=1)
文字を書いていく。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-0.51.54.jpg?resize=512%2C454&ssl=1)
レイヤーの状態。
![レイヤーの状態。](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.56.38.jpg?resize=294%2C274&ssl=1)
完成!
パスの状態
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-1.04.05.jpg?resize=584%2C234&ssl=1)
描きはじめの場所を変える方法
パスコンポーネントツール>図形の周りにカーソルを合わせて
![パスコンポーネントツール>図形の周りにカーソルを合わせて](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-0.52.14.jpg?resize=502%2C168&ssl=1)
下記のマークが出たらドラックで回す
![下記のマークが出たらドラックで回す](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/IMG_9732.jpg?resize=512%2C512&ssl=1)
空いている位置が変わった。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-0.53.22.jpg?resize=512%2C476&ssl=1)
内側にする方法
パスコンポーネントツール>図形の周りにカーソルを合わせて
![パスコンポーネントツール>図形の周りにカーソルを合わせて](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-0.52.14.jpg?w=1256&ssl=1)
下記のマークが出たら内側にドラック
![マークが出たら内側にドラック](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/IMG_9732.jpg?resize=512%2C512&ssl=1)
内側になった!
![内側になった!](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-1.00.50.jpg?resize=512%2C466&ssl=1)
※外周りに戻したいときは、同じように外向きにドラックで戻る
おまけ
図形をのレイヤーを作って色を塗ろう
パスで月の形が選ばれていて、新規レイヤーを作って。
左側は、塗りつぶしツール>描画色で塗りたい色を選ぶ>選択範囲内で左クリック
![塗りつぶしツール>描画色で塗りたい色を選ぶ>選択範囲内で左クリック](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-29-9.58.30.jpg?resize=377%2C144&ssl=1)
色が塗れる
![色が塗れる](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-1.03.11.jpg?resize=512%2C479&ssl=1)
レイヤーはこんなかんじ
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/10/スクリーンショット-2021-10-30-1.03.37.jpg?resize=422%2C261&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
図形と文字を少しずらしてもおしゃだね🌟
色々作ってみてね!
似ているページ
よかったらこちらもみてね
コメント