Web制作やデザイン案件など、クリエイティブな業務の効率アップを考えている方へ。
快適な作業環境づくりには、有益なツールや素材を知っておき、いつでも使えることが重要です。
その理由は、圧倒的な作業スピードとクオリティーの違い。
すべてゼロからしようとすると、時間も労力もかかってしまう面倒な作業も、ツールを使えばクリックひとつで完了したり、そのまま使えるオシャレなデザイン素材など、時短につながることばかりです。
ここで紹介する最新ツールを利用して、ストレスのない快適な作業ワークフローを実現しましょう。
AIツール
これまで数時間かかってもおかしくない加工作業を、誰でもほんの数分で終わらせ、しかも仕上がりはプロレベルという、画期的なツールがフォトショップに登場。
写真を魅力的に加工したいひとにおすすめの機能で、現在はベータ版のみ。PhotoshopやCreative Cloudの契約ユーザーであれば、誰でも無料で利用できます。
AIアート生成Midjourney(ミッドジャーニー)がV5.1に
「神絵を描くAI画像生成ツール」と話題の、MidJourney(ミッドジャーニー)がアップデート。 新しく追加された機能や注目ポイントについて、詳しくまとめています。
アニメやイラストのスタイルを生み出すためにチューニングされた「Nijiスタイル」もついに登場。
配色ツール
雰囲気やイメージのキーワードから、今すぐ使えるオリジナルの配色カラーパレットを、AIが簡単に生成してくれます。日本語で利用できるのもポイント。
デザイナーがセレクトした48種類の美しいグラデーションカラーをまとめたライブラリ。あらゆるデジタルアートやコンテンツの背景デザインにどうぞ。
あらゆる配色カラーパレットツールをまとめた、こちらの記事も参考にしてみると良いでしょう。
配色アイデアに迷わない!無料ですごい配色カラーパレットツール111個まとめ【2023年版】
デザイン素材・ツール
100体のアジア人の漫画キャラクター、400以上のオブジェクトと一緒にしたイラストを無料ダウンロードできる。ファイル形式はSVGとPNGを選択可能。
Holographic Grainy Backgrounds
ややレトロなパステルカラーの配色に、粒状の質感を加えたテクスチャ素材セット。
持っておくと便利な無料テクスチャ素材集も、アップデート完了です。
インクが溶け出したような、カラフルなテキストエフェクトは、文字を変更するだけで完成する、スマートオブジェクト機能を活用したPSDファイル。
文字を変えるだけで、エトロな爆発系テキストエフェクトに仕上げることができるPhotoshop素材。
フォトショップの無料テキストエフェクト集も確認しておきましょう。
アップロードした画像に映るあらゆるものの色を、その場で変更できるツールは、洋服やアクセサリー、インテリア家具にも対応しています。
3Dイラストの大規模な無料ライブラリで、10万個を超える3Dオブジェクトを、背景透明のPNGファイル形式で入手できます。
100種類のカラフルな3Dシェイプを無料ダウンロードでき、5000x5000pxのPNGファイル形式は使いやすい。
シンプルで、デザインのアクセントにもなる幾何学シェイプ120個のSVGコレクションは、気に入った図形をクリックするだけでWebサイトで利用できます。
レトロな Amiga ファイル形式に重点を置き、伝説的な Deluxe Paint をモデルにした Web ベースの画像エディタ。最新の画像形式に加えて、DPaint.js は Amiga アイコン ファイルと IFF ILBM 画像を読み書きできます。
フォトショップで画像やイラストにかさねるだけで、まるで本物のようなリアルな花の影を追加できるオーバーレイテクスチャ3種類。
投稿したい商品の画像をアップロードすれば、残りはアプリが自動で行ってくれるスマホアプリ。背景の切り抜きや500を超えるテンプレートの利用、サイズ変更などを手軽にできます。
Webデザイン制作ツール
On-Scroll Pixelated Image Loading Effect
Webサイトで実際に利用されている、スクロールに合わせて画像がピクセル状に表示されるエフェクトを再現。
たとえば制作実績やポートフォリオ、ルックブックなどの写真を並べ、お好みでレイアウトを切り替えることができる、素敵なトランジション。
コンテンツに入り込むような没入感を演出できる、フルスクリーン型クリップアニメーション。ランディングページにも効果的。
HTML・CSSの知識は不要。デザインを調整するだけで、お好みのパーツをサイトに取り入れることができるスニペット集。現在、252件。
ボタンやローディング、アコーディオン、FAQなど、UIパーツごとに分類されており、プレビュー機能も便利。
Web制作の「あったらいいな」的な機能が、ずらり揃った便利ツール。RGBからHEXカラーの変換や、IPを調べたり、画像ファイル形式の変換、パスワード生成など。
次世代のグラデーションとして呼び声の高い、OKLCHカラーを利用したグラデーション作成ツール。UIデザイン向けプリセットも豊富で、だれでも簡単にカスタマイズできます。
Archi: Free Architect Portfolio HTML Template
建築やインテリア向けポートフォリオを想定したHTML/CSSテンプレートは、全部で7ページ。スライドショーやお問い合わせなど、サイトに必要な機能が揃います。
文字プロンプトを入力するだけで、魅力的なウェブサイトを作成してくれる脅威のツール。現在、順番待ちのウェイティングリスト。
ユーザーの視線や行動をAIをつかって追跡できるツールで、93%の正確さでテストを実施することができるそう。
画像やロゴをアップロードするだけで、無料でファビコンを生成してくれるツール。ファイル形式にも豊富に対応していて、とにかく手軽。
ビューポートをベースにしたフォントサイズのクランプ値を、一発計算できる便利ツール。
往年の人気ゲーム機Playstation 1のインターフェース画面を再現できる、CSSフレームワーク。ピクセルドットのゲーム風に仕上げたいときに。
Retro Winamp Block for WordPress
一度はなくなったはずのWindows用プレーヤーソフト「Winamp」が復活。WordPressで利用できるようになりました。
モックアップ、プロトタイプ
ビューポートをベースにしたフォントサイズのクランプ値を、一発計算できる便利ツール。
往年の人気ゲーム機Playstation 1のインターフェース画面を再現できる、CSSフレームワーク。ピクセルドットのゲーム風に仕上げたいときに。
Retro Winamp Block for WordPress
一度はなくなったはずのWindows用プレーヤーソフト「Winamp」が復活。WordPressで利用できるようになりました。
面白・クリエイティブツール
次世代のグラデーションとして呼び声の高い、OKLCHカラーを利用したグラデーション作成ツール。UIデザイン向けプリセットも豊富で、だれでも簡単にカスタマイズできます。
建築やインテリア向けポートフォリオを想定したHTML/CSSテンプレートは、全部で7ページ。スライドショーやお問い合わせなど、サイトに必要な機能が揃います。
Virtual bubble wrap – burst them all!
緩衝材でおなじみのプチプチを、オンラインで無料でできる暇つぶしツール。
映画そのものより記憶に残る、SF映画の文字タイトルを集めたコレクション。
さまざまな柄パターンを集めたコレクションは、細かいキーワード別に整理、分類されているので、インスピレーションが欲しいときにもおすすめ。
The Periodic Table of WordPress Plugins
WordPressでよく利用されている有名プラグインを、化学周期表のように並べたコレクション。6万以上あると言われるプラグイン、あなたはいくつ知っていますか。
次世代のグラデーションとして呼び声の高い、OKLCHカラーを利用したグラデーション作成ツール。UIデザイン向けプリセットも豊富で、だれでも簡単にカスタマイズできます。
ChatGPT APIをベースとしたオープンソースのAI型翻訳ツールで、デスクトップとブラウザどちらでも利用可能。翻訳後のテキストの要約や推敲、編集機能も。