Rin＊Webデザイン

2025.6 Famm卒｜フリーランスWebデザイナー＆コーダーを目指して奮闘中🔥｜ Canva / Photoshop / HTML ・CSS ｜音楽もデザインも、“好き”をあきらめない働き方へ🎧

[Rin＊Webデザイン @Xr1Rin]

こちら、ほとんど放置状態でした💦
お久しぶりです！
皆さんお元気ですか？

Fammで本格的にデザインの勉強を始めてから、
気づけばもう1年。

少しずつですがお仕事に繋げられています！
現在は別のアカウントで発信を続けています
よかったらこちらも覗いてみてください☺️

https://t.co/pbG4yMqIIW

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY36

ついに‼︎完成しました〜✨

・夜型→朝強くなった
・朝からみいさんの声に癒される
・PSも前より扱えるようになった

良いことづくしのデザインLIVEでした🙌
みいさん、ありがとうございました♡
そして皆さんお疲れ様でした👏✨

今日で終わりなの寂しすぎる…😭

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
Day35

今日は全体を確認して、最後の仕上げをしました。

・リボンに沿わせて文字をカーブ
→ 曲線ペンツールでパスを作って、その上に文字をのせるように配置◎

いよいよ明日で完成だそうです✨

[Rin＊Webデザイン @Xr1Rin]

@Shie_Design ありがとうございます☺️
使わせていただきます！

[Rin＊Webデザイン @Xr1Rin]

独学を含めると
今年の3月からだから8ヶ月だった💦

[Rin＊Webデザイン @Xr1Rin]

今年ももう少しで終わり😳
デザインを本格的に勉強し始めて、11ヶ月。

6月にスクールを卒業
→5ヶ月目､ありがたいことに
少しずつだけど、デザインのお仕事につながってきました✨

・インスタ投稿画像（ランサーズ）
・メニュー表×2（オフライン / ココナラ）
・バナー制作（X案件）

[Rin＊Webデザイン @Xr1Rin]

来年はもっと、音楽とデザインを自分らしく混ぜて
誰かの役に立てるものを作っていきたい🎧✨

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY34

よくある質問ページを仕上げました✨

・参考サイトで共通点を見つける！
・QとAでフォントが違う
（Qが明朝体､Aはゴシック体など）
・Q &AページはシンプルでOK

来週には完成できるそう！！
あと少し頑張ろう〜🔥

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY33

・写真のフチは､境界線 : 内側（7px）でつけられる。

写真のドロップシャドウ､強すぎ&ピンク過ぎたかなぁ？
モデルさんのライティングも合わせた方が良かったかも！

[Rin＊Webデザイン @Xr1Rin]

1年間､半額でCC使えるので､Illustrator使い始めました！
昨日からちょこちょこ触ってます､楽しい😍
昔仕事で使ってた事あるけど､忘れてるな〜

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY31・32

いよいよCTA部分へ💎

・女性に美顔器を持たせる加工 → 美顔器画像を小さめに配置 → 全部選択 → Gemini→生成塗りつぶし

・金額はかなり詰める

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY29・30

・長音「ー」は水平比率を80％くらいにする
・「〇〇歳」は数字を大きく、歳は小さく
・名前の「さん」は小さめでOK
・マーカー部分の文字は太めにすると見やすい

ついに30日目に突入‼︎🙌
完成まであと少し…がんばりましょう🔥

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY26〜28

先週もバタバタしてたけど、何とかついて行ってます💪✨
まとめて投稿！

・光の素材はぼかしてあげると自然
・「“〜”」じゃなくて文字の頭をそろえる
・文字のグラデーション→文字の上に長方形→グラデーション→クリッピングマスク

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY24・25

・人物写真が何枚かあるときは、顔の大きさを揃える
・顔の向きも交互に配置する

女性モデルは Nano Banana で生成しました🍌
服の色を生成塗りつぶしで変えられるの､感動…！

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY23

施術の流れ〜ベネフィット

忘れないように✍️
▶︎アートボードの書き出し
・レイヤーパネルでそのアートボードを右クリック → 「書き出し形式」で保存

▶︎ガイド設定（LP）
　両サイド 30px / 720px / 中央 50%

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY22

昨日の✨
成分の影を付けたり､施術ページにも取り掛かりました
整列する機能初めて使いました。めっちゃ便利‼︎

・文字数少ないとこ→カーニング広め
・長方形も文字数に合わせて小さくする
・文字の大きさは最低でも24px

今週もなんとか続けられました🙌

[Rin＊Webデザイン @Xr1Rin]

水餃子食べてて気づいた🥟
mizkanのロゴ、「mi」と「zkan」で字体が違う‼︎😳

気になって調べたら。。

「mi」には“身・未来・魅力・味覚・水”など
ミツカンに関わりの深い意味が込められてるそう

#デザインの気づき
#ロゴデザイン

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY21

成分のパーツを作りました🫧
視認性のある光彩のつけ方が難しい…💦

💡今日のポイント
・「弾力UP」→ 英字だけフォントを変更（英字がきれいに見えるものに）
　→ Century Gothic Pro
・文字サイズは日本語と揃える
・ベースラインも揃える

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE

ナノコラーゲンの後ろの
の後ろのぷるぷる🫧は、
もりやまさん🐰が生成された素材を使わせていただきました！

透過済みでとっても助かりました🙏
ありがとうございました🙇‍♀️♡

[Rin＊Webデザイン @Xr1Rin]

@yosshi_2458563 ありがとうございます☺️

[Rin＊Webデザイン @Xr1Rin]

#みいのLPデザインLIVE
DAY19

出かけたり、仮眠を取ったりしていたので
ようやく完成🙌

💡ドロップシャドウのポイント
影を黒にすると全体が暗くなってしまう❌
→ 背景の色を拾って少し暗めにすると自然に馴染む

分子構造などの小さなパーツにも影を入れていて
細部まで本当に丁寧だなと感じました