操作は快適！ UIのデザインもいい！ 機能も充実！ と3拍子が揃ったWindowsでのフォント管理が捗るフォントマネージャーを紹介します。 しかも、完全無料です！ テキストのスタイル フォントのカラー、背景、サイズ、行間などを変更して一覧にできます。 コレクション システム、Typekitのグループの他に、自分でコレクションを作成できます。 ライブ テキスト編集 サンプルのテキストは編集可能で、日本語表示も可能です。 フォントの検索 簡単にフォントを検索できます。 フォントの比較 ピン機能を使って、複数のフォントを比較することができます。 OpenTyepのサポート 外字やスワッシュなど、OpenTyepの機能を広くサポート。 自動アップデート FontBaseは自動アップデートに対応しています。 キーボードショートカット 「Ctrl+F」で検索、「Enter」でテキスト編集、「Ctrl+

HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低

MiniGrid -GitHub デモページ、アニメーションのデモ レスポンシブ対応のカード型レイアウトを実装できるシンプルで超軽量なスクリプト。アニメーションでレイアウトが変更する系はこのスクリプトが圧倒的に簡単で軽量です。アニメーション無しでも利用できます。 cta.js -GitHub デモページ パネルをクリックすると、それが拡大してモーダルウインドウになり、ボタンをクリックすると、それが変形してパネルになるなど、ユーザーのアクションをトリガーに要素が別の要素にアニメーションで変形します。

Illustratorにブラシをインストールする方法 ダウンロードしたファイルをIllustratorで利用する方法は簡単です。 ダウンロードしたファイルを解凍(zip&rar)します。 「ChalkProBrushV2brush」をアプリフォルダ内の「ブラシ」に移動します。 \アプリケーション\Illustrator CC 2015\Presets\ja_JP\ブラシ\ Illustratorを再起動します。 あとは、Illustratorのブラシパネルから、「ProBrushUpdated」を選択します。 ブラシのダウンロード ダウンロードは下記ページの右「Free Download」から。 ※要登録（無料）。 常有料を期間限定無料は、当ブログで何度も紹介しているので登録しておくと便利。

鉛筆、ペン、チョーク、木炭、墨、オイルブラシ、ドライブラシ、エアブラシ、つけペン、丸ペンなどのタッチをリアルに再現するPhotoshopのブラシ素材を紹介します。

ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techniques To Help You Master the Pen Tool 元記事のライセンスに基づいて意訳しました。 ペンツールの種類 ペンツールの役割 ベジェ曲線を思い通りに描くための2つのこつ ペンツールの種類 IllustratorやPhotoshopのペンツールは、アンカーポイントやベジェ曲線を作ったり、追加したり、削除したり、微調整することができます。これらのオプションは、ショートカッ

個人でも商用でもWebページやアプリ、プレゼン、提案書、ポスター、フライヤー、同人誌などのさまざまなメディアで利用できる国内の無料素材、日本語フォント、写真素材、イラスト素材、マンガ素材をまとめました。 ほとんどのものがバックリンク・クレジット表記の義務無しなので、使いやすいと思います。

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal These 50 Branding Kits For Your Startup 下記は各ポイントを意訳したものです。 元記事ではアイキャッチ画像と同テイストの名刺も同時に紹介されています。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Whimsical: サンプル画像 抑えられたトーンとミニマルなタイポグラフィ 画像にソフトなカラーフィルタを使いトーンを抑え目にし、タイポグラフィ

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。

デジタルイラストレーター、アニメーター、マンガ家、同人作家、絵師さんなど、本気でイラストに取り組んでいるクリエイター向けに、鉛筆、インク、水彩、ガッシュ（不透明水彩絵具）、油絵、墨などが本格派のタッチで描ける人気のブラシをセットにした素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ 日曜（5/24）いっぱいというか、おそらく月曜の朝くらいまでです。

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHTML5/CSS3の勉強としてスキルアップにもいいですね。

チョークやインクやドライブラシや水彩など、さまざまなタッチのイラストを描けるブラシ、草や木や花を描くブラシ、幾何学的なかっこいいオブジェクトを描くブラシなど、イラストやお絵描きに使えるPhotoshopの高品質で無料のブラシ素材を紹介します。

312種類のフラットにデザインされたかわいいカラーのアイコン素材を紹介します。 ライセンスはちょっと変わってて「Good Boy License」。 Good Boyの良い子だけが無料で利用できます。

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーションをもらうことができます！ ヘッダのデザイン フッタのデザイン ナビゲーションのデザイン 見出しのデザイン いろいろなパーツのデザイン ヘッダのデザイン

個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーやフォントを難しいと感じる人は、ぜひこの記事を参考にしてください。ロゴのデザインにとても役立つ23のサイトをご紹介します。 ロゴ・ジェネレーター（ロゴ作成ツール） カラーを選ぶためのツール ロゴ用の無料アイコンがダウンロードできるサイト ロゴ用の無料フォントがダウンロードできるサイト ロゴのアイデアがもらえる情報源 ロゴ・ジェネレーター（ロゴ作成ツール） ロゴ・ジェネレーターはロゴ作成のための一番簡単な手段です。以下のサイトを使えば手早くロゴが作成できます。無料や低価格で利用できるので費用の節約にもなります。 それでは、一つずつご紹介します！ Logaster 会社名と業種を

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は、アブストラクトな光の軌跡を描いた高品質なベクター素材です！ .psdは見かけますが、.aiや.epsが揃ったベクター素材はなかなか珍しいと思います。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在70,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初！今回

かわいくデザインされたレトロ風のフォントとそれにぴったりなグラフィックエレメントや飾り罫がセットになった素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！

ビジネスでもプライベートでも、コミュニケーションツールとして大切な名刺・ビジネスカード。自分でデザインを考えるのも楽しいですが、自分にはないセンスを取り入れて新しい名刺を作ってみるのも面白いものです。 文字を入力するだけでそのまま使える名刺・ビジネスカード用の素材を紹介します。

マンガや同人誌に無料で使えるかわいい吹き出し素材をご紹介。 いつもは読むばっかりですが、いろいろなデザインがあるんですね。

「やさしさゴシック」や「ロゴたいぷゴシック」の作者様がフリーフォントを新しくリリースされました。遊び心満載のラノベをイメージした軽やかでかわいいデザインのフリーの日本語フォント「ラノベPOP」を紹介します。 同人誌・アニメをはじめ、Web、紙、映像、ロゴデザインなどにも無料で利用できます。 フォント：ラノベPOP イラスト：小倉あずき ラノベPOPはマジックで書いたような勢いのあるデザインで、軽やかで弾むような元気さと楽しい雰囲気が感じられるかわいいフォントです。