【文字装飾】Photopeaで80~90年代風ポップレトロな表現やってみた。
【文字装飾】Photopeaで80年代風ポップレトロな表現やってみた。
![Photopeaで80~90年代風ポップレトロな表現やってみた。](https://pirikarasansyo.com/wp-content/uploads/2023/01/citypop-1024x576.jpg)
Photopeaを使った80~90年代風のポップレトロ表現です。参考にしたのがDeep ShahさんのPhotoshop動画です。
参考動画https://www.youtube.com/watch?v=3oJb849GS5g
使ったのは無料で写真の編集ができるPhotopeaです。https://www.photopea.com/
![photopea テキストツールで文字配置](https://pirikarasansyo.com/wp-content/uploads/2023/01/b4ecc87c12065cf93369060e998d1c2b.jpg)
まずは新規プロジェクト作成して、テクストツールで文字の配置。今回はフォント三つ使います。一個めがこれ。
![photopea テキストツールでフォント変更して文字配置](https://pirikarasansyo.com/wp-content/uploads/2023/01/277d9376f9efe554a643e150b646ff69.jpg)
2個目がこれ。
![photopea テキストツールでフォント変更して自由変形で斜めに配置](https://pirikarasansyo.com/wp-content/uploads/2023/01/a63ab26bbb33e20fd458073bb2ac6434.jpg)
これが三つ目。編集→自由変形で少し斜めにしてます。これだけで結構いい感じだけど、ここから加工していきます。
![photopea レイヤースタイルの編集](https://pirikarasansyo.com/wp-content/uploads/2023/01/23a56aae0caf8f071be73e997592a8bc.jpg)
右下の「eff」をクリックしてレイヤースタイルを触っていきます。
![photopea グラデーションオーバーレイの設定をする](https://pirikarasansyo.com/wp-content/uploads/2023/01/cca1e2dd4c5416b4115dfebb27ae0e8b.jpg)
グラデーションオーバーレイを触ります。設定はこんな感じ。
![photopea グラデーションエディタの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/25e0bc836b8069b2ffaaa9f012647076.jpg)
グラデーションの設定はこんな感じ。四角いやつは近くをクリックしたら出てきます。消したい時は下に引っ張ります。そうしたら消えます。
![photopea ベベルとエンボスの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/b700b1fabc7c4caba39e3f5531f305a4.jpg)
ベベルとエンボス設定はこんな感じ。
![photopea ストロークの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/df59cc5589d456055618b0b85c7f7059.jpg)
こちらがストロークの設定。写真ではアウターグロウにチェックが入っていますが、結局なしにしたので割愛。
![photopea レイヤースタイルのコピーとペースト](https://pirikarasansyo.com/wp-content/uploads/2023/01/45a95049a876f8454dbee85083d50751.jpg)
これで加工完了。ここからは補足。日本語テキストに効果を適用していきます。初めにレイヤー効果をくわたもののレイヤースタイルをコピーして日本語テキストレイヤーにペーストします。
![photopea 二つ目のフォントでグラデーションオーバーレイの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/65eaa7c70a066892a644841861ab72b6.jpg)
グラデーションの設定少し変えました。
![photopea 二つ目のフォントでベベルとエンボスの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/ae1d4d2077944dc85e16d178aa6104b3.jpg)
ベベルとエンボスも少し変更。
![photopea 二つ目のフォントでストロークの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/8a78257dc227e9182e868716f54fe880.jpg)
ストロークも変更。
![photopea 3つ目のフォントでカラーオーバーレイの設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/d3aa9c4598add5938500bfe9b9cd4130.jpg)
最後に三つ目のテキストをさわります。こちらはレイヤースタイルからカラーオーバーレイをかけます。直接変更でもいいですが、今回はこれで色味の変更をします。
![photopea 調整レイヤーからグラデーションで塗りつぶし](https://pirikarasansyo.com/wp-content/uploads/2023/01/1926b5527a00b44d60bc37955f073803.jpg)
続いて背景作っていきます。調整レイヤーからグラデーションで塗りつぶしを選びます。
![photopea グラデーションの色味設定](https://pirikarasansyo.com/wp-content/uploads/2023/01/73c6043cb8361ce0354911df9a8e98a2.jpg)
設定はこんな感じ。
![photopea 背景の星を作成 テキストレイヤーを複製](https://pirikarasansyo.com/wp-content/uploads/2023/01/76944a6700c8bd00fd6f822465b47c4f.jpg)
続いて背景の星を作っていきます。一番目に作ったテキストレイヤーを複製します。複製したらスタイルをディザ合成に変更して右クリックからラスタライズします。
ラスタライズしたらフィルター→ぼかし→ガウスぼかしで星にします。
![photopea 背景の星を作成 ディザ合成とガウスのぼかし](https://pirikarasansyo.com/wp-content/uploads/2023/01/ec6c5bf5eb1ce0f2963682bca17d52c7.jpg)
こんな感じ。
![photopea 新規レイヤー作成後ブラシツールで適当に描画](https://pirikarasansyo.com/wp-content/uploads/2023/01/ae57bfd820fa43ada51349a51a3460c2.jpg)
もうちょい星感だしたいので、新規レイヤー作成してブラシで適当に描画します。
![photopea ディザ合成とガウスのぼかし適用](https://pirikarasansyo.com/wp-content/uploads/2023/01/cb7977d0764443fbd69ecee1ff17d4a7.jpg)
ディザ合成、ラスタライズ、ガウスぼかしをやります。
![photopea ガウスのぼかしを再度適用](https://pirikarasansyo.com/wp-content/uploads/2023/01/8f476b4fe5112e3de6739558f152f114.jpg)
ぼかし甘かったので、もう少しぼかします。
![photopea 星の不透明度を30%に下げる](https://pirikarasansyo.com/wp-content/uploads/2023/01/d2a438fe2693ce7b4a4429dc94a20b52.jpg)
ちょっと濃いので不透明度を下げます。今回は30%にしてます。
![photopea 楕円からきらきらを作る。](https://pirikarasansyo.com/wp-content/uploads/2023/01/03f9144dd7c4816d23c284567891153d.jpg)
きらきらを作ります。まずは楕円ツールで楕円を作ります。
![photopea パス選択からアンカーポイントの編集](https://pirikarasansyo.com/wp-content/uploads/2023/01/c415ca898cf356e1c4bd9ae1918ea727.jpg)
パス選択を使ってアンカーポイントを縮めたり消したりして円を細くします。
![photopea パス選択から図形のアンカーポイント編集](https://pirikarasansyo.com/wp-content/uploads/2023/01/e5deec5644fde77671c628acb705c4bd.jpg)
こんな感じ。
![photopea 楕円を細くした](https://pirikarasansyo.com/wp-content/uploads/2023/01/4164f135bb52497e475e35a0e89ac161.jpg)
いい感じに細くなりました。あとはこれを複製して自由変形で回転させます。
![photopea 楕円を細くして回転させて重ねる](https://pirikarasansyo.com/wp-content/uploads/2023/01/e311503039f9bddeda001f0bf7614385.jpg)
星になりました。
あとはこの星を適当に配置して、好みで線とか丸をつけたら
![Photopeaで80~90年代風ポップレトロな表現やってみた。](https://pirikarasansyo.com/wp-content/uploads/2023/01/citypop-1-1024x576.jpg)
完成。