2023年をふり返る 年間ベスト無料素材・フリーフォント・Webツールまとめ

2023年もまた、Webサイトやオンラインツール、無料素材、フリーフォントなど、創作活動を支える重要なリソースが数多く登場しました。

年末の慌ただしさで、クオリティの高い素材や便利なツールを見逃してしまった、そんなクリエイターやデザイナーも少なくないでしょう。

この記事では、あなたのクリエイティブな制作活動をもっと効果的、そして楽しくするための年間ベストを一挙まとめました。

「時間がなくて最近チェックできてない」

「大体いつも同じツールを使ってる」

「作業をもっと効率化したい」

そんなひとに使ってほしい、2023年の中から厳選されたベストリソースを公開します。

あなたの制作環境を一気にブーストできるツールや素材を見つけませんか。

2023年ベスト英語・日本語フリーフォント【商用可】

本当は教えたくない2023年の英語・日本語フリーフォント120選【商用可】

その数、なんと120個。

定期的にまとめているフリーフォントの中から、商用利用できる日本語と英語とのフリーフォントを、カテゴリ分けして整理。

2023年に紹介したフリーフォント全232個から選んでいます。

あおさぎ

やわらかドラゴン」をベースとして制作した明朝系デザインフォント。見出しやタイトル、ロゴなどにインパクトを持たせたいときに。

ユムール書体

ユムール

長らく制作が放置されていた旧マメロン書体を、2023年にフォント化。現在、漢字収録数が3000程度ですが、第二水準の漢字は2024年あたりに更新予定。

築豊明朝

築豊明朝│オールドスタイルかな書体

築地五号系の伝統的な本文向け明朝体を意識したかな書体。一部のかなの脈絡を変更することで、筆の動きや柔らかさをより強調しています。

Geist Font — Vercel

Geist

読みやすさを優先し、コーディング環境にもシームレスに溶け込むモノスペース版と、サンセリフバージョンの2フォントを用意。太さの異なる9ウェイトが揃い、さらにWebフォントとVariable可変フォントも収録。

Giphurs Font

Giphurs Font

極細から極太まで9フォントが揃った汎用性の高い書体で、自由にカスタマイズできるVariableフォントもダウンロード可能。

2023年間ベスト・無料デザイン素材・ツール編

単語に合わせて配色を作成できる Color magic

Color Magic

雰囲気やイメージのキーワードから、今すぐ使えるオリジナルの配色カラーパレットを、AIが簡単に生成してくれます。日本語で利用できるのもポイント。

Adobe Stockイラストおすすめ素材22選

「どうすれば、たくさんの人に響くイラストを手に入れるには?」そんな悩みに答える、Adobe Stockでオススメのイラストコレクションをご紹介します。

Holographic & Iridescent Background/Texture Maker | fffuel

七色に輝く美しいホログラムテクスチャを作成、カスタマイズできるオンラインツール。JPGとWebP、PNGでダウンロードできます。

500 Doodles & Scribbles

デザインに楽しさとクリエイティブなアイデアを、スパイスのようにトッピングできるベクターベースの落書きSVGイラスト集。

SVG Hub

ウェブプロジェクトなどで、すぐに貼り付けて使うことができる、70を超えるSVGあしらい素材が揃います。

2024年の色が決定!「ピーチファズ 」やさしい桃色

2024年の色が決定!「ピーチファズ Peach Fuzz」やさしい桃色 パントンから発表

24回目を迎える今年は、やさしさを育み、他人と共有したいという願いを込めた、温かみがあり高級感もある、モダンで優しい桃色カラーが選出。

ピンク色とオレンジ色を混ぜた、心と体を包み込むような、優しいハートフルな色合いが特長です。

ピーチ・ファズ」(PANTONE 13-1023 Peach Fuzz)

■ sRGBカラー : 255, 190, 152
■ HEXカラー : #FFBE98
■ LABカラー : 83.16, 22.40, 30.15

2023年間ベストPhotoshopチュートリアル

【総まとめ】2023年公開のすごいPhotoshopチュートリアル、作り方ベスト70

2023年は、Photoshopにとって「革命」と言えるほど重要な年となりました。

理由はずばり、「AIを活用することで、従来は考えられないほど簡単に、デザインができるようになった」から。

これまでプロでも時間と手間のかかっていた面倒な作業も、ほんの数クリックで誰でも作成できる。

そんな嘘のようなことが、当たり前になってきています。

写真をダイナミックな手描きスケッチ風に仕上げる方法

覚えてしまうと数クリックで写真を手描きスケッチに変えることができ、

「生成塗りつぶし」で顔を入れ替える方法

「集合写真の一部の顔だけ差し替えたい。」これまで時間のかかっていた作業も、「生成塗りつぶし」機能を使えばこれまで以上に簡単になります。

mixer-brush-set text effect in photoshop

混合ブラシでつくる、立体的でカラフルなテキストエフェクト

オリジナルの混合ブラシツールを作成することで、どんなデザインにも活用できるスタイルを設定します。

リアルな雲エフェクトのつくり方

ふわふわとリアルな雲の様子を再現するテクニックで、雲ブラシとテクスチャを活用するだけで作成できます。

自由の女神をつかったダイナミックな写真合成

映画のワンシーンのような劇的な写真テクニック。調整レイヤーやCamera Rawフィルタ機能によって、違和感のないリアルな見た目の合成を実現できます。

フォトショップで遠近感を調整する方法

写真の遠近感の問題を修正する方法を学ぶチュートリアル。生成塗りつぶしを使えば、被写体なしで背景のみを自動で再現でき、時短にも◎。

2023年間ベスト・Web制作ツール・素材編

CSS STOCK
CSSとHTMLだけというのが素敵

便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】

素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。

本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。

Epic Easing

まるで呼吸をしているように心地よいイージングアニメーションを手軽に作成でき、CSSコードをそのままコピペできる便利ツール。

HD Gradients - OKLCHカラー

HD Graidients

次世代のグラデーションとして呼び声の高い、OKLCHカラーを利用したグラデーション作成ツール。UIデザイン向けプリセットも豊富で、だれでも簡単にカスタマイズできます。

On-Scroll Pixelated Image Loading Effect

Webサイトで実際に利用されている、スクロールに合わせて画像がピクセル状に表示されるエフェクトを再現。デモページ

2023年ベストWebデザイン50選

【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選

この1年間で、デザイン制作の参考にしたいWebサイトを200以上紹介してきました。

この記事では、デザインアイデアにしたり、トレンドを分析したり、2023年の振り返りに最適な50のWebデザインを厳選してご紹介します。

Blanc Honey

Blanc Honey

商品がふわりとした浮遊感、立体感たっぷりに描かれたヒーローイメージは、そのまま背景デザインとして活用されるという、ユニークな仕組みに。

チルするすゝめ

チルするすゝめ

ノスタルジックで幻想的な色使いのイラストが特長のランディングページ。モバイルでの閲覧に最適化されており、想定ユーザーに刺さる、読みたくなるコンテンツも素敵なサイト。

summertime-afternoon online 3d map adventure game

Summer Afternoon

蝉の鳴き声が聞こえてきそうな、夏の午後を描いた3D空間に隠された、5つの宝物を歩きながら探す冒険アドベンチャー。

2023年間ベストAIツールまとめ

【2023年ベスト】無料で使えるすごい神AIツール27個まとめ

2023年は、コストをかけずにAIを最大限に活用できる無料AIツールが、たくさん登場した年となりました。

この記事では、無料で利用できるAIツール28個をご紹介します。

チャットボット、テキストエディティング、画像生成、音楽生成、音声生成など、さまざまなカテゴリのツールを厳選しています。

Leonardo.AI

Stable DiffusionなどさまざまなAI生成ツールを選び、画像生成できるオンラインツール。

無料版では、150枚/日まで画像を生成、30枚まで画像を拡張、75枚まで背景の切り抜きが可能。

Ideogram

画像に文字テキストを追加したいときに試したいAI画像生成ツールのひとつ。

無料版では、1日100枚まで画像生成できます。

Adobe Speech Enhancer

オーディオ音声ファイルをよく扱うひとにオススメのツール。

音声ファイルをアップロードするだけで、風切り音などの不要な雑音を消し去り、きれいにしてくれるAdobe製オンラインツール。

Midjourney V6が登場 使いたくなる5つの新機能

何が変わった?Midjourney V6が登場 使いたくなる5つの新機能とは?

Midjourney V6の新機能はずばり以下の5つ。

有料サブスクにリリース当初から課金するほどMidjourneyを愛する筆者が、実際に使ってみた感想と一緒にご紹介します。

ほんの1年ほど前まで考えられないレベルで、まるで本物ような画像のAI生成が可能になったMidjourney。

2023年間ベストHTMLスニペット100選

2023年Codepenベスト100発表 ロックなHTMLスニペットがずらり

HTMLなどのコードを、ブラウザ上で確認ができ、公開や共有もできる開発サービスCodepen(コードペン)。

この記事では、2023年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2023 の中から、印象に残った素敵な作品を紹介しています。

41位 Movie card with hover effect

マウスホバーすると詳細の抜粋テキストやお気に入り保存アイコンなどが、滑らかなアニメーション付きで表示されるCSSホバーエフェクト。

See the Pen Movie card with hover effect by Julien Sulpis (@jsulpis) on CodePen.

1位 Carousel with drag and wheel

2023年Codepenでもっともハートを集めたスニペットがこちら。

マウスドラッグとスクロールのどちらでもカードを左右にスクロールでき、直感的にカードを選ぶことができるカルーセル。何度も触りたくなる滑らかすぎるアニメーションは、まるでカードを本当に触っているような不思議な感覚。

See the Pen Carousel with drag and wheel by Fabio Ottaviani (@supah) on CodePen.

2024年アップグレード記事一覧

年末年始にかけて、2023年に公開されたツールや素材を各記事に追加、アップグレードしています。

まずは特に心を込めてまとめ直した、配色について。

【永久保存版】知らないと損をする、悩まない配色えらび講座

これまで散らばっていた配色に関する記事をひとつにした完全ガイド。

私がデザインをはじめたときに知りたかった内容を、ぎっしりまとめました。

配色のキホンとなる色彩理論、配色の種類、カラーパレットの使い方まで。

無料で商用OK!筆記体フリーフォント11年分をまとめた秘密リスト

無料で商用OK!筆記体フリーフォント12年分をまとめた秘密リスト

10年以上に渡り、コツコツと集めてきたフォントのなかから、商用利用ができる無料の筆記体フリーフォントのみを厳選してご紹介。

全部無料!最強フリーテクスチャ素材セレクション100選【2024年版】

商用利用できるのか分からない・・・。高品質なテクスチャが見つからない・・・。あなたもこんな経験したことはないでしょうか。

この記事では、無料ダウンロードできる高画質なフリーテクスチャ素材をまとめてご紹介します。

文字がかっこいい!すごいPhotoshopテキストエフェクト厳選100個まとめ【2024年版】

2018年の初回公開より、およそ6年をかけてアップデートを重ね、ついに100個を突破。リンク切れは削除し、最新のフリー素材を追加しています。

フォトショップで入れておきたい無料ブラシ素材90個まとめ 2024年版

フォトショップの素材の中でも、高品質なブラシはあらゆるスタイルを表現できますが、どれを使ったら良いか迷ってしまうというひとも多いでしょう。

いつの間にか同じブラシばかりを使っていた、なんて経験もあるかもしれません。

これだけは持っておきたいIllustrator無料ブラシ素材厳選42個まとめ【2024年版】

デザイン現場で役立つ、無料ダウンロードできる万能Illustratorブラシ素材をまとめてご紹介します。

2017年にこの記事を投稿したとき、Photoshopに比べて数が少なかったIllustratorブラシですが、7年間アップデートを続けたことで納得の充実した内容となっています。

持っておきたいProcreateのオススメ無料ブラシ素材55個まとめ【2024年版】

「とにかく手軽にiPadで絵を描きたい」

「ペンや筆の書き心地をそのまま再現したい」

「買い切りできるイラストツールが欲しい」

そんな人にオススメしたいProcreateの無料ブラシ素材をまとめてご紹介します。

このリストは継続してアップデートしていきます。

Adobe Stock

アドビだからストック素材サービスも ここまでクリエイティブ。

Adobe Stockは、アドビがクリエイターのためにつくったストックサービスです。写真やイラストなど高品質な素材が約3億点。無料素材も100万点。
検索、プレビュー、ライセンスの取得をPhotoshopから直接できるので効率の良さが抜群。
たくさんのAdobe Creative Cloudユーザーに選ばれているのには理由があります。

最初のひと月は素材が10点まで無料なので、気軽に始めてみませんか。

Adobe Stockをもっと詳しく

Adobe Stockを無料で始める