WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】
最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
Photoshopを極める！真似したくなる最新チュートリアル、つくり方63個まとめ
この記事では、プロ顔負けのデザインテクニックを学ぶフォトショップの最新チュートリアルをまとめてご紹介しています。 前回よりおよそ3ヶ月振りとなる今回のまとめは、さまざまな新テクニックが登場しています。チュートリアルを順番どおり進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と差のつくデザインテクニックを自然と身につけることができます。 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ Photoshopを極める！真似したくなる最新チュートリアル、つくり方まとめ 写真を砂埃まみれに仕上げる写真加工エフェクト 人物モデルのみを選択し、背景にエフェクトを適用していく本格的な写真加工チュートリアル。デザインする暇がないというひとは、プレミアムアクション素材を活用することもできます。 スタイリッシュな宇宙をテーマにしたポスターを作成する方法
人気上昇中！2019年に注目されているウェブデザイントレンド10個まとめ
この記事では、2019年現在人気となっているウェブデザイントレンド10個をまとめて紹介しています。 2019年のウェブデザインの動向としては、あらゆるトレンドの組み合わせやユニークなデジタルエフェクトなど、ウェブサイトやブランドを魅力的にするものが多く含まれています。お好みのトレンドを見つけて、今後のプロジェクトに活用してみてはいかがでしょう。 コンテンツ目次 1. 効果的なタイポグラフィー 2. グラデーションカラーの変化 3. よりナチュラルで本物の写真を 4. 個人の用途に合わせたイラスト 5. 3Dイラスト 6. モバイルファースト・デザイン 7. マイクロインタラクション 8. ユニークなアニメーション 9. グリッド無視の重なり型レイアウト 10. ビデオコンテンツの統合 1. 効果的なタイポグラフィー 2019年に入り、タイポグラフィーの人気はますます高まっています。大きく表
これだけは知っておきたい！ロゴデザインのトレンド、テクニック15個総まとめ【2019年版】
この記事では、2019年に押さえておきたいロゴデザインの傾向やトレンドを、分かりやすいサンプル例と一緒に紹介しています。 この報告レポート2019 Logo Trend Reportは、LogoLoungeのBill Gardnerにより、過去17年間で世界中のデザイナー2万人以上が作成した、30万個を超えるロゴデザインを慎重に分析し、2019年のトレンドの要因となっているサンプル例を厳選してまとめています。 2019年のロゴデザインの傾向は？ 2019年のロゴデザインのトレンドは、まず全体を通して「良い、Good」デザインが多いこと。 これまで続いてきたトレンドにさらに磨きをかけ、新しいデザインへと変化。 昨年より引き続きグラデーションが人気。赤と緑色を組み合わせたり、青からオレンジ色、Instagramのようなオレンジ色からマゼンタ、むらさき色など伝統にとらわれないカラーリングを採用す
思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方36個まとめ
この記事では、フォトショップの最新デザインテクニックを学ぶことができるチュートリアルをまとめてご紹介しています。 順番にデザインを進めていくことで、より実践的にツールや機能の使い方を学ぶことができ、他と差のつくデザインテクニックを自然と身につけることができます。 某人気アニメ映画のように写真をイラスト風に加工したり、より見た目に近いライティングエフェクト、本物と見間違うほどリアルな写真合成など、思わず試したくなる素敵なデザインテクニックが揃います。 思わず試したくなる、Photoshopのすごい最新チュートリアル、作り方まとめ 夕方編：風景写真をイラスト・アニメ風に加工する方法 美しい夕日をバックにした夕方っぽく、写真をイラスト風に加工するテクニックがとても詳しく紹介されています。最後にキャラクターを違和感なく合成。日本語チュートリアルというのも嬉しいポイントです。 このテクニックを使った
フォトショップ凄すぎ！継ぎ目のないパターンを作成するプラグイン Adobe Textile Designer の使い方完全ガイド
Photoshopをつかって継ぎ目のないパターンテクスチャを作成するのは、なかなか面倒な作業で、時間もかかってしまいます。この記事では、繰り返しパターンをラクラク作成できるPhotoshop向け拡張プラグイン Adobe Textile Designer のインストール方法から詳しい使い方、利用上の注意点までまとめてご紹介します。 コンテンツ目次 1. Adobe Textile Designer プラグインとは？ 2. 入手、インストール方法は？ 3. 詳しいプラグインの使い方 4. 編集したアートファイルの保存について 5. Photoshopを使うならフォトプランがおすすめ Adobe Textile Designer プラグインとは何？ Aodbe Textile Designer プラグインとは、継ぎ目のないパターンテクスチャを瞬時に作成できるAdobe謹製のフォトショップ拡張プ
【2018年版】アイコンデザインの押さえておきたい流行トレンド8個と新作フリーアイコンまとめ - PhotoshopVIP
アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。 これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。 後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。 1. ラインスタイル・アイコンデザイン このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かり
デザイナーが持っていたい、すごいフリーフォント素材57個まとめ 2019年4月度
この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザイナーが持っておくと便利なスタイルを網羅したコレクションで、使い勝手の良い万能スタイルから、ユニークな手書きブラシ、筆記体フォントまで幅広く揃います。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、雰囲気をガラリと変え、魅力的なデザインに仕上げることができます。デザインアイデアに悩んだときに、参考サンプル例として目を通してみると良いでしょう。 デザイナーが持っていたい、すごいフリーフォント素材まとめ こまどり 小さくかわいい小鳥のイメージで作成した日本語フォントです。本文よりも、ちょっとした言葉や見出しなどに使っていただくと、紙面がカワイイ雰囲気になります。 ※ 個人利用可能 きなりゴシック 華奢で有機的なシルエットのフォントで、繊細で優しい雰囲気を表現したい際に活用できます
動画がアツい！After Effectsで使える無料テンプレート厳選65個カテゴリ別まとめ【完全版】
これまでAdobe After Effects（アフターエフェクト）と言えば、プロの動画クリエイター向きツールというイメージでしたが、動画をつかったコミュニケーションが普及したことで、After Effectsを活用するシーンがますます増えています。 最先端のビジュアルエフェクトとモーショングラフィックスを実現でき、柔軟にカスタマイズできますが、ゼロから制作すると時間がかかることもしばしば。そんなときは、After Effectsのテンプレートを利用して、作業を効率化してみましょう。 ここでは、無料ダウンロードできるAfter Effects用テンプレート素材厳選65個を、カテゴリーに分けてご紹介します。 コンテンツ目次 0. After Effectsとは？ 1. タイポグラフィー用テンプレート（6個） 2. ローワーサード用テンプレート（7個） 3. イントロ用テンプレート（7個） 4
Photoshopで「光」を極めよう！ライティングエフェクトに強くなるチュートリアル、作り方65個まとめ
光や炎、虹などをリアルに表現できる、ライティングエフェクトに特化したPhotoshopチュートリアルをまとめてご紹介します。 当サイトで2010年ごろより毎月まとめているPhotoshopチュートリアルを参考に、直近5年の間に公開されたデザイン手法をまとめて確認できます。 さまざまな光やライティングを自由に操るテクニックが中心で、とにかくPhotoshopすごい！と思わせるチュートリアルが揃い、どれも手順ごとに写真付きの詳しい解説付き。Photoshopの基本を覚えながら、より実践的なデザインテクニックを習得してみましょう。 Photoshopで光を極めよう！ライティングエフェクトの参考にしたいチュートリアル、作り方65個まとめ 深海の美しい景色をデザインする方法 フィルタ機能や調整レイヤー、スマートオブジェクトなどを利用して作成する、これぞPhotoshopな合成テクニック。 幻想的なラ
ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ
有名なブランドの名前を聞いたとき、ブランドに使われている色を無意識に思い浮かべることはないでしょうか。たとえば、スターバックスはみどり色と白色、Ikeaは青色と黄色、Fedexはむらさき色とオレンジ色といった具合です。 配色をうまく活用することで、特定の感情を呼び起こさせるだけでなく、その感情をロゴデザインに結びつけることができます。 今回は、ロゴデザイン制作に利用したい配色カラーパレット15個をまとめてご紹介します。色彩心理学をベースにした、効果的な色の組み合わせにも注目です。 コーディング向けにHEX値コピペできるカラーパレットを一緒に用意しているので、Webデザインにロゴを活用したいときにもオススメです。 ロゴデザインの配色見本！すぐに役立つカラーパレット15個まとめ 1. Yellow & Red この鮮やかな色の組み合わせは、ロゴの中心に目をすぐに引きます。鮮やかな赤色とユニーク
ネオンカラーの配色デザイン見本！すぐに役立つカラーパレット25個まとめ - PhotoshopVIP
海外サイト Shutterstock Blog で公開された Design: Design Resources 25 Eye-Catching Neon Color Palettes to Wow Your Viewers より許可をもらい、翻訳転載しています。 グラフィックデザインやウェブデザインはもちろん、パッケージやロゴなど、あらゆるデザイン制作の配色に利用できる、ネオンカラーの色の組み合わせ25種類をまとめています。 昨年ごろより人気となっている色鮮やかなネオンカラーは、2019年のデザイントレンドにも挙げられています。UFOを連想させるネオングリーンや、蛍光ピンクや蛍光ムラサキなどの強烈な色合いが特長で、テクノロジーやエネルギッシュな雰囲気やトーンに仕上げることができます。 コーディング向けにHEX値コピペできるカラーパレットの他、PhotshopyやIllustratorなどA
水彩ペイントのすごい無料テクスチャ、パターン素材60個まとめ【2019年版】
絵の具で手描きした水彩ペイント、ウォーターカラー（英: Watercolor）は、人気のグラフィックスタイルのひとつで、2019年に特に注目されています。 水彩ペイントは、デザインに鮮やかなでナチュラルな雰囲気を追加でき、ウェブサイトの背景からパッケージデザイン、名刺デザイン、ステーショナリーグッズなどのブランディングツールなど、さまざまな形で利用することができます。 今回は、無料ダウンロードできる水彩ペイントテクスチャ、パターンを厳選、合計60セットをご紹介します。これらの無料素材を利用して、クリエイティブなデザインを作成してみましょう。 2019年の注目トレンド早わかりガイド！ウェブやグラフィック、ロゴなど各ポイントをまとめてチェック 2019年に注目したい！グラフィックデザインの最新トレンド10個まとめ 水彩ペイントのすごい無料テクスチャ、パターン素材完全コレクション 12 Free
【2018年保存版】これさえあれば大丈夫！最新の日本語、和文フリーフォント52個まとめ - PhotoshopVIP
当サイトでは、毎月新しく公開されたフリーフォントをまとめて紹介しています。その中でも特に人気、需要ともに高い日本語フリーフォント。今回は、2018年に公開された新作フォントを全部まとめてご紹介します。 今年は、Adobe CC全ユーザーを対象にした無料フォントサービスを開始するなど、日本語フォントにとって、大きな変化のあった年と言えます。今後も、クラウドサービスを中心としたフォント提供によって、ウェブ制作における本格的な日本語Webフォントが期待されます。 【2017年保存版】デザインが良くなる！最新の日本語、和文フリーフォント35個まとめ 日本語フリーフォント、これだけは持っておきたい厳選22個まとめ 商用可！日本語フリーフォント、かわいいデザインコレクション厳選83個まとめ 【2018年保存版】デザインが良くなる！最新の日本語、和文フリーフォントまとめ 貂明朝（てんみんちょう）テキスト
2019年デザイナーが注目したい！最新ブランドトレンド10個まとめ【完全版】
2019年のブランドトレンドは、未来的（英: FUturistic）かノスタルジック（英: Nostalgic）といった、２つの全く異なるスタイルを、多くのデザインで見かけることになるでしょう。 どちらかが優れていたり、収益性が高いといったわけでもありません。どのようにブランドを表現したいのか、そして、ターゲットとなるオーディエンスによっても異なり、両方のスタイルを組み合わせて利用することもできます。 今回は、ロゴデザインや製品パッケージ、ウェブデザイン、タイポグラフィ、グラフィックデザイン全般のトレンドを分析し、2019年に注目される最新ブランドトレンド10個をまとめてご紹介します。たくさんのデザイン事例と一緒にまとめているので、今後のデザイン制作の参考にしてみてはいかがでしょう。 2019年の注目トレンド早わかりガイド！ウェブやグラフィック、ロゴなど各ポイントをまとめてチェック コンテ
これが欲しかった！無料のすごいフリーフォント55選 2018年10月度 - PhotoshopVIP
世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材も数多く揃い、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 2週間限定！日本語プレミアムフォント、かわいいデザインを楽しむ便利コレクション これが欲しかった！無料のすごいフリーフォント55選 女子文字POP体フォント「モッチーポップ」 女子が書いたモチモチしてコロコロ丸っこい字でポップなフォントを目指して作りました。職場の新卒3年目
フォトショップの作業が楽になる、覚えておきたい小技テクニック29選
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用可！日本語フリーフォント、かわいいデザインコレクション厳選83個まとめ
パターン アーカイブ - PhotoshopVIP