webデザインに関する記事一覧

この頃和食にハマっているまるこです。こんにちは。
年齢的に（心は永遠の18歳☆）そろそろガタがきはじめる頃なので、今年の目標は運動して体力をつけながら痩せる！にしようと思います。
…どうでもええわ！って話ですね、すみません。

気を取り直して、本日はPhotoshopの「ブレンドモード（描画モード）」について書いていこうと思います。
Photoshop経験者なら大体使ったことがあるであろう「乗算」とか「ディザ合成」とか「スクリーン」。
普段なんとなしに"一番いい具合のやつ"にしてしまいがちなツールですが、意味や機能の内容を理解するとまた違った楽しみが増える＆効率UPするかもしれません！
Photoshop経験者さんも未経験者さんもこれを機に一緒に学んでいきましょう！

※「ブレンドモード」・「描画モード」と2つの呼び名がありますが、以降、当記事では「ブレンドモード」と記載していきます！

こんにちは。
この頃だんだんと肌寒くなってきて、ホットのはちみつレモンやはちみつゆずばかり飲んでいる、まるこです。

弊社が入っている恵比寿ガーデンプレイスもイルミネーションが点灯されてロマンティックな雰囲気むんむんです！

…余談はさておき、今回は前回の「Photoshopでいろんな影を作ってみた。～基本編～」に続き、応用編に入りたいと思います！
奥が深いPhotoshopの世界、私もまだまだ修行中の身ではありますが、今回の方法もデザインを行う上でとても便利なテクニックなのでご紹介していきます。

WEBデザインは平面の世界。
そんな平面の世界で「浮き上がっているように見せたい」とか「ポチッと押したくなる立体的なボタンにしたい」とか、ワンポイントを加える際にとっても効果的な"影"。

今回作成してみたこちらの画像、ろうそくやキャンディが浮き出ているように見えたり、こうもりが飛んでいるように見えたりする…と思います。
この画像もいくつかの"影"を使ってメリハリを付けてみました。

今回は"影"の付け方～基本編～と題して、Photoshopでの"影"の付け方について書いていきたいと思います！