![見出し画像](https://assets.st-note.com/production/uploads/images/89703730/rectangle_large_type_2_3372ba9d39e6476f5eda036bbaf2ae10.png?width=800)
Webデザイン初心者③
②の投稿であげた、
sitenのデザイン。
これにと思ったものに、
仕上げてみました︎。WBB公演の情報を引用させて頂き、
vol.21 いえないアメイジングファミリーのまとめとしてレイアウト組みました。
メイン画像
背景のペイントはprocreate作成。
![](https://assets.st-note.com/production/uploads/images/89701146/picture_pc_10f5e8a774d09ce6e5cc0d3bfde60215.png?width=800)
角っとしたブラシは、
抽象のヘキサベクトル。
もくもくしているのは、
エレメントの雲 を使用。
別で何となく作っていたものでした。
これを背景に、Illustratorにて
紫を裏に合わせ円形を重ねました。
![](https://assets.st-note.com/production/uploads/images/89699281/picture_pc_ca6e1d61127b2c0ba5a8d8849fcfdbbb.png?width=800)
なぜ、目なのかって?w
いえアメの中でポイントの一つとなっているのと、
愛のある作品だけどちょっと何か違うっていうのを、
伝えるのにあの目玉が出てきました。👀
☆各タイトル↓
(サイトバナー)
home、info、story line、coming soon…
![](https://assets.st-note.com/production/uploads/images/89699579/picture_pc_700972763e6ca6e0bc657d6dcec2a9e8.png?width=800)
![](https://assets.st-note.com/production/uploads/images/89699576/picture_pc_0c11512ab4f73f04f050dd996047d5b9.png?width=800)
![](https://assets.st-note.com/production/uploads/images/89699578/picture_pc_16abb589fd4f68c84a4ada1aa0652df7.png?width=800)
![](https://assets.st-note.com/production/uploads/images/89699581/picture_pc_bd3589731515053646c88d1856dd8b13.png?width=800)
Illustrator作成。
それぞれ、Oの部分を目玉に。
文字フォントは、
“Academy Engraved LET Plain”
バックには目玉をラジアル(2つ)で、
引き伸ばしました。
怪しみありつつも、
シュッとな印象に。
☆オブジェクト
公演期間がクリスマスなので、
それっぽいものを思いながら星を作り、
重ねて重ねてラジアルにしてたらこんな感じに↓
![](https://assets.st-note.com/production/uploads/images/89702525/picture_pc_bb0ce0c9129e8e9548bad42ab92848df.png?width=800)
これを盛って盛ってw
ツリーにしました。↓
![](https://assets.st-note.com/production/uploads/images/89702245/picture_pc_ed5440d9513ab7f8e34701448654ff8b.png?width=800)
悪魔のツリーってどんなだろうって、
クロは入れてみたけど、もっとダークな色味にしても良かったかなっと。
また色味を変えて作成してみます。
この作品の大きなテーマでもある愛。
ハートを埋めて、薄く散らばしてもあります。
↓後々、雨もポイントだったと思って普通じゃなんだかなぁっと、
思い出したのがピクニックっというワード。
作品を観ていて、
私的にその場所の道中?目的地のイメージがこういう丘を浮かばせていたので、
それを傘と合わせてみましたw
![](https://assets.st-note.com/production/uploads/images/89702234/picture_pc_bc1a8304d69700a676b6f5937cf6ca7c.png?width=800)
あくまでも個人的なイメージ。
随時更新の中で印象を掴めたら、また変えていくかもです。
この記事が気に入ったらサポートをしてみませんか?