【CSS】高さの違う画像を揃える方法

Webサイトのコーディングをしていると、高さの違う画像を揃える機会が多々あります。例えば、ブログリストでよく使います。よく使うコーディング手法なので、ブログにまとめることにしました。【CSS】高さの違う画像を揃える…

【Webデザイン】システムフォントとWebフォントについて

あなたはシステムフォントとWebフォントのそれぞれの特徴や違いについて知っているでしょうか？今回は、「システムフォント」と「Webフォント」について簡潔にまとめました。「システムフォント」と「Webフォント」にはメリ…

デザインには「三分割法」というレイアウトの法則があり、この手法を使うことでまとまって見やすいデザインを作ることができます。今回は、以下のバナーのようにPhotoshopで三分割する方法について解説します。 Photos…

今回は、Photoshopでの直角三角形の作り方について紹介します。意外とどうやって作るのか分からないと悩んでいる人が多いかなと思うので、備忘録としてまとめました。【Photoshop】直角三角形の作り方まずは長方…

今回は、PhotoshopでアートボードとPSDデータを保存する方法についてまとめました。保存が出来ないと誰かにデータを共有出来ないので、是非理解しておきたいです。アートボードを保存する方法アートボード全体を選択し…

今回は簡単に背景をぼかす方法に絞って紹介します。【Photoshop】背景をぼかす方法まずは何でもいいので背景画像を用意します。そして背景画像を複製しておきます。あらかじめ複製しておくと、もしぼかしを無しにしたい…

今回は、Photoshopで複数のレイヤーをリンクする方法について紹介します。リンクの機能を使うことで、複数のレイヤーを同時に且つ簡単に移動することができるメリットがあります。【Photoshop】複数のレイヤーをリ…

私はこれからWebデザイナーになろうと学習中なので、毎日サイトを見てWebデザインに触れるようにしています。そこで今回は普段僕がよく見るサイトギャラリー3選を紹介したいと思います。私と同じようなWebデザイン初心者の…