WEBデザイン ロゴ制作で学んだことを振り返る
先月のお話になりますが、ある会社さんのデザイン・コーディング・ロゴ制作を全て任せていただきました。
その中でもロゴ制作は業務の中では初めての経験だったので、大変ながらも学びの多い機会を得ることができました。そこで、制作の中で学んだこ...
2021-06
WEBデザイン 
WEBデザイン 【CSS】カーソルを乗せると画像が「ズームイン」するホバーエフェクトの使い方をご紹介
画像やリンクボタン等にカーソルを乗せた時の動きを「ホバーエフェクト」と呼びますが、調べてみると沢山の種類のエフェクトが紹介されていたりします。その中でもメジャーなズームイン系のホバーエフェクトを先日初めて使ってみたので、この場でおさらいし...
WEBデザイン 【コーディング備忘録】○番目の要素を指定する際の「nth-child」と「nth-of-type」について学ぶ
「○番目」や「奇数・偶数」などの特定の要素にだけ変化をつけたい、そんな時に便利な疑似クラス「nth-child」と「nth-of-type」について学んでみましょう。使う機会は多いものの、忘れたりごっちゃになったり、なかなか定着しないので...
WEBデザイン 【Illustrator】オブジェクトの拡大・縮小で変化する線幅の対処法
イラレでは初期設定の状態だと、オブジェクトを縮小するとこのようにオブジェクトの大きさに対して線幅が太くなってしまいます。元の線幅を維持したまま縮小しているからこうなってしまうんですね。
そこで今回は、線幅を大きさに応じて可変...
WEBデザイン できるかもデザイン「それ、業界の先輩に聞いちゃおう！！」に参加してみた
今月もデザイン初学者向けのオンラインイベント「できるかもデザイン」に参加してきました。
今回のメインは、プロのデザイナーがデザイン初学者からのデザインやキャリアに関する質問に答えるというもの。
3人のデザイナーさん、それぞれの...
WEBデザイン 【Illustrator】表示されるとなかなか消せないアレ（遠近グリッド）の消し方
イラレを使用中に、たまに表示されるコレ。ピンとくる方いないでしょうか。
遠近グリッドというツールで、上図の二点透視図法のような遠近表現をする際に便利なガイド機能です。結構な頻度で現れ、消そうにもなかなか消えてくれず、時間のロ...
WEBデザイン 【Illustrator】写真の被写体を切り抜く方法〜クリッピングマスク〜
さて今回は、イラレのクリッピングマスクを使って写真や画像の被写体を切り抜いていきますよー。
ペンツールで被写体をなぞって、クリッピングマスクをかけるというシンプルな工程ではありますが、ペンツールに慣れていないと苦戦するかもしれません！...