【文字装飾】Photopeaで80~90年代風ポップレトロな表現やってみた。

デザイン

【文字装飾】Photopeaで80年代風ポップレトロな表現やってみた。

Photopeaで80~90年代風ポップレトロな表現やってみた。

Photopeaを使った80~90年代風のポップレトロ表現です。参考にしたのがDeep ShahさんのPhotoshop動画です。

参考動画https://www.youtube.com/watch?v=3oJb849GS5g

使ったのは無料で写真の編集ができるPhotopeaです。https://www.photopea.com/

photopea テキストツールで文字配置

まずは新規プロジェクト作成して、テクストツールで文字の配置。今回はフォント三つ使います。一個めがこれ。

photopea テキストツールでフォント変更して文字配置

2個目がこれ。

photopea テキストツールでフォント変更して自由変形で斜めに配置

これが三つ目。編集→自由変形で少し斜めにしてます。これだけで結構いい感じだけど、ここから加工していきます。

photopea レイヤースタイルの編集

右下の「eff」をクリックしてレイヤースタイルを触っていきます。

photopea グラデーションオーバーレイの設定をする

グラデーションオーバーレイを触ります。設定はこんな感じ。

photopea グラデーションエディタの設定

グラデーションの設定はこんな感じ。四角いやつは近くをクリックしたら出てきます。消したい時は下に引っ張ります。そうしたら消えます。

photopea ベベルとエンボスの設定

ベベルとエンボス設定はこんな感じ。

photopea ストロークの設定

こちらがストロークの設定。写真ではアウターグロウにチェックが入っていますが、結局なしにしたので割愛。

photopea レイヤースタイルのコピーとペースト

これで加工完了。ここからは補足。日本語テキストに効果を適用していきます。初めにレイヤー効果をくわたもののレイヤースタイルをコピーして日本語テキストレイヤーにペーストします。

photopea 二つ目のフォントでグラデーションオーバーレイの設定

グラデーションの設定少し変えました。

photopea 二つ目のフォントでベベルとエンボスの設定

ベベルとエンボスも少し変更。

photopea 二つ目のフォントでストロークの設定

ストロークも変更。

photopea 3つ目のフォントでカラーオーバーレイの設定

最後に三つ目のテキストをさわります。こちらはレイヤースタイルからカラーオーバーレイをかけます。直接変更でもいいですが、今回はこれで色味の変更をします。

photopea 調整レイヤーからグラデーションで塗りつぶし

続いて背景作っていきます。調整レイヤーからグラデーションで塗りつぶしを選びます。

photopea グラデーションの色味設定

設定はこんな感じ。

photopea 背景の星を作成 テキストレイヤーを複製

続いて背景の星を作っていきます。一番目に作ったテキストレイヤーを複製します。複製したらスタイルをディザ合成に変更して右クリックからラスタライズします。

ラスタライズしたらフィルター→ぼかし→ガウスぼかしで星にします。

photopea 背景の星を作成 ディザ合成とガウスのぼかし

こんな感じ。

photopea 新規レイヤー作成後ブラシツールで適当に描画

もうちょい星感だしたいので、新規レイヤー作成してブラシで適当に描画します。

photopea ディザ合成とガウスのぼかし適用

ディザ合成、ラスタライズ、ガウスぼかしをやります。

photopea ガウスのぼかしを再度適用

ぼかし甘かったので、もう少しぼかします。

photopea 星の不透明度を30%に下げる

ちょっと濃いので不透明度を下げます。今回は30%にしてます。

photopea 楕円からきらきらを作る。

きらきらを作ります。まずは楕円ツールで楕円を作ります。

photopea パス選択からアンカーポイントの編集

パス選択を使ってアンカーポイントを縮めたり消したりして円を細くします。

photopea パス選択から図形のアンカーポイント編集

こんな感じ。

photopea 楕円を細くした

いい感じに細くなりました。あとはこれを複製して自由変形で回転させます。

photopea 楕円を細くして回転させて重ねる

星になりました。

あとはこの星を適当に配置して、好みで線とか丸をつけたら

Photopeaで80~90年代風ポップレトロな表現やってみた。

完成。