【ディズニー発】魅力的なアニメーションを実現する12の基本原則（動画あり） - Photoshop VIP

2015/04/14 149 users アニメーション 基本原則 ウェブデザイン 動画 長年

ウェブデザインにおいて、デザイン性だけでなく、インタラクティブなアニメーションは重要な要素のひとつとなってきています。 長年にわたって人々を魅了し、夢を与え続けるディズニー社のトップクリエイターFrank ThomasとOllie Johnstonが苦心して作成、まとめたアニメーションの基本原則12個を元に、各ポイントごとに詳しく解説した動画「An In-depth Resource for An... 続きを読む

ダウンロードしておきたい、24個の人気筆記体フリーフォントまとめ - Photoshop VIP

2015/04/13 129 users 24個

さまざまなフォントスタイルの中でも、筆記体は人気のある書体のひとつです。手書き文字を再現したスタイルから、ロゴ作成に適したアート性の高い文字、エレガントでミニマルな印象を与える細字など、自由なスタイルをたのしみましょう。 海外デザインブログBest Design Optionsで、デザイン性が高く、無料ダウンロードできる筆記体フォントをまとめたエントリー「37 Free Modern Callig... 続きを読む

Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ - Photoshop VIP

2015/04/09 244 users Photoshop ウェブデザイナー 拡張機能 スゴイ 標準

あらゆるデザイン制作の現場で使われているPhotoshop。標準では装備されていない、かゆい所に手が届く便利な拡張機能、プラグインを使用して、作業効率をアップしてみてはいかがでしょう。 海外デザインブログHongkiatで、ウェブデザイナーが押さえておきたい10個のPhotoshop拡張機能・プラグインをまとめたエントリー「10+ Free Photoshop Plugins for Web De... 続きを読む

みんなが知らない、商用OKな無料写真をダウンロードできるサイト6個まとめ - Photoshop VIP

2015/04/03 642 users 商用OK みんな 無料写真 ロイヤリティフリー いざというとき

面倒なバックリンクやクレジット表記などが不要で、完全無料＆高品質なイメージ写真を公開しているフォトストックサイトは、いつくか知っているといざというときにも便利です。 海外デザインブログFunctionで、ロイヤリティフリーの無料写真をダウンロードできるサイトをまとめたエントリー「12 More Unique Places to Download Free Photos」が公開されていたので、当サイ... 続きを読む

CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ - Photoshop VIP

2015/04/01 385 users CSSスタイリング Yes Illustrator CSS

多くのブラウザがCSS3に対応したことで、これまでPhotoshopやIllustratorなどのデザインソフトでしか表現できなかったテキストエフェクトが、CSSスタイリングのみでも実現できるようになりました。 海外デザインブログDesign Your Wayで、CSSでデザインされたクリエイティブなテキストエフェクトをまとめたエントリー「Yes, You Can Actually Make Th... 続きを読む

ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ - Photoshop VIP

2015/03/30 912 users CSS HTML ディズニー社 カスケーディング 12個

海外デザインブログCSS Animationで公開された「CSS Animation Trends in Web Design」より許可をもらい日本語抄訳しています。 フロントエンド・デザイナーやデベロッパーは、スタイリングや配置、またデザイン性の良いサイトを作成するためにCSS（Cascading Style Sheets、カスケーディング・スタイル・シート）を利用します。しばしばページに変化（... 続きを読む

すごいぞPhotoshop！最新チュートリアル、作り方28個まとめ 2015年3月度 - Photoshop VIP

2015/03/26 129 users Photoshop 最新チュートリアル

毎月Photoshopの新しいデザインテクニックを利用したチュートリアル、作り方をまとめています。今回は2015年3月度まとめとなります。 新しい魅せ方として注目が集まるアニメーション付UIデザインの作成方法や、よりリアルに近づけるデザインレタッチ、Photoshop CC新機能を使ったテクニックなど、これから参考にしたいチュートリアルがたくさん公開されています。一度確認してみてはいかがでしょう。... 続きを読む

最新デザインが魅力的！すごい無料HTMLテンプレート素材24個まとめ - Photoshop VIP

2015/03/25 685 users 最新デザイン

ウェブサイト制作をよりスムーズに行うことができるHTML5/CSS3テンプレートを利用しませんか。あらかじめデザインはスタイリングされているので、制作作業をスピードアップすることができます。 今回は無料ダウンロードできる、新作HTMLテンプレート素材をまとめてご紹介します。多くのテンプレートには人気のBootstrapフレームワークが採用されているので、拡張性が高く、柔軟なデザイン制作を行うことが... 続きを読む

【デザイナー必見】全部無料！すごいフリーフォント50個まとめ 2015年3月度 - Photoshop VIP

2015/03/18 128 users デザイナー必見 全部無料

毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。今回はすこし早いですが、2015年3月度まとめとなります。 シンプルで万能なアイテムから、人気の高い美しい筆記体スタイルや、手書きの質感を残したビンテージスタイルなど、最新フリーフォント50個をまとめています。商用利用できるものを多く、今後のデザインプロジェクトに活用してみてはいかがでしょう。 詳細は以下から。 デザイン即戦力！すご... 続きを読む

ウェブデザイナー注目！無料ダウンロードできる厳選eBook16冊まとめ 2015年度 - Photoshop VIP

2015/03/13 122 users 無料

ウェブサイト制作は長くて複雑なプロセスで、完成しリリースして終わりというわけではありません。A／BテストやUXデザイン、SEO対策、戦略的なレイアウト構築などさまざまな工程があるでしょう。そのためウェブサイト・クリエイターやサイト運営者は、新しい知識や情報を定期的にアップデートすることが重要になります。 今回はデザイナーやデベロッパを中心に読んでおきたい、2015年公開の無料eBookをまとめたエ... 続きを読む

デザイナーが見ておきたい！デザインにまつわるTEDトークベスト10 - Photoshop VIP

2015/03/10 148 users デザイナー デザイン TED スローガン プレゼンテーション

TEDでの講演はどれもユニークなストーリーばかりで、本当に問題となっている課題をクリエイティブな方法で解決する、心を惹きつけるプレゼンテーションばかりです。 今回はデザインをテーマにしたTEDトークを10個まとめてご紹介します。「Ideas Worth Spreading (広める価値のあるアイデア)」をスローガンに、「いま世界を変えようとしている人たち」のアイデアに耳を傾けて見てはいかがでしょう... 続きを読む

デザインのお助けアイテム！すごい無料テクスチャ40個まとめ 2015年3月度 - Photoshop VIP

2015/03/09 115 users お助けアイテム デザイン ビンテージスタイル 背景 相性

ダウンロードしてすぐに使える、無料デザインテクスチャ素材を不定期でまとめています。今回は2015年3月版まとめです。 デザイントレンドにもなっているミニマルスタイルや、ビンテージスタイルとの相性が良いグランジ系や紙、ウッド系などの使いやすい素材が中心に揃っています。そのまま背景としても使えるのはもちろん、Photoshopデザイン制作の質感づくりにも最適です。デザインが煮詰まったときなどに眺めてみ... 続きを読む

写真加工を完全マスター！すごい無料PSアクション40個まとめ 2015年3月度 - Photoshop VIP

2015/03/05 169 users 写真加工

スマートフォンはもちろん、デジタル一眼レフなどでカメラ撮影する機会が増えています。撮影した写真をより魅力的に仕上げる、プロ顔負けのPhotoshopアクション素材を利用してみませんか。再生ボタンを押すだけで、自動的に写真を加工、調整してくれる無料PSアクション素材をまとめてご紹介します。 ボタンをクリックするだけのお手軽な操作性だけでなく、写真編集アプリより柔軟なカスタマイズが可能な点もポイントで... 続きを読む

デザイン制作が加速する！すごい無料Photoshopブラシ素材まとめ 2015年3月度 - Photoshop VIP

2015/03/04 107 users デザイン制作 Photoshop 水彩絵の具 不定期 モチーフ

不定期となりますが、Photoshopのデザイン制作で活用できる無料ブラシ素材をまとめています。今回は2015年2月度まとめです。 ゼロから作成すると時間を要するデザインも、ブラシ素材として利用することで手軽に扱うことができます。人気の高い手書きスケッチや水彩絵の具をモチーフにしたアイテムや、デザインに重ねて利用できるレタッチ系ブラシ素材など、幅広いセクレションが揃っています。 詳細は以下から。 ... 続きを読む

もうデザインに悩まない！すごいフリーフォント素材50個まとめ 2015年2月度 - Photoshop VIP

2015/02/26 119 users デザイン フリーフォント フリーフォント素材 クセ 毎月

毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。今回は2015年2月度まとめとなります。 デザイントレンドにもなっている手書きスタイルや、ヒップスター（英: Hipster）を中心とした手書きビンテージスタイル、美しくてエレガントな筆記体フォント、クセのないシンプルフォントなど合計50個のフリーフォントを揃えています。 詳細は以下から。 もうデザインには悩まない！すごいフリーフォ... 続きを読む

Illustrator実践デザイン！無料ダウンロードできるすごいベクター素材27個まとめ - Photoshop VIP

2015/02/25 130 users Illustrator ベクター素材 幅広いセレクション

Illustratorの基礎を学びながら、デザインをたのしむことができるベクター素材を活用してみませんか。Webサイト制作など実践的に使える素材から、自由にカスタマイズできるデザインアイテムまで幅広いセレクションを揃えました。もちろんどれも無料でダウンロード可能となっています。 詳細は以下から。 気軽にはじめるIllustrator！無料ダウンロードできるすごいベクター素材まとめ Round Wa... 続きを読む

ミニマルデザインの基本！覚えておきたい７つの必須テクニックまとめ - Photoshop VIP

2015/02/24 137 users ミニマルデザイン 基本 7つ

海外デザインブログDesignShackで公開された「Minimal Design: How to Design More with Less」の著者 Carrie Cousinsより許可をもらい日本語抄訳しています。 余白スペースを利用したミニマリズム（英: Minimalism）は、現在大きなデザイントレンドとなっています。このデザインテクニックをマスターするのは一見簡単に見えるかもしれません... 続きを読む

カメラ撮影で最低限知っておきたい、6個の基本テクニック - Photoshop VIP

2015/02/17 144 users 最低限 テクニック うえ 基本テクニック デジタルカメラ

スマートフォンやデジタルカメラを使って写真を撮影する機会は増えていますが、素敵な写真を撮影するとなるとたくさんの知識やセットアップが必要になります。しかし、写真撮影の基本となるいくつかのポイントを押さえておくことで、手軽にデザインを改善することができます。 今回は写真撮影をするうえで覚えておきたい、基本的なテクニックやポイントをまとめてご紹介します。実際のカメラ撮影を通じて学んだことが多く、これか... 続きを読む

ミニマルスタイルの隠しテク！継ぎ目のない質感系フリーパターンテクスチャまとめ - Photoshop VIP

2015/02/16 126 users ミニマルスタイル 継ぎ目 アートワーク Photoshop

シンプルなデザインにしたいけど、なにか物足りない。 そんなときは、ほんの少しだけ繊細な質感を加えたパターンテクスチャを利用してみてはいかがでしょう。Photoshopを使えば、どんな範囲でも継ぎ目ないデザインパターンで作成でき、ウェブサイトやアートワークの背景など、スタイリッシュな雰囲気を気軽に演出することができます。 詳細は以下から。 ミニマルスタイルの隠しテク！質感系パターンテクスチャまとめ ... 続きを読む

Illustratorはじめませんか？参考にしたいすごいチュートリアル、作り方27個まとめ - Photoshop VIP

2015/02/12 721 users Illustrator すごいチュートリアル テクニック

Illustratorの機能やテクニックを学ぶには、デザインチュートリアルを参考にしてみてはいかがでしょう。覚えておきたい基本的ツールの使い方から、まだまだ新しい機能であまり見かけないテクニックなど実践形式でデザインを学ぶことができます。今回はデザインスキルを向上する新作Illustratorチュートリアル、作り方をまとめてご紹介します。 特にフラットスタイルが人気デザイントレンドとなっているので... 続きを読む

【要チェック】無限スクロールで確認したい10個のメリット、デメリットまとめ - Photoshop VIP

2015/02/11 101 users 無限スクロール メリット 要チェック メリットまとめ 10個

シングルページを利用したウェブサイトが大きなデザイントレンドになっています。特に豊富なコンテンツが用意されている場合が多く、ありがたいことに無限スクロールテクニックを利用することで、デザイナーはコンテンツを無限に並べつづけることができます。 このテクニックは一部のサイトやコンテンツ種類にも最適ですが、他のウェブサイトでは扱いにくく、悩みのタネになるのも事実です。新しいデザインテクニックだからとすぐ... 続きを読む

無料で名刺を作成できる！すごいPhotoshopテンプレート素材38個まとめ - Photoshop VIP

2015/02/09 438 users 名刺 Photoshopテンプレート モックアップ素材 ロゴ

名刺を作りたいけど、あまりデザインに予算を掛けたくない。 そんなときは無料でダウンロードできる、Photoshopテンプレートを利用してみてはいかがでしょう。テキストを編集して、ロゴを配置するだけでスタイリッシュな名刺デザインを手軽に、そして無料で完成させることができます。 完成した名刺デザインを印刷するだけでなく、モックアップ素材を利用することでデザインをより魅力的に魅せてくれ、ブランドイメージ... 続きを読む

マテリアルデザインを使ったリニューアル案件で気をつけたい4つのポイント -feedly編- - Photoshop VIP

2015/02/06 118 users マテリアルデザイン リニューアル案件 ポイント 4つ

海外デザインブログMediumで公開された「An exploration in Material Design」の著者Arthur Bodolecより許可をもらい日本語抄訳しています。 Googleは昨年11月に、メジャーアップデートを含めマテリアル・デザインを採用した、最新版Android 5.0 Lollipop（ロリポップ）の提供がはじめました。これによってあらゆる端末、デバイスにおいてビジ... 続きを読む

今どきのWebサイト制作が楽になる！すごい無料HTMLテンプレート素材25個まとめ - Photoshop VIP

2015/02/04 777 users 今どき Webサイト制作

ウェブサイトはこれまで以上に手軽に制作できるようになってきています。ゼロからすべて作成せずに、完成したデザインテンプレートを活用することで、制作スピードを格段にアップさせることができます。 流行中のデザイントレンドを取り入れ、モダンで今どきのWebサイトを楽に制作できる、新作HTMLテンプレート素材をまとめています。もちろんどれも無料ダウンロード可能となっています。 多くのテンプレートでは人気フレ... 続きを読む

【ただいま流行中】2015年積極的に取り入れたいデザイントレンド12個まとめ - Photoshop VIP

2015/02/03 470 users 流行中 日本語抄 エントリー デザイントレンド 許可

海外デザインブログOnextraPixelで公開された「Current Web Design Trends That Have The Strength to Survive Through 2015」を、許可をもらい日本語抄訳しています。 海外デザインブログOnextraPixelで、現在すでに流行しているデザイントレンドを中心に、2015年特に注目しておきたいポイントをまとめたエントリー「Cu... 続きを読む