その他 デザイン

2022.09.15

【チャレンジ企画】あの某アーティストのジャケ写再現してみた

皆さんこんにちは!
気付いたらWebデザイナーになって10年目になっていたC.Abeです。
私は幅広いジャンルのデザインを作りながら写真撮影にも力を入れているデザイナーです◎

話は変わりますが、私は小学5年生の時からジャニーズが大好きです。
これまで関西のグループを何組か応援して来ました!
その中でも今でもずっと大好きなのが「関ジャニ∞」です。
色んな場面で助けられてきて、たくさん元気を貰ってきました!

時にはライブ衣装を再現して作ってみたりストラップを作ってみたり…
公式サイトから写真や文字の見せ方を勝手に勉強させてもらったり…

そんな大好きで尊敬している関ジャニ∞のCDジャケットはどれもオシャレなものばかりです。
今回はCDジャケットを再現してみたいと思います!
果たしてどこまで再現出来るのか…

どうか温かい目で見ていただけると嬉しいです!笑

何のジャケ写を再現する?

今回は2017年に発売された「応答セヨ」というシングルの中から「初回限定版」のジャケ写を再現してみたいと思います!

今回再現させていただくジャケ写はこちら
https://www.infinity-r.jp/discography/298

こちらのジャケ写の特長はこんな感じだと思います。

・メンバーの写真が縦7分割になっている
・瞳の中心に星がある
・写真に青いマスクがかかっている
・前面に黄色い丸と四角の図形が並んでいる

それではさっそく再現してみましょう!

1.メンバーの写真を入れてみよう

まずは7分割して写真を入れていきます。

と言っても写真がない…どうしよう…
あっ!スピカデザインのメンバーにお願いしよう…!

ということで写真はスピカデザインのメンバーに協力いただきお顔を貸していただきました(皆さんありがとうございますm(_ _)m)
忠実に再現する為に真顔になってもらいました。笑

本物の色味に近づけるために最初から白黒写真に変えておきます!
ふむふむ…なんかこの時点でいい感じかも!?
みんないい顔してますね~

2.瞳に星を入れてみよう

写真を入れることは出来ましたが、これではまだ瞳に星を入れられていません。。
本物はナチュラルに星が入っているので上手く入れられるように頑張ります…!

まずは星のオブジェクトを用意し、瞳の上に重なるように配置します。
自然に見せるために色味を調整し、星の形もメンバーそれぞれの瞳に合わせて変形して入れます。

すると…

星が瞳の中心に入りました…!

3.青いマスクをかけてみよう

写真を配置できたので次はジャケ写の雰囲気をガラッと変える青いマスクをかけていきたいと思います。

まずはこれくらいかな?と思う濃い青の四角を作ってみます。
いい感じの色味になったので不透明度を80%くらいまで下げてみる…

だんだん本物に近づいて来ました…!

4.黄色い図形を並べてみよう

いよいよ最後の工程です!
最後はジャケ写の前面に配置されている丸と四角を作っていきます!
本物の大きさを確認してバランス良く配置したら完成…!

めちゃくちゃいい感じになりました!
これは再現度高いのではないでしょうか…?!

5.最後に

いかがでしょうか??
本物比較してみると青いマスクの色味が若干薄いように見えますがほとんど再現出来ていると思います◎

今回再現させていただいたジャケ写はこちら
https://www.infinity-r.jp/discography/298

自分の好きなアーティストのジャケ写を再現するということは初めておこないましたが、楽しく作ることが出来ました。
今回は比較的簡単なつくりのデザインでしたが、次はもっと複雑なデザインにチャレンジしたいと思います!

皆さんも是非、自分の好きなアーティストや作品を再現してみてはいかがでしょうか?

この記事をシェアする

関連記事

  • 2022.09.08

    この世界はコードでできている#2

    コーディング

    その他

    制作

  • 2022.09.08

    【動画編集時短術】プレミアプロに用意されているトランジションテンプレートのおすすめ15種類を紹介!

    その他

    制作

    動画

  • 2022.09.01

    お悩み別!パソコンを使う人のためのお手軽マッサージ3選

    その他

    社員ブログ

おすすめ記事

  • 好きなフォントは?現役WEBデザイナーに聞いてみた!

    2022.06.01

    デザイナーなら好きなフォントの1つや2つあるでしょ?現役WEBデザイナーに好きなフォント聞いてみた!

    デザイン

    制作

  • 2022.06.30

    【作業のお供に!】おすすめ深夜ラジオ3選

    社員ブログ

  • 2022.04.12

    Chromeで画像やテキストがぼやけるときの対処法

    コーディング

    制作

×