便利ツール

デザイン制作に役立つプチ情報

【webデザイン制作に役立つ】2021年現在で新たな便利ツールを調査してみた!

①モックアップ作成ツール スマホ、ノーパソ、デスクトップ、スマートウォッチの4種類のモックアップを作れるツールです! サイトを見ていると、主にスマホやノーパソなどのモックアップを見かけることがありますが、こうい...
Photoshopを上達させよう

【デザイン制作に役立つ】Photoshopで画像の一部をぼかす方法を調べてみた!

画像をぼかしたい時… 画像の一部をぼかしたいと思ったのですが、 普段デザイン制作で使っているIllustratorですと一部だけぼかすってできないんですよね… 全体をぼかすか、縁をぼかすかの2つなんです。 ...
Illustratorを上達させよう

【webデザイン制作に役立つ】Illustratorの「ブレンドツール機能」について調べてみた!

ブレンドツール機能とは? 今回Illustratorの機能として初めて知ったのですが、その名の通り「ブレンド」できちゃ機能のようなんです。 一体何がどんなふうにブレンドされるのか… 実務で活躍しそうなツールなのか… ...
アニメーションまとめ

【web制作に役立つ】コーダーもデザイナーも参考になる「動くWebデザインアイディア帳」を調べてみた!

「動くWebデザインアイディア帳」とは? 「jQueryとCSSアニメーションをはじめたばかりの方へWebデザインのスクール講師が「動かしたいパーツ」ごとの逆引きリストをつくりました」 …とサイトに書かれている...
便利ツール

【webサイト制作に役立つ】業務効率化&実務に役立つ 便利ツールを調べてみた!

Frontend Toolkit こちらはフロントエンド開発をサポートするツールです。 jpg・svgの最適化、カラーコード変換、CSSやJSなどのコードフォーマットを始めとした便利なツールがひとまとめになって...
Photoshopを上達させよう

【デザイン制作に役立つ】画像を切り抜くならPhotoshopの「クイック選択ツール」がオススメ!

画像の切り抜きに手こずっていませんか? 画像の切り抜きってツールを知らなかったり、操作になれていないと難しいですよね。 私もPhotoshopに慣れていない時は綺麗に切り抜けず苦戦した記憶が… 特に1つのツールだ...
Illustratorを上達させよう

【デザイン制作に役立つ】Illustratorの「パスのオフセット」機能について調べてみた!

パスのオフセットって? これまでIllustratorを使ってきて、たびたび目にしてきた「パスのオフセット」。 ですが、これが使えないと困る!という場面に出くわしたことがなかったので、何が出来る機能なのか調べたことがあ...
Photoshopを上達させよう

【webデザイン制作に役立つ】Photoshop機能「空を置き換え」をやってみた!

「空を置き換え」使ったことありますか? 購入した画像の空の曇りがどうにも気になって、うーんと悩んでいたところ 「空を置き換え」について紹介している記事があり、これだ!と思いました。 今までなら、空の部分の彩度など...
デザイン制作に役立つプチ情報

【デザイン制作に役立つ】圧縮のレベルが指定できる!便利なPDF圧縮ツールをご紹介!

デザイン案のPDFデータが重い時… デザインで画像を多く使ったりすると、どうしてもPDFにした時のデータ量も大きくなりがちです(^_^;) だからといって、めちゃくちゃ画質が落ちてしまっても困ります。 私が今まで...
デザイン制作に役立つプチ情報

【デザイン制作に役立つ】画像を圧縮&サイズ変更した場合どれくらい容量を減らせるの?

画像そのままの場合 今回はぱくたそさんのこちらの無料画像を例にして検証してみました。 画像の大きさは6000×4000で、サイズは5.4MBです。 画像を圧縮のみした場合 画像圧縮ツールを使...
タイトルとURLをコピーしました