PhotoshopVIP

Photoshopに関する無料素材や、最新ニュース、チュートリアルをいち早くお届けする新感覚のデザインブログメディア

Latest articles

コピペ可能!ナビメニューやリンクの参考にしたいCSSホバーエフェクト集まとめ

 この記事では、ナビゲーションメニューやテキストリンクを魅力的にするCSSホバーアニメーションをまとめています。 どれもHTMLスニペットとして公開されているので、CSSコードをコピー、貼り付けるだけで利用できる点もポイントです。  コピペ可能!ナビメニューやリンクの参考にしたいCSSホバーアニメーションまとめ 100 underline/overlay animations | The ultimate CSS collection 今回特にオススメしたいリンク用ホバーアニメーション集で、基本的なものから3Dなどユニークなエフェクトまで100種類が揃います。  SVGやJS,疑似要素、@keyframeなどは使われておらず、クラス名を追加するだけでスタイリングできます。 基本となるベーシックタイプ7種類。 ...

しっかりマスター!美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】

 この記事では、Illustratorで美しいグラデーション作成する基本ガイドとして、数回のシリーズに分けて具体的なデザイン方法や便利なテクニックを紹介しています。 今回は、グラデーションデザインに重要な「配色」の選択、設定を行っていきます。  ベースとなる色を決め、補色や類似色などの配色ルールを活用することで、グラデーションに必要な鮮やかなカラーグループを簡単に選ぶことができるテクニック。 Illustratorの配色に関する便利な機能を活用するので、配色が苦手なひともこの記事の終わりには、自分だけの美しいカラーパレットを簡単に作成できるようになります。 コンテンツ目次1. Illustrator推奨ドキュメント設定2. カラーガイドパネル3. 補色によるカラーグループの作成4. ペンタードカラーによるカラーグループの作成5....

配色えらびに超便利!カラーパレットやグラデーションなど色ツールが揃ったCoolors

 美しいカラーパレットを生成できるツールはたくさんありますが、配色を探しているときに役立つ便利なオンラインツールCoolorsをご紹介します。 人気トレンドのおしゃれな配色カラーパレットを確認、編集できたり、写真から色を抽出したコラージュの作成、色覚障がい診断ツールの他に、配色の明るさや彩度、色温度なども調整できるなど、配色に必要なあらゆるツールが揃っています。  Coolorsとは Coolorsは、Spaceキーを押すたびに配色をランダムで作成、編集できるオンラインツール。配色に自信がなくても、数千を超える美しい配色カラーパレットからインスピレーションを見つけることもできます。 失敗しない配色えらびに役立つさまざまなツールが同時に公開されている点もポイントです。では、Coolorsの使い方を詳しくみていきましょう。  Coolorsの使い方 Coolorsの使い方は、基本的な2通りとなります。 まずは、「Start...

Web制作の効率、生産性アップ!話題の最新オンラインツール33個まとめ

 この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次1. Web制作便利ツール2. 配色ツール3. デザインコレクション4. イラスト系ライブラリ5. アイコンツール6. コラボ、リモートワークツール7. 面白、クリエイティブツール  Web制作の効率、生産性アップ!話題の最新オンラインツールまとめWeb制作便利ツールGlassmorphism...

Photoshopがすごい!参考にしたい最新チュートリアル、作り方43個まとめ

 この記事では、2021年に入って公開された最新Photoshopチュートリアル、作り方をまとめてご紹介します。 およそ3ヶ月ぶりとなる今回は、フォトショップのパワーを実感できるスゴ技合成テクニックから、普段から使える実用的なものまで、デザインの幅が広がるセレクションとなっています。 順番を追ってチュートリアルを進めていくことで、実践的なフォトショップの使い方を覚えることができますよ。 https://photoshopvip.net/126600https://photoshopvip.net/126666  作業の時短にデザイン素材集を活用してみよう 「デザインは作成したいけど、ゼロから作る時間はない。」そんなときは、高品質なデザイン素材集を活用してみましょう。 世界のトップデザイナーが作成した、1,000種類を超えるデザインが揃った素材集で、通常15万円相当のデザイン素材が2週間の期間限定、3,200円で販売中です。  フォントからイラスト、テクスチャ、ブラシ、Photoshopレイヤースタイルなど幅広いデザイン素材が揃い、本格的なヴィンテージデザインを手軽にたのしむことができます。 販売は3月16日、月曜日までの期間限定となっ...

99%オフで3000円!デザイナーが持っていたいお得な期間限定デザイン素材集

 世界トップレベルのデザイナーが集結し、デザイン制作に役立つ厳選アイテムを通常価格の99%オフで購入できる期間限定企画が話題のDesignCuts。人気デザイナーによるトレンドを意識し、最新デザインアイテムだけを厳選した最新素材集が新しく登場です。 今回ご紹介する素材集「The Dreamy Designer’s Artistic Arsenal」は、最新の人気フォントからPhotoshopやIllustrator向けデザイン素材まで、プロレベルの素材を揃えた特別デザインコレクション。通常23万円相当の1,000種類を超えるアイテムが2週間限定の99%オフ、3,200円で提供中です。  購入ページへ進む  最新デザイントレンドを取り入れたデザイン素材の中には、人気の水彩ペイントをつかったイラストコレクションも数多く収録されており、手書きの風合いとオシャレな色合いが特長。また、なにかとデザインで重宝する高品質なテクスチャ、パターン素材の他に、筆記体や太字セリフ書体などのプレミアムフォントまで幅広く揃います。 通常の99%オフとなる特別価格3,200円で、ひとつの素材を通常価格で購入するだけでも、元が取れてしまうレベル。 商用デザイン完全...

美しいドロップシャドウ影を作成できるデザイン小技テクニックまとめ

 ドロップシャドウ(英: Dropshadow)は、今どきのウェブサイトやユーザーインターフェースにおいて重要なデザイン要素です。 整理された長方形にドロップシャドウを適用することで、奥行き感と階層づくりに役立ちます。 使い方によっては、ユーサーに楽しさや高揚感を演出できる効果的なデザインテクニックと言えます。 ここでは、SketchやFigma、Adobe XDといったデザインツールをつかって、より美しいドロップシャドウを作成する小技テクニック、ヒントをご紹介します。  より美しいドロップシャドウを作成するデザインの小技テクニック、ヒントまとめ小技1 – ソフトにしようデザインツールのデフォルト設定のドロップシャドウを利用するのは控えましょう。その代わりに、ドロップシャドウの不透明度を5〜25%ほどに調整し、ぼかしをきつく設定してみましょう。   小技2...

色の変化が美しい!グラデーション無料テクスチャ、デザイン素材まとめ

  この記事では、人気のグラフィックのひとつ「グラデーション」をつかった無料テクスチャ、デザイン素材をまとめてご紹介します。   美しい配色の組み合わせを楽しむことができる素材を中心に、PhotoshopやIllustratorといったデザインツールで利用できるテクスチャ素材はもちろん、プリント印刷もできる高品質な素材から、FigmaやAdobe XDといったプロトタイプツール向けグラデーションまで幅広いアイテムが揃います。     テクスチャ素材を中心に、デザインスタイルごとに「使える」無料デザイン素材をまとめた記事はこちらからどうぞ。 https://photoshopvip.net/115940 https://photoshopvip.net/122550 https://photoshopvip.net/117928...

アニメーションで魅せる!Web制作の参考UIインタラクション40個まとめ

 これまで平面的に捉えられていたウェブサイトやアプリに、吸い込まれるような没入感を演出するクリエイティブなアニメーションが、いま注目を集めています。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。  アニメーションで魅せる!Web制作の参考UIインタラクション40個まとめ Juice Brand Website Menuフレッシュなフルーツジュースを選択する、フルスクリーン画面で展開するナビゲーションメニュー。ぼかしをつかい、遠近感をうまく表現したプロダクト紹介ページは参考に。   Perfume Ecommerce Website Design花が満開に咲くまでを美しいGIFアニメーションで表現した、フレグランス紹介用のランディングページ。   Car...

懐かしくて新しい!モダンレトロなデザイン素材15万円分が99%オフのお買い得に

  Design Cutsで2週間おきに開催されている、おしゃれで高品質なデザイン素材の限定バンドルセール。   世界トップクラスのデザイナー達がタッグを組み、最新デザイン素材をまとめて99%オフで購入できるお得な機会です。   今回は、人気のモダンレトロなデザイン素材にテーマを絞り、パターンやテクスチャ、フォント、装飾素材など1,000種類以上の、プロ仕様のデザイン素材をまとめて手に入れる貴重なチャンスです。   個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付き。2週間の期間限定、3,200円で販売中です。     購入ページへ進む     グラフィックデザインやウェブデザインで注目を集めるヴィンテージスタイルは、今後ますます需要が増えることが予想されています。...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!