【TechAcademy】WEBデザインコース 54日目「2周目サイト完成!」

ワ多ナベ記事のサムネイル
この記事は約3分で読めます。

どもです、TechAcademy WEBデザインコース54日目が終了しました。
今日の作業時間はたぶん9時間くらいです。

なにはともあれ、期間中にオリジナルサイトを2つ制作できたので達成感あります。
仮眠後に課題提出したいと思います。

今日やったこと

  • Lesson13【オリジナルサイト2周目:完成】
  • バナー模写:16枚目
  • chot.design【イラレ】イラスト作成
  • 読書&ストレッチ

今日はタスク完遂しました。頑張りました。

Lesson13【オリジナルサイト完成!!!!!!!!】

完成しました…..。何としても今日完成させたかったので粘りました。
現在時刻午前5時半過ぎ。

今回のサイト制作ですが、背景の楕円部分をカンプ通りに再現出来なかった点は少々悔いが残ります。

今後の課題ってことでbackground系のプロパティとかしっかり勉強してみます。background理解できたら表現の幅も広がると思うので….。

割と自由な配置が多く苦戦したので今後も修行せねばなりません。
てことで仮眠終了後に課題提出します!

バナー模写

久々のバナー模写です300×250のバナーを模写してみました。

16枚目:1h

メインの画像部分は大きめの円を作成し、女性の画像をクリッピングマスクで配置しました。今回のバナー模写はテキスト部分の再現度も高いので少し力ついてきたと感じています。

また、改善の余地があるとするならばオリジナルの画像と似たものを探せず、空気感を再現できなかった点だと感じています。

もう少し画像自体に情景があるものを採用するべきでしたね、気をつけます。

chot.design【イラレ】イラスト作成

今日はchot.designで果物のイラストを作成していました。
さくらんぼ・りんご・オレンジを可愛らしく作成できたと思います。

操作ポイント

  • 水平コピー「optionキー+shiftキーで横にドラッグ」
  • 円の変形(りんご型)ダイレクト選択ツールでアンカーポイントを選択します。左右のハンドルをalt(win)またはoption(mac)を押しながら操作し、変形可能
  • オブジェクトの中央を基準に縮小。ccommand+Cでコピーします。command+Fで同じ位置にペーストします。複製した正円を選択し、command+optionを押しながら縮小。
  • みかんイラスト、実の部分は仕切りを長方形で作成し→円形の上に重ねてパスファインダーで切り抜き、三角形の実が切り抜かれる。

先日に引き続きフラットなデザインのイラストを作成しましたが、活用する場面は多いと思うので引き出しとしてたくさんできるようになりたいです。

明日のやることリスト

  • Lesson13【オリジナルサイト2周目:完成】→修正を含む
  • バナー模写:17枚目
  • chot.design【イラレ】イラスト作成
  • AdobeMAX申し込み
  • Udemy確定
  • 参考書Amazonで注文
  • 読書&ストレッチ

明日(すでに今日)もタスク盛々ですが、起きたらやってきいきます。
丁寧にやっていきます。

まとめ

今日でオリジナルサイト2周目の制作が終わりました。
とりあえず仮眠後、課題提出します。

期間内に終わってよかった、少し安心しました。

TechAcademy期間のこり2日、頑張ります。
ではでは。

コメント

タイトルとURLをコピーしました