世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材も数多く揃い、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 2週間限定！日本語プレミアムフォント、かわいいデザインを楽しむ便利コレクション これが欲しかった！無料のすごいフリーフォント55選 女子文字POP体フォント「モッチーポップ」 女子が書いたモチモチしてコロコロ丸っこい字でポップなフォントを目指して作りました。職場の新卒3年目

アメリカ3大美術館にも数えられているシカゴ美術館は、一度は足を運んでみたいシカゴの人気スポットです。そんなシカゴ美術館の公式ウェブサイトが最近リニューアルし、話題を呼んでいます。 このリニューアルに合わせ、シカゴ美術館内に展示されている、美術の教科書で見たことのあるような世界の名画52,000枚を、高画質で無料ダウンロードできるサービスが開始されたので、今回はご紹介します。どれも、クレジット表記なしで自由に利用できます。 世界の名画52,000枚を高画質で無料ダウンロードできるシカゴ美術館 シカゴ美術館（英: The Art Institute of Chicago）は、ニューヨークのメトロポリタン美術館、ボストンのボストン美術館と並んで、アメリカの3大美術館にも数えられ、モネやルノワールなど印象派コレクションは、フランス国外では最大規模と言われています。 今回のウェブサイトのリニューアル

今回は、無料ダウンロードできる高品質HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。 ここで紹介するHTMLテンプレートは、どれも無料で、Bootstrap 4フレームワークを中心にした、デザイントレンドもうまく取り込んだ、あらゆるウェブデザイン案件に対応してくれます。2018年のウェブデザイントレンドもうまく取り入れているので、サイト開発のデザインやレイアウトの参考にもいかがでしょう。 レイアウトで選ぶウェブデザイン・HTMLテンプレート厳選40個総まとめ 2018年版 Argon Design System Bootstrap 4フレームワークを利用し、100種類を超える独自コンポーネントを揃えたテンプレート。ウェブサイトに必要なパーツはもちろん、サンプルペ

メッセージを伝えたり、商品を販売したり、ポートフォリオや企業サイト、ブログやランディングページなど、ウェブページには制作したデザイナーのアイデアがつまっています。まるで思いつかないようなユニークなアイデアが使われていたり、最先端のウェブ技術を駆使したこれまでにない体験をお届けするサイトなど、参考したいポイントがたくさんあります。 この記事では、最近国内外で話題となった最新ウェブデザインをまとめてご紹介します。ますます加速するウェブの世界をのぞいてみてはいかがでしょう。 実例で学ぶウェブデザイン！参考にしたい最新スタイル見本厳選50個まとめ ウェブの今を体感！参考にしたい最新ウェブデザインまとめ The Art Center 子どもたちにデザインの楽しさを伝えるワークショップを開催しているサイトで、カラフルでシンプルなシェイプをつかった統一感のあるデザインが素敵。chu Cowboy アプリ

グラフィックデザイナーにとって、6万円近くする CorelDraw Suite を購入することは、最適な自分への投資と言えないかもしれません。また、Adobe製品のサブスクリプションモデルも同様です。 ほとんどのグラフィックデザインツールは、同じ原則に基づいて構築されています。そして、たいていの場合、ウェブサイト用のアイコンやロゴなどの作成や、単純にベクターアートで楽しみたいなど、シンプルで効果的なツールが必要になります。たとえ複雑なベクターアートであっても、大企業が提供するすばらしい機能を使うことはめったにないでしょう。 ありがたいことに、やりたいことを実現できる無料のベクターソフトウェアがいくつか存在します。この記事では、もっとも一般的で効果的な無料ベクターツールをまとめてご紹介します。 海外サイト Icons8 で公開された Free Vector Software: Best Ed

せっかく時間をかけて完成したデザインなら、より魅力的に演出してみませんか。Photoshopの「モックアップ素材」を利用すれば、ほんの少しの作業で、見た目の印象がグッと良くすることができます。 今回はクライアントへの提案やプレゼン資料、ブランディングなどに欠かせない、最新の無料モックアップ用PSDファイルをまとめてご紹介します。デザイナーが持っておきたい高品質なモックアップ素材がずらり、83個揃った完全保存版。 モックアップとは何？ では、一体「モックアップ」とは何で、どんな使い方があるのでしょう？ モックアップとは、食品はもちろん車やスマートフォン端末など、あらゆるプロダクトデザインの見本や試作デモなどを指し、より本物の実用的なイメージで視覚化することで、見た目や機能の確認などに利用されています。 グラフィックデザイン業界では、ブランドイメージを表現するパッケージやTシャツ、文房具などの

見ているだけで楽しくなる、個性豊かで、あらゆるデザインシーンで使える、新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 豊富なウエイトが揃ったシンプルな万能フォントから、数が増えてきた話題のSVGフォントや人気のブラシ、筆記体フリーフォントの他にも、幅広いバラエティが用意されているので、今後のデザイン案件に活用してみてはいかがでしょう。 商用可能な無料フォント限定！2018年上半期公開のフリーフォント厳選80個まとめ デザインの幅を広げる最新フリーフォントコレクションまとめ ミシミシ コミックデザインの際に作ったフォントを展開したものです。タイトル・見出しなど注目してほしい部分をより効果的に。 ※　個人、商用利用可能 タイムマシンわ号 アルゴリズムによって半自動的に生成されたという、

デザイン制作に欠かせないツールのひとつ、Adobe Illustratorは、Photoshopと並んで幅広いデザインの表現が可能です。しかし、機能が多すぎて、いきなり操作をはじめてもなかなか思うように制作できないということも。 今回は、Illustratorの基本操作にはじまり、覚えてきおきたい各ツールの実践的な使い方テクニックまでを網羅したデザインの作り方、チュートリアルをまとめてご紹介します。 手順ごとに詳しいサムネイルと解説があるので迷わずに、Illustratorの使い方を学ぶことができるので、これからはじめよう！というひとにオススメしたいチュートリアルばかりが揃います。 Illustratorの知識ゼロからしっかり！プロが教える参考にしたいチュートリアル、作り方まとめ Illustratorで文字を重ねてレイアウトする方法 単純に文字を重ねるのではなく、部分的に覆うような立体的

最終更新日: 2022年10月3日 Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。

デザイン制作で時間のかかる工程、プロセスのひとつが、フォント書体の組み合わせ。色々ありすぎて、結局いつも同じフォントを使っているなんてひともいるかもしれません。 今回は、そんな面倒で時間のかかるフォント選びをより手軽にし、デザイン工程をスピードアップできるフォント組み合わせ素材 Font Combination Library が公開されていたのでご紹介します。 KK UI Store が発表したこの素材パッケージには、Google Fontsで人気の書体を組み合わせた、Sketch と Adobe XD用のできあいテンプレート8種類を収録しています。レイアウトされている書体を変更したり、ほんの数クリックでフォントの色やサイズもカスタマイズできます。 収録されているフォントの組み合わせは？ ここで収録されているテンプレートは、ウェブサイトやスマートフォン向けモバイルアプリ、雑誌などを想定し

これからウェブサイト制作を行うひとが確認したい、創造力を高める最新ウェブデザインをまとめてご紹介します。さまざまな優れた実例サンプルを見ることで、デザイン案件のアイデアにも活用できます。 レイアウトや配色、フォント選びなどに加えて、最近ではアニメーションを有効活用したウェブデザインをさまざまな業種で見かけるようになっています。これからサイトを作成しようというひとや、打ち合わせでのきっかけ作りなどに活用してみてはいかがでしょう。 Webデザインのアイデア満載！創造力をアップさせる最新サイト50選 2018年に流行しそうな、注目Webデザイントレンド20個を大予想 人を惹きつける美しいデザイン！参考にしたいウェブサイト厳選まとめ Keus 水平方向へページが遷移していくウェブサイトで、オンラインショップもブログもどれも同じレイアウト。 The Test Center by Volvo オンライ

街なかにある看板や広告、何気なく読んでいる雑誌など、あらゆるデザインの現場で使われているPhotoshop。「これどうやって作るの？」と思わず言いたくなる、魔法のようなデザインテクニックを披露しているチュートリアルで、スキルアップを目指してみませんか。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 Photoshopの使い方を知ろう！参考にしたい新作チュートリアル、作り方34個まとめ 2018年5月度 Photoshopってすごい！どうやって作った？を解決するチュートリアルつくり方まとめ 怪しくぼんやりと輝くネオン風テキぽストエフェクトの作り方 筆ブラシでペイントしたようなフォントに、鮮やかな配色を利用し、ぼかしエフェクト

「あんなデザインが作ってみたい。」「あれってIllustratorらしいけど、どうやって作るの？」そんなデザイナーのお悩み解決として、デザインチュートリアルに挑戦してみてはいかがでしょう。 Illustratorの基本的な使い方からデザインで応用の効く各ツールの使い方まで、初心者のひとから、いつも仕事で利用しているというひとにもオススメしたい、目からウロコのテクニックや機能が揃った新作チュートリアルをご紹介します。 チュートリアルの順番どおりに進めていくことで、これまで知らなかったツールの詳しい使い方を実践を交えながら習得することができます。Illustratorの驚くべき進化に触れてみるチャンスです。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 Illustratorでここまでできる！知っておきたいすごいチュートリアル、作り方まとめ Illsutr

CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、パイチャート作成、CSSの圧縮やユニークなサークル型メニューの作成などさまざまなツールが揃っています。制作に困ったときに読み返してみてはいかがでしょう。 超便利！確認しておきたい最新CSSツール、リソースガイド 2018年度 CSSの作業をもっと楽に！無料で使えるオンライン便利ツール40選 Flexbox Parent Attribute Visualizer CSS Flexbox のプロパティを実際に変更しながら確認できるインタクラティブな方法。 Keyframes.app CSSアニ

フォントをより魅力的に仕上げるテキストエフェクトは、 コンテンツを伝えるなかで重要なデザイン要素のひとつです。Photoshopを使えばほんの少しの編集作業だけで、印象に残るタイポグラフィー、テキストエフェクトを作成することができます。 文字を挿入し、ボタンを数クリックするだけで、見違えるほど魅力的にするテキストエフェクトは、グラフィックデザインにぜひ活用したい素材です。今回は参考にしたい PSD ファイルを、ファイルの基本的な使い方、カスタマイズ方法と一緒にご紹介します。 レイヤースタイルを使った手軽なテキスト加工方法については、以下の記事で紹介しているので参考にしてみると良いでしょう。 ほんの数クリックで完成！文字をかっこよくするPSテキストエフェクトまとめ 数クリックで実現！魅力的なテキストエフェクトに使える無料PSDファイル厳選まとめ Strips 3D Shadow Text E

ウェブサイト制作におけるアイデア出しに困ったときに確認したい、最新ウェブデザインをまとめてご紹介します。 レイアウトや配色、書体などの見た目はもちろん、サイトの雰囲気や印象などデザイントレンドの動向を知ることもできます。さまざまな業種の中から、パーツ別に参考にしたくなるそんなサイトを中心にまとめています。これからサイトを作成しようというひとや、打ち合わせでのきっかけ作りなどに活用してみてはいかがでしょう。 2018年に流行しそうな、注目Webデザイントレンド20個を大予想 Webデザインのアイデア満載！創造力をアップさせる最新サイトまとめ The School of Sustainability 物語を支えたるようにストーリーが進んでいく、まさに体験型のウェブサイト。地図上に表示されたポイントをクリックすると、それぞれのストーリーが動画や音声などを交えて開始されます。 The Greate

ウェブサイトの目的は読まれることです。そして伝えようとしていることは、どのように表現しているかと同様に重要です。2018年、ウェブデザインにおける文字テキストの使い方は、「コンテンツ・ファースト」という考え方によってさらに広がりを見せています。 今回は、2018年によく見かけるタイポグラフィーのデザイントレンドをまとめてご紹介します。 2006年に Oliver Reichenstein は、「Webデザインの95%はタイポグラフィー」を出版し、大きな反響を呼びました。その中でReichenstein氏は、「ウェブデザインは、素晴らしい書体選びだけでなく、どのように使用するかが問題である。」と述べています。 では、実際にタイポグラフィーがどのように使用されているか、サンプル例と一緒に詳しくみていきましょう。 01. 大胆で巨大な文字テキストを使おう。 大きく大胆で、凝縮されたドラマチックな

Photoshopの基本的な使い方から玄人向けの高度テクニックを学ぶのに適した、最新のデザインチュートリアルをまとめています。ステップごとにツールの使い方を覚えることで、より実践的なデザイン表現が可能になります。 今回は最近公開されたばかりのチュートリアルを中心に、Photoshopでの作業効率をアップしてくれる基本テクニックから、プロ顔負けのデザイン裏技など高品質な作品をまとめてご紹介します。お好みのデザインエフェクトを見つけて、今後の制作プロジェクトに活かしてみてはいかがでしょう。 やってみたかった表現をマスター！すごいPhotoshopチュートリアル、作り方49個まとめ 2018年3月度 【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個 キラキラ系テキストエフェクトを極める！Photoshopチュートリアル67個まとめ【保存版】 Photoshop

2018年になってここまで、ウェブデザインにとって驚くべき年を迎えています。これまで何年もかけて進化してきたデザインが、デザインシステムやタクタイルデザインのような新しいトレンド、また楽しく元気なレトロスタイルの復活などにつながっています。これまで以上に、ウェブデザインの現状と今後の流れを考えることが重要になってきます。 この記事では、2018年にもっとも影響を及ぼしている、6つの最新ウェブデザインのトレンドをまとめてご紹介します。 01. コンポーネントを元にした「デザインシステム」 まだデザインシステム（英: Design System）を導入していないなら、きっと今後数年以内に利用することになるでしょう。最新版となる 2017-18 Enterprise UX Industry Report によると、デザインシステムを利用していない企業の67%が、現在作成中と答えています。 デザイ

※ 2021年8月31日に新しい素材18種類を追加し、合計100個の無料Photoshopアクション素材となりました。 ※ 2020年1月6日に新しい素材18種類を追加し、合計92個の無料Photoshopアクション素材となります。 ※ 2019年3月6日に新しい素材16種類を追加し、合計74個の無料Photoshopアクション素材となります。 フォトショップのアクションは、デザインに自信がないというひとでも、ボタンひとつでプロ顔負けの圧倒的なデザインを作成できる便利ツールです。 そこで今回は、写真加工を手軽に楽しむことができる、無料Photoshopアクション素材100個を、カテゴリー別にまとめてご紹介します。 作業ペースを格段に上げる時短ツールとして、あらゆるスタイルの写真加工をだれでも簡単に作成できます。 すべて無料でダウンロードできるので、気に入ったアクション素材はぜひ試してみまし