家事も育児も仕事もちょうどよく～WEBデザイナー目指して奮闘する在宅ワーカーママの日々の備忘録～

家事も育児も仕事もちょうどよく～WEBデザイナー目指して奮闘する在宅ワーカーママの日々の備忘録～

ホームピグアメブロ

芸能人ブログ人気ブログ

前ページ
次ページ

02Jan
- 2024年の目標とアクションプラン
  デザインにコミット明けましておめでとうございます。私の将来の目標と、今年の目標を立てて、そこに向けての具体的な行動をアクションプランに落とし込んでみました。【将来の夢】転勤妻や小さいお子さんがいるママさんで将来に漠然とした不安を抱えていて何かしらのスキルで少しでも稼いでいきたい！と本気で思っている人たちに私の持っているスキルや考え方の全てを使って「やればできる、やり抜けばできる」ことを伝えられるようなオンライン/リアルのコミュ二ティを作る【そのために…今年の目標】まずはWEBデザイナーとして月の収入を20万円以上で安定させる。■提供内容・LP制作・バナー制作20万円以上を３か月続けられたら↓WEBサイト制作の勉強開始！・コーディング・ワードプレス実装ただし、コーディングについては完全に向いてない可能性もあるので「コーディングに理解のあるデザイナー」という立ち位置でデザインカンプや仕様書でコーダーさんを困らせないくらいの知識で十分、と決めておく。※向いてるかも…　と思ったらコーダーとしても活動開始！■提供内容・WEBサイトのデザイン【アクションプラン】①LP制作の学習・みいサロン学習ステップ・並行してデザイン本学習・SNSで学習記録投稿②オリジナルLP制作・みいサロン学習ステップ・ポートフォリオ作成・並行してデザイン本学習・SNS投稿③営業準備・CSのプロフィール整える・営業文/提案分作成・ヒアリングシート・資料作成（料金表/打ち合わせ用）・モニター募集④営業開始（５月開始予定！）・CW/ランサーズで営業開始・ココナラ開始・リアルの交流会やセミナー参加⑤クライアント様の反応分析・改善点の洗い出し・うれしいお声があればSNSで発信・再現性の確認⑥再現性を持って営業から繰り返すこのような感じです。まずは0→1を生み出すためにデザインに全力投球します！本当はWEBサイト制作のコーディングなどを１月から学習開始予定でしたが、一つずつできるようになる方が結果的に早く成果を出せると学んだので！！！順算式に積み上げていきます。営業開始前までにはバナー制作の方でクラウドソーシングサイトのコンペなどに挑戦していこう。。
30Dec
- 腰痛で寝込む…
  前々から予兆はあった…日頃の作業中の姿勢が悪すぎました。今の家に住み始めてから2年目に在宅ワークを始めて、当時から我が家にはテーブルと椅子のセットが無い。リビングにソファと昇降式のダイニングテーブルがあるだけ。なので、パソコン作業をするときはソファにあぐらをかいてテーブルをMAXの高さにして作業してました。何時間も笑そりゃ腰も痛めるわ。。。1人目の時も、2人目の時も産後すぐくらいに腰痛で病院に行ってました。スパで働いてた時も腰痛持ちでもなんとかなってました。年々身体が硬くなり…体重もどんどん増えて…このままではヤバいな…と思ってましたが。ついに、一昨日から歩くのもやっとの腰痛が…年末年始で病院は休み。救いなのは、夫も休みという事。おかげで全ての家事を任せてしっかり養生させて頂いてます。ソファで寝室に布団を敷きたいところですが全ての家事をしてもらってるのでリビングで子供たちの相手をする事だけはやろうと思って。寝転んだままですが、絵本読んだりお話ししたり、YouTubeみたり。完全に寝正月になる予感いやー、とにかく夫が家事全部できる人で本当にありがたい。普段は分担してることも全部やりつつ、冬休みで暇な子供達と公園にも行ってくれて…必ずデザイナーとして頑張って夫に何か恩返ししよう。1人で温泉旅行とか。来年の目標は年明けに出す予定ですが！健康管理ダイエットは必須事項になりました。
29Dec
- Photoshop　レタッチ・加工アイデア図鑑　2
  コツコツ・でも着実に私はすご～く、このコツコツが苦手（笑）小さいころから飽きっぽくて、決めたのに継続できない…それが、WEBデザイナーを目指しはじめてからは、それぞれの学習をコツコツと積み上げることができるようになってきました。好き。それだけではない気がします。再現性の高い学習計画を立てる事が出来てきたからかな～。今日の投稿は、Photoshopの写真レタッチアイデア図鑑の２個目です。この２つの画像を合成して・・・こんな感じになりました！！！-------------------------------今後は、写真のレタッチ・加工の記録はこちらのブログではなくTwitterで淡々とUPしていきます。画像と一言。それだけで一個ずつやっていこうと思います※合わせて、同じシリーズの　デザインの作り方アイデア図鑑も　Twitterで記録していきます！↓私のTwitterアカウントです。このブログの更新のおしらせや日々の学習の足跡を残しています。https://twitter.com/makisun_design
26Dec
- 選択と集中　
  スクールのチームメンバーにシェアしたこと少しだけ、マインドセット的な話します。自分語りです笑実はスクールに入る前から動画編集の仕事をしていました、、、クラウドワークスで！単価低すぎてチーンだったんで、一度やめたんです。１本作るのに８時間かかっていたけど単価は240円でした。全くの未経験の人間に、報酬を支払ってくれるだけでも有難かったのですが、当時はそれに気づかなかった。。。でもデザインですぐにお金稼げないって気づいてすぐに、新しく単価高いとこに応募したんです。スクールの親会社の社長さんも、もし今すぐにでもいくらかお金が必要ならまずは副業としてデザインやった方がいい的な事言ってたなーと思って笑そしたら、ポートフォリオなしで受かりました。1本240円　→ 1本2500円10倍。クオリティほぼ同じ笑大きな違いと言えば、納期が短いくらい。マニュアルもあんまり変わらないです。その新しいとこは、デザスク卒業直後から先週までずっとやってたんですけど、いきなり先週打ち切りの連絡がありました。。。やばい！と思っていましたが、同じクライアントさんが、別のプロジェクトにお誘いしてくれました！しかも、単価をさらに上げてくれました！作業時間は同じ8時間で200円→2500円→3500円と上がったんです。これで、私は動画編集者になる！と言いたいわけではなくて。（今までの私ならそう言ってました。笑）大事な気づきが2つありました。1つは、一度実績を作ってしまえば、あとはクライアントさんの予算次第で単価は上げられる2つ目は、ポートフォリオが完璧じゃ無くてもやり取りの速さ、丁寧さ、信頼できそうな人かどうかといった、スキル以外の部分を応募文だけを見て選んでいるクライアントさんもいるってことです。スキルが高くても、低い単価の人がいる。。。逆もある。これが現実でした！！！もちろん、2つ目については、ちゃんとトライアルを受けて受かってますが、ポートフォリオ無しでも興味を持ってくれたってところがミソです。私は営業をする自信が欲しくていろんなことを勉強しまくってました。勉強ばっかりやるよりも、コンペ出しつつ、ダメ元で継続案件に応募しまくっても良いのかもって思いました！低単価でも、まずは実績！！実案件の方が、集中度も上がるしスキルも上がる！ただ、私は自分で決めたことはやり抜く！！今度こそ！と誓っているので、バナー100本ノック！最後までやりますよ！週に１本だと２年くらいかかるけど。それでもやり抜きますよ！プロになってもトレースはとてもいい訓練になるそうです。とにかく、来年５月から営業開始！それに向けてLP制作とバナー制作の学習と営業、実績作り！ここにコミットして頑張っていきます！選択と集中です！今日もLPトレース！セクション2が完了したので、明日投稿予定です✨
22Dec
- LPのトレース開始！　ファーストビューができました！
  同じ素材は使わない！もちろん、すぐに見つけられたら使います（笑）が、まったく同じを目指して素材探しになん十分もかけないように素材は似た感じであればOKなのです！みいサロンの学習ステップはついにLP（ランディングページ）という縦長の画像のトレースに入りました！今回はその一番上の画像！ファーストビューと言います！↓見本トレース前回からは、みいさんの制作過程を見ながらではなく、自分の目でトレースしてみて後から動画を視聴して「ここはこうやってたのか・・・」と勉強するスタイルにしました！！【制作時間】249分（４時間ちょい）【アウトプット】難しかったポイント①ぷるぷるの文字◆私　→ベベルとエンボスという機能立体感を出した◆みいさん　→＋αで、ブラシで光のハイライトを入れていた！！すごく細かい！感動！②人物の周りのふわふわした雲？◆私　→ブラシで一生けんめい描いた◆みいさん　→泡の素材を利用してた！これぞ、同じ素材を探す時間より素材を作って時短！のタイプでした！Photoshop上で横に並べない分文字や装飾の大きさや配置を正確に把握するのが難しい！その分、本当に注意して細かいところまで見る目が養われています！
21Dec
- バナー模写100本ノック　１９本目：スターバックス
  日々の学習が活きてきている久しぶりに、自分で選んだバナーのトレースをしてみました！大好きなスターバックスのクリスマスバナー！！最近は本を読みながらデザインの基礎について学習を深めているのですが、デザインを学びだすと最初に教わる４つの原則「近接・整列・反復・コントラスト」について、今までは何となくの理解でしたが、勉強してすぐに良質なバナーをトレースしているとあ、そうかの連続なんです！！！これまで以上に細かいところまでラインを意識したり、フォントの太さを意識したり・・・学習→トレースこの流れ、本当に学びが多すぎます！【制作時間　80分】【アウトプット】・クリスマスツリー　今回は、素材探しではなく　自分で〇や◇などを組み合わせて、　一つ一つ別のところで作ってから　トレース画面に配置。・周りの人　Adobe Stock　から、　似たようなタッチの　クリスマス系のイラストを取って　文字に使用されている色に変更ムーテレのムラマツさんの言う通りに、隣に並べずにブラウザ上にある画像を見ながらのトレースは、大きさの把握が難しい！！！でも、隣に置くよりも大変だから、余計に大きさや配置に関して神経を使って、細かく見る目が養われてきています！！！有難い！
13Dec
- Photoshop　レタッチ・加工アイデア図鑑　1　
  さっそく初めての操作（笑）これまでたくさんトレースやってきましたが、正直、写真の加工はまだまだだなと…なので、先日こちらでも紹介した、「Photoshop　レタッチ・加工アイデア図鑑」のチュートリアルに沿って、イチから写真の加工について学びを深めております。今日は初回のアウトプット風景の色をガラっと変えました元画像加工後画像内の明るいところと暗いところでグラデーションを付けられる！この上に英語で一言大きめに、、、ゴシック体で入れて透過させたりするとめちゃくちゃかっこよくなりそう。写真の解説もわかりやすく、サクッと５分程度でできました！
12Dec
- Photoshopの技術を高めるために。新たに学習法を追加！！
  やっと本で学ぶ準備ができた（笑）いやいや。ふつうは本から始めるでしょ！というのが一般的な考え方だと思います。ですが、私はもともとあまり読書をする習慣が無いので、活字が並んでいるとやる気が出てこない、大事なところがよくわからない、ということになりそうだな～と思いました。基本的なツールの使い方もわからないまま本でいきなり学ぼうとすると、重要なことを取りこぼしてしまいそう。（笑）なので、ある程度「本が何を言わんとしているのか」をくみ取れるくらい、基本的なツールの使い方を体で覚えている今、もっとクオリティの高いデザインをするためにそれぞれのツールについて、表現方法について、深堀するタイミングにきたな　と思いました！まずは、Photoshop　レタッチ・加工　アイデア図鑑を使って、一つ一つチュートリアルをこなしていきます！Photoshopレタッチ・加工アイデア図鑑 | SBクリエイティブすぐに使えるレタッチの基本から、目を奪われるようなプロレベルの作品まで、使えるテクニックがそろっている！www.sbcr.jpこちらは、写真が沢山でチュートリアル形式で、一つずつ一緒に手を動かしながら学ぶことができる本です！URLからデータをダウンロードできるので、全く同じ写真を使用して制作することができます！これは本当にありがたい！合計103個のチュートリアルがあります。私は１月末までに１周して、３月末までに３周してやろうと思っています（笑）１週目：本を見ながら手順を確認して作成２週目：手順は見ないで、完成版を見て自分でやってみる３周目：２回目より短い時間でやる訓練という感じですね！この本はシリーズ化されているので、もう１冊、「デザインの作り方」の方も同じようにやろうと思ってメルカリで注文済み。2024年は夫の転勤で地元沖縄に戻る予定なので引っ越しが落ち着く５月ごろから営業開始予定！それまでに「デザインの質を上げる」をテーマにして学習を進めていきます！！
11Dec
- 模写のやり方について：最適解は？
  もう少しブラッシュアップするという話模写100本ノック！と銘打ってこれまで18枚の画像を投稿してきました。当初は１日１枚、最低でも３日に１枚ペースで！と目標を立てていましたが、最近は１週間に１枚ペースになっています（笑）それには少し訳があります。ブログでアップしているアウトプットとは別で、それぞれのバナーの細かいところを分析して表にしています。こんな感じ。これは、みいサロンに入る前に、Twitter（X）でみいサロンのメンバーさんがランディングページの１００本リサーチとして紹介しているのを見て、せっかく模写してるんだから、私もバナーで真似してみよう！と思ったんです。このまとめを作りつつ、バナー模写と並行して、いろいろと勉強しています。その一つに、「家事をしながらYoutubeでデザインについての勉強」をすることでした。Youtubeで見つけた、「ムーテレ」というYoutubeでムラマツヒデキさんという方がデザインを学ぶ上で必要な「学習法」などを発信していて、めちゃくちゃ学ばせていただいています。そのムーテレの中で、模写についても解説されていました。主にWebサイトの模写についてのお話でしたが、バナーでも同じだな！と思ったので、今後は、ムラマツさんの言及されていた方法で模写をしていきたいと思います。まず、模写の大まかなステップとして・できないことを減らす訓練・ベーシックな美しさを知る訓練・個性あふれる表現のコツをとらえる訓練であり具体的には、・見本は横に並べず、ブラウザ上にある画像を見ながらトレース・面白いと思ったことを言語化、メモ・写真やイラストは画像から切り取らずに似たものを探す・作るのが面倒くさそうな構造/表現のものを参考にする・細かいところまで分析しながらトレースするというものでした。いくつかはすでに出来ていることもありますが、上記のルールを守って、１つずつ丁寧に制作していきたいと思います！そしてもう１つ、ムラマツさんが初学者向けにお勧めしていた本もその場でメルカリで注文しました（笑）それらはまた今度ご紹介します。この本もについても、一緒に手を動かしながら進めていく系ですので、本で学習したこともこのブログでアウトプットしていきます！！投稿の頻度は週１回を下回らないようにそれぞれ、時間はかかってもやり切ります✨
09Dec
- バナー模写100本ノック　18本目：みいサロン課題トレース②
  ランディングページのファーストビュー　トレース！ランディングページというのは、商品の詳細などを１枚の縦長の画像で説明している楽天やアマゾンなどでよく見るあれです。ほんとはもっと深い話ですが、ざっくりと説明しました（笑）今回はこちら！↓まつ毛美容液のランディングページですね！みいさんの講義は、私用している素材も紹介してもらえるのでだいぶ似た感じにできます！ただ、目元が難しかった！なんと、元の写真に別の人のまつ毛長い目を合成しているのです！！その合成具合が難しくて、見本になかなか近づけられなかったのが悔しい。制作したものを横に並べて、見比べると自分に足りないものが見えてきてまだまだ学べる！！とうれしくなります✨【制作時間】310分※動画を見ながら、素材を探していくので　時間はかかりました！【アウトプット】一つの装飾を作るのにも、キラキラした素材を合わせていたり、とても丁寧に作りこまれています！その分、同じ要素のものは１つ作ってからコピペ！自動で整列してくれるツールを使ってガタガタしない、綺麗な配置で作れるから時短するべきポイントはそこ！細かく作りこむときはじっくり時間をかけるものだ！と改めて学べました！
05Dec
- バナー模写100本ノック　17本目：　みいサロン課題トレース！
  オンラインサロンに入会しました！スクールで一緒に学んだチームのメンバーと2週間に一度Zoomで集まって勉強会を続けています。それぞれに、新たに学びを進めていてとても刺激を受けていて、本当にありがたすぎる環境です。それでも、まだまだ学ぶべきことはたくさんあります！私は、割と身近にいる人達をデザインで手助けできるような人になりたい！と思っているので、バナーが作れるだけでは足りないのです。というわけで、今後もいろんな学びは必要！今回は、LPデザインに特化したオンラインサロンで新たな仲間と交流しながら、LPの制作について学んでいきたいと思って「みいサロン」さんに入会しました！みいサロンさんには学習ステップが用意されていて、最初はバナーのトレースでした！しかも、みいさんが実際に制作しながら解説をしている動画を見てトレースするので、「こんなやり方でできるの～！？」と勉強になりまくりです。今回の作品はこちら！普段のトレースは、「こうしたらできるかな？」の繰り返しで時間も膨大にかかるので、基本的なツールの使い方が分かっていれば、あとは、デザインの「引き出し」を増やす！そのためには、他の人がどうやっているかを見れるのはとても有意義だと感じています！今後も、自分で選んだバナーのトレースをしつつ、課題のトレースもこちらで報告していきます✨
30Nov
- バナー模写100本ノック　１６本目：マットレスの広告バナー
  久しぶりにPhotoshop触ったここ数日、別のお仕事などもあってPhotoshop触れてませんでした！３～４日程度ですが、かなり久しぶりに感じました（笑）私はどんなデザイナーになりたいのか。。。深堀して考えた結果！健康・美容・子供向けに特化した、ママさんを支える企業や個人の方を応援するデザイナーになりたい！と思いました！そのため、今後の模写は女性向け：優しい雰囲気・高級感など子供向け：明るい・ポップな感じ健康系：トレーニング、サプリ系、明るく爽やかな感じを中心に模写していきたいと思います！もちろん、どんなジャンルでもやれます！というデザイナーを目指してはいますが、特にこのジャンルが得意！といいきれるように！遅くなりましたが、今回はコチラ↓やった事のない技術は全くありませんでしたが、これまで培ってきた技術を応用できてとてもいい時間でした！【制作時間】81分【アウトプット】英語フォント、よく使われているフォントが何となくわかってきた！とはいえ、バランスよく選んでいくセンスはまだまだよくわかりません（笑）
22Nov
- バナー模写100本ノック１５本目　赤ちゃん！！かわいい
  シンプル！でもかわいい！今回は比較的シンプルでかわいさ満点のバナーにしました！こちら↓これまでは、初見で難しそうだと思うものを選んでいましたが、私の中では、オリジナルで制作する際にもレイアウトがなかなか決まらない、という課題と、写真の加工の課題があったのでシンプルに文字と写真が配置されている画像を参考に選ばせていただきました！【制作時間】40分【アウトプット】英語のフォントはかなり近いものを選べました！ただ、ところどころ確実に「ヒラギノ角ゴシック」というデザイナーさんがよく使うフォントが英語にも使用されていました！今回だと、縦になっている、左側の部分。ヒラギノは比較的一文字の幅が広めだと思うので、文字が詰まりにくく、長い文章は読みやすいのかも？伝えたいメインコピー以外の文字はとても小さくて、一目ではわからないけど「赤ちゃん関係だな」「優しい雰囲気だな」と一瞬で感じる素敵なバナーでした！
21Nov
- バナー模写100本ノック　１４本目：イベントPR
  似たような写真ってどうやって探すの？本当に悔しい。。。今回はこちら↓参考画像のようにほぼ全身の女性が映っている画像が探せなーーーーーい！構図だけ合わせて、色調補正でそのほかの素材に合うように調整してみたけど・・・ぱっと見の印象全く違いますよね。模写ってそこまでやるものなのか・・・またまた迷路に入りかけています（笑）【制作時間】85分写真探しだけで40分・・・悔しすぎる。【アウトプット】スゴイと思ったのは、やっぱり色！白と黒以外は１色だけです！今回のように縦長の写真を正方形に入れる場合、どうしても正方形に綺麗に入れにくいもの。参考画像は背景と同じ色の四角形やグラデーションをかけてメインコピーの下に配置しているので自然です！そうなってくると正方形のフレームが気になるけど（笑）バナーギャラリーというサイトはプロが厳選したバナーが多いのでここ最近の模写はすべてこちらのサイトから参考画像を選んでいます！構図や配色など、とても参考になります！【総数5711件】BANNER LIBRARY | デザインの参考に！おしゃれなバナーだけを集めたギャラリーサイトバナーデザインの参考になる、おしゃれで良質なバナーデザインをまとめたギャラリーサイト、BANNER LIBRARYです。バナー広告から特集バナーまで、幅広いジャンルから収集しています。バナー作成の練習やWebサイトデザインのアイデアに繋がる事例を紹介しているギャラリーサイトです。design-library.jp
20Nov
- バナー模写100本ノック　１３本目：ハーゲンダッツ！
  今まで学んだ事が凝縮されていた！バナー模写100本ノックの１３本目は「ハーゲンダッツ」のキャンペーンバナー！スクールでは、参考を探すときは、スタバやハーゲンダッツのように、商品そのもののビジュアルが良すぎるバナーは難しいからやめとけ！と言われていました。（笑）分かった気がする（笑）はい、こちら↓１２月からは、インスタでこれまでの模写した画像の再現方法を、もう少し細かく紹介していければな～と思っております今回、私の苦手なことが明確になりました（笑）画像の切り抜きと、自然な加工です。もっと練習しつつ、勉強していかないとね！とにかく手を動かして成長していこう！【制作時間】213分アイスのカップのラベルも１つのバナーみたいなものだった（笑）【アウトプット】・クオリティの高い画像を作ろうと思うと　どうしても素材サイトを有料で利用しないと　難しいかもしれない！モックアップ用の素材　とか、リアルな水しぶきとかは特に！・文字数は多いけど、強調したいコピーとの　メリハリがついているから文字がごちゃごちゃ　していない！とても参考になりました。・アイスカップのデザインをのぞいたら　白+３色！　やっぱりいいデザインは色を絞っているのね！！
09Nov
- バナー模写100本ノック　１２本目！
  学びが多くて楽しすぎる！今回も、どうやってやるのかな～と考えて、調べて・・・時間はかかりますが、覚えてしまえば！必ず応用がきく！とポジティブに取り組めています！今回はこちら！【制作時間】14０分【アウトプット】・文字の影は斜めにまっすぐのびているので　前回の、ぼかし機能で作る手順とは違って、　図形の組み合わせで作れました！※前回の文字の影作成はこちら↓『バナー模写１００本ノック　７本目！　ポイントキャンペーンバナー』難しい！！基本的に、バナー模写をするときは「これはどうやるのかな・・・？」と、やり方がわからない、予想はできるけど実際にやった事がない、そんな装飾ががある…ameblo.jp※今回参考にしたのはこちら！【photoshop】「ロングシャドウ効果」飛び出す立体的な文字を作り方2選［簡単］［新トレンド］ロングシャドウをつけて飛び出す立体的な文字を作る方法について説明してます。長い影で文字を立体的に見せます。シャドウをシェイプツールと塗りつぶしツールで描く方法、ブラシ登録後描く方法2選紹介してます。sil20503-blog.com・車の画像元は真っ白い車の画像ですが、特定色域の補正でどうにかこうにか・・・理想の色味、マット感にならなくて悔しい。ここはこれからもっとスキルを上げていくべき！白と黒以外はたったの２色！！！！！！！そこに驚きました！不透明度を下げたり、パターンで入れてみたり、イラストを使ったりして、統一感がありつつも、シンプル過ぎない！すごく好きなデザインでした！
07Nov
- バナー模写100本ノック　１１本目：化粧品のリポストキャンペーンバナー
  また一つ成長できた！！今回は少し時間をかけましたが、新しい学びがたくさんありました！！！今回はこちら↓昨日投稿した、モックアップについて学んだ！というブログで紹介した商品画像を使用したバナーの完成版です！！カラーバランスや色調、彩度、明度などを調整することで、昨日よりは商品画像の際限度が上がったように思います！あとは、ハイライトをブラシで再現してます。でもこれ、もっといい方法がある気がするのでこれからまた学びを深めたいと思います！！【制作時間】162分モックアップ用素材はFreepickから使用しました！※商品画像素材　出展<a href="https://jp.freepik.com/free-vector/cream-jar-cosmetics-package-for-face-or-skin-care_32886121.htm#page=2&query=%E7%BE%8E%E5%AE%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%A0&position=46&from_view=keyword&track=sph">著作者：upklyak</a>／出典：Freepik
06Nov
- 【バナー模写の過程のはなし】　モックアップで商品画像作ってみた！
  商品画像をトレース今日はバナー模写の過程で学んだことを一つ！模写１１本目に選んだのはこちらの参考画像！文字組み、文字の読みやすさ、配色、物凄く勉強になりそう！と思ったのでこちらに挑戦したいと思いました！前々から、製品の広告は基本的にクライアント様から頂いた画像を使うから、模写の時はなんとなく似たものでOK！と自分ルールを作っております。しかし！この画像は、商品のパッケージデザインを広告バナーのあしらいに使用しているケース。つまり・・・商品画像を模写しないといけない！！！どうすればいいのか皆目見当もつかずで（笑）とりあえず、フリー画像から「化粧品」で検索して、モノクロの化粧品の画像を入手！デザインを画像の中に埋め込む方法についてインスタで解説動画見たような・・・と思い出して、こちらの動画を見つけました！Mj on Instagram: "The Easy Way to Create Custom Product Mockups in Photoshop #graphicstation #mockup #graphicdesign #logo #mockups #branding #design #graphicdesigner #designinspiration #brandidentity #photoshop #branddesign #mockupscene #designstudi…2,552 likes, 13 comments - graphicstation1 on April 12, 2023: "The Easy Way to Create Custom Product Mockups in Photoshop #graphicstation #mockup #graphicdesig..."www.instagram.comここでようやく「モックアップ」という言葉に出会う（笑）この動画で解説されている内容を参考にして以下の手順でできました！1：白黒の画像を複製2：デザインをクリッピングマスクではめ込む3：複製した白黒画像を一番上に持ってきて　「乗算」モードで重ねる！4：デザインしてはめ込んだ画像の透明度を下げる影を出すために不透明度を下げたのでデザインの色が変わってしまいました💦ハイライトが入っている部分もまだ綺麗にトレースできていません💦今日はここまで！続きは明日！画像を仕上げるところまでやっていこうと思います！
02Nov
- バナー模写100本ノック！　10本目：ファッション広告
  写真って奥が深いクライアントさんの案件であれば、ファッション系の広告は基本的に写真の指定があるかとは思いますが、模写となると、できるだけ近い写真を探すのは至難の業でした💦本日はこちら↓【製作時間】120分【アウトプット】写真は最初、女性で秋の服を着ていれば何となくそれっぽいかな～と思って３～５種類くらい選んでいたけど・・・どれを入れてもしっくりこない（笑）そこで、ほぼ同じ構図・配色・性別の写真を探すようにしてみました！約30分くらい探して、ようやく構図が同じ写真を見つけましたが、色が全然違う・・・そこで！洋服の色だけを、参考バナーの服の色に近い色に補正しました。写真の加工についてはまだまだ未熟で・・よく見るとやっぱり不自然だなと思いますが、パッと見た印象はかなり近くなりました！また、左側の赤色は、参考画像の中の写真で使われている色だったのでバランスが良かった！これは発見！模写のバナーでも、配分は違いますが近い色の赤色を使用している画像を入れたらすごく雰囲気が近くなりました・同じ構図（体の向き・顔の大きさなど）・同じ配色（特にメインになる色）・同じ性別これは必須ですね！！物凄く勉強になった！シンプルな画像だから、きっと60分～90分で終われるかな～と思ってましたが、苦手だった写真選びと加工で躓きました。また一つ成長できたかな～
31Oct
- バナー模写　100本ノック　９本目！　ハンバーガー屋スタンプラリーの広告
  時間かかりました💦独自のイラストが中心になっているデザインは同じ素材を探すことができない上に、似たような素材もなかなか見つかりませんどうすれば近い感じになるかな・・・と試行錯誤しました！【製作時間】110分【アウトプット】ハンバーガーのイラストは全く同じものもないし、似たような素材もイラストACさんでは見つけられず💦全く違うイラストの色を変えたりして何となく、雰囲気の近い画像に仕上げることができたかなと思います。本当はレタスの緑が入っていた部分を参考のイラストに近い色に変更することで、全体として黄色と茶色しかない配色でまとめました！！フォントも近いものが見つからず、あまり違和感がないかな？と思えるフォントを利用してみました！文字の量もとても多いバナーでよーく見るとフォントも４種類くらいありました大変でしたが、今やれる分はやれたと思います！

前ページ
次ページ