PhotoshopVIP

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

Latest articles

動きが気持ちいい!Web制作の参考UIインタラクション、アニメーション60個まとめ

 ますます進化するWebデザインの世界において、アニメーションはますます欠かせないデザイン要素のひとつとなっています。 パソコンだけでなくスマホなどアニメーションに対応するデバイスが増えたことで、クリエイティブに対する重要度も高まっています。 では、実際にどのようにWebサイトにアニメーションを活用したら良いのでしょう。 この記事では、Webアニメーションの参考にしたい、魅力的な最新UIインタラクションをまとめてご紹介します。 UXデザインにおけるアニメーションの基本原則とルールも一緒に確認しておくと良いでしょう。http://photoshopvip.net/111431  実例で学ぶ!美しい最新UIアニメーションまとめ Originページをスクロールすると、海面から深海へとつづくコンテンツを、アニメーションを利用することで没入感のあるデザインに仕上げています。   Royal...

約42万円分の「使える」テクスチャ素材が期間限定3,200円の大セール中 商用ライセンス付

 テクスチャやパターン素材は、どんなデザインプロジェクトでも役立つ万能アイテムです。だからこそ、いつでも使える高品質な素材を揃えておきたいもの。 今回ご紹介する期間限定の素材集「メガ盛り!テクスチャー&パターン攻略集」は、世界のトップデザイナーがタッグを組み、高品質で実用的なパターンとテクスチャのみを厳選し、総額42万円相当のデザイン素材が、これでもかとまとめて収録されています。 ユーザーの要望に耳を傾け、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付き。1ヶ月間の期間限定、3,200円で販売中です。  購入ページへ進む ※ こちらの素材集は、Design Cuts Japanでの販売となります。Design...

フォトショップでどんな空にでも変更できる新機能 もうすぐ実装予定

 フォトショップをつかった写真のレタッチ作業の中で、「曇った空を晴れの青空にしたい」など、空を交換できたらと思ったことはないでしょうか。 もちろんフォトショップで可能ですが、まず背景以外の被写体などをマスクし、次に使いたい空の写真を用意して、そして全体の色合いを整えてと、レタッチ工程も多く、はじめての人にはなかなか敷居が高く感じてしまうことも。 今回Adobe社の公式YouTubeに投稿された3分ほどの短い動画では、人工知能Adobe Senseiを活用することで、ボタンクリックひとつで空をカスタマイズできる新機能が、詳しいデモと一緒に紹介されています。   Photoshopボタンひとつで完成!曇り空を青空に変更できる新機能もうすぐ登場予定 この動画によると、新しい空を切り替えるSky Replacement機能は、メインメニューの「編集」タブから開くことができます。  空の種類をサムネイルから選択したり、被写体などのエッジのシフトまたはフェード、空と前景の調整、出力先の選択オプションが表示されています。ワンクリックで空と前景を自動識別しています。  あらかじめいくつかの空のプリセット写真が用意されていますが、自分の撮影した写真を選...

手描きスケッチ風に仕上げるProcreateインクブラシ15個まとめ

iPadやiPhoneのお絵かき、イラストアプリは数多く存在しますが、Procreate(プロクリエイト)はあっという間に世界中のデザイナーが選ぶ人気のスケッチパッドとなっています。 ブラシスタイルを変更するだけで、ありとあらゆる質感をスタイラスペン一本で表現できる、イラストに自信がないひとにもぜひオススメしたい、魔法のようなお絵かきアプリです。  今回は、Procreateで滲んだインクを表現できる厳選プレミアムブラシ15個をまとめてご紹介します。 Procreateにデフォルトで収録されているブラシでは難しい質感やスタイルを中心に、はじめてのひとでも使いやすい有料アイテムを揃えています。  手描きスケッチ風に仕上げるProcreateインクブラシまとめ Procreate Ink Brushes中国の墨絵をベースにしたインクブラシ36種類セット。同時に背景などに便利なスタンプブラシ9種類や紙テクスチャなども含まれます。   Ink...

もっと早く知りたかった!Web制作に便利な最新オンラインツール46個まとめ

 この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次1. Web制作便利ツール2. デザインコレクション3. イラスト系ライブラリ4. 配色ツール5. プロトタイプツール6. アイコンツール7. コラボ、リモートワークツール8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめWeb制作便利ツールEazy...

現場で役立つ24万円分のおしゃれな最新デザイン素材が99%オフの大セール中

 「新しい素敵な素材が欲しい。」「素材をアレンジして使いたい。」「自分好みの素材をつくりたい。」「素材をつかったデザインアイデアが知りたい。」そんなデザイナーにオススメしたい、期間限定のデザイン素材集 The Vibrant Creative Designer’s Collection を今回はご紹介します。 この素材集は、オンラインで活躍する世界中のトップデザイナーとタッグを組み、1000種類を超えるデザイン素材集をパックにして、定価$2300(およそ23万円)の99%割引で購入できる、2週間限定のお得なセットです。 ユーザーの要望に耳を傾け、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付きという嬉しいポイントも。  デザインや新プロジェクトでさまざまな新しいスタイルを試すことができるこの素材集には、オシャレなロゴを数クリックで完成させるキットや和風なテクスチャ、美しすぎる手描きの水彩イラストや人気のアニマルパターン、SVGフォントなどクリエイティブな最新デザイン素材が集まっています。 一度購入すれば使いたいときにいつでも再ダウン...

コピペ自由!美しいCSSドロップシャドウを82種類揃えたCSS box-shadow examples

 マテリアルデザインや最近話題のニューモーフィズム・スタイルで見かける、立体感を演出するドロップシャドウ、影エフェクト。 CSS box-shadow examples は、どんなウェブサイトやスマホアプリなどで利用できる、美しいリアル感たっぷりなCSSドロップシャドウ82種類を揃えた、無料のCSS便利ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSSソースコードをコピペできます。使い勝手もよいので、ワークフローに加えたいサービスのひとつです。  詳細は以下から。 コピペ自由!美しいCSSドロップシャドウを82種類揃えたCSS box-shadow examples CSS box-shadow examples では、リアルな影エフェクトの参考にしたい美しいCSSドロップシャドウが一覧で揃っており、使い方もとてもシンプルです。  一覧リストの中からお好みのドロップシャドウを選択、クリックするだけで、Webデザイン制作に便利なCSSソースコードをコピーできます。  以下は収録されているCSSドロップシャドウのサンプル例です。Webデザインの基本となるボックスやカ...

あと2日無料!キラキラ輝く星を手書きで描くPhotoshop・Procreateブラシ素材20個セット

 キラキラとした星を手書きした風合いで仕上げる、PhotoshopとProcreate用ブラシ20個セット The Starry Starshine Brush Pack をご紹介します。短い期間のみ限定で無料ダウンロードできるので、これを機会にいかがでしょう。 デザインでなにか物足りないと思ったときに、ちょっとした輝きを加えることができる便利なアイテムです。  キラキラ輝く星を手書きで表現 Photoshop・Procreateブラシ素材セット The Starry Starshine Brush Pack は、スタンプ感覚でキラキラとした星をデザインできる、PhotoshopとProcreate用ブラシ素材セットです。20種類のブラシを組み合わせるだけで、おしゃれな手書きデザインを演出できます。  特に「手書きフォントだけだと、なにか物足りない。」を解消してくれる、相性の良いアイテム。http://photoshopvip.net/99366http://photoshopvip.net/116931 黄金テクスチャでキラキラに輝かせても良いでしょう。http://photoshopvip.net/115940 すこし古い記事です...

商用可で無料!UIデザイン用のSVGアイコンライブラリ28個まとめ

 この記事では、ウェブサイトのUIデザインに便利な、無料の人気SVGアイコンライブラリをまとめて紹介しています。 豊富な収録数に加え、サイズや配色などのカスタマイズ性、モダンデザイン対応のヴィジュアル性もアピールできる、使い勝手の良いシンプルなアイコン素材が揃います。 MITライセンスで、商用利用も可能なオープンソースの素材が中心で、クライアント案件でも安心して利用できます。また、サポートしているファイル形式も豊富で、あらゆるデザインアプリで利用できる点もポイントです。  商用可で無料!UIデザイン用のSVGアイコンライブラリまとめ CSS.ggCSSのみで描いたアイコンやSVGスプライトで利用可能なSVG & Figma UIアイコン、統一感のあるコンポーネント700以上が揃った、完全オープンソースのアイコンライブラリ。詳しい使い方はGithubレポジトリよりどうぞ。Figmaコンポーネントライブラリで整理されたUIアイコンCSSアイコンの他に、React向けやFigma、Adobe...

良質サンプル多数!Webの参考にしたい最新ウェブデザイン45個まとめ

 目まぐるしく変わっるWebデザインを追いかけるには、できるだけたくさんの優れたデザインのサンプル実例をじっくり見ることが、次のアイデアにもつながります。 この記事では、今後のWeb制作で参考にしたい話題の最新Webサイトデザイン45個をまとめて紹介します。 「イメージは決まっているけど、どこからはじめたらいいか分からない」といったときも、レイアウトや配色はもちろん、使用しているフォントやテクスチャなど、個別パーツごとに参考にしてみても良いでしょう。 http://photoshopvip.net/123577http://photoshopvip.net/122508 良質サンプル多数!Webの参考にしたい最新ウェブデザインまとめ Hoang Nguyen Personal Site画面の四隅にあるリンクをクリックすると、キャラクターが動きながら次のコンテンツへと移動、表示まで行うユニークすぎる個人サイト。   Begonia台湾にあるデザイン事務所の公式サイト。SVGアニメーションのページ遷移やオリジナルイラストの使用など、デザイン性に優れた演出がきらり。   Making...

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!