PhotoshopVIP - RSS Feed

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

Latest articles

【フォトショップ】写真をリアルな紙幣プリント風に加工する方法

 この記事では、フォトショップで紙幣にプリントされたような写真加工のつくり方をご紹介します。 まるで紙幣の肖像のような効果を演出できるテクニックで、ポイントは「魔法のテクスチャ」を写真に重ねることで、手軽にリアルな紙幣プリント風の写真加工を実現できます。   ワンランク上の仕上がりを実現する、レトロなハーフトーン加工と一緒に試してみてはいかがでしょう。 https://photoshopvip.net/129308  デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ&ドロップであらゆる写真に対応できます。   「魔法のテクスチャ」を作成しよう 今回のテクニックでは、ある特殊なテクスチャを写真に重ねることで、紙幣のような風合いを表現します。 まずはこのテクスチャを作成しましょう。10x10px、72dpi、カラーモードは「グレースケース」、カンバスカラー「白」で新規ドキュメントを作成します。   メインメニューより「長方形選択ツールM」でカンバスの半分を選択します。 描画色「黒(#000000)」で塗りつぶしたら、メインメニューより「フィルタ」>「ぼかし」>「ぼかし(ボックス)」を...

【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法

 この記事では、フォトショップでワンランク上のハーフトーン画像をつくる方法をご紹介します。 まるで印刷されたコミック漫画のようなハーフトーンスクリーン効果に、テクスチャの質感を加えることで、よりリアルなヴィンテージ感を演出できるテクニックです。 ハーフトーンのサイズを自由に調整、編集できるだけでなく、一度作成してしまえばドラッグ&ドロップであらゆる写真や画像に対応できます。   デザインの完成予定 できあがりがこちら。調整レイヤーを組み合わせるだけのシンプルなテクニックで、はじめてのひとにもオススメ。作業時間は3分ほど。   今回利用した写真はこちらよりダウンロードできます。   フォトショップで開いた状態。写真サイズは2500x2200px、72ppi。   調整レイヤーを順番に適用 新規調整レイヤーを順番に適用していきましょう。まずは「色相・彩度」調整レイヤー。プロパティパネルより「彩度:...

商用可!長く愛用できる夏デザイン限定素材集 The Designer’s Spectacular Summer Selection

 デザインをしていると素材に困ったり、アイデアが浮かばないという経験は、誰しも一度はあるのではないでしょうか。また、クライアント向け案件で複数のデザイン案を要求され、困ってしまうこともしばしば。 そんなときは、世界のトップデザイナーが多数参加し、良質なアイテムのみを揃えた夏をテーマにしたグラフィック限定素材集「The Designer’s Spectacular Summer Selection」を利用してみましょう。 商用ライセンスにも対応した素材のみを集めたコレクションで、1000種類を超えるデザイン・グラフィック素材を厳選し、定価$1400(およそ30万円)の99%オフとなる3,000円で購入できる、2週間オンリーのお買い得なセールです。 販売期間は、6月15日の火曜日までの残り1週間となっています。  購入ページへ進む   ゼロから制作すると何時間も費やしそうな、人気デザイナーの本格的なデザインを手軽にたのしむことができる素材集。商用ライセンスも付属しているので、販売用デザインにも自由に利用でき、ワンランク上のデザイン制作を実現できるでしょう。 日本人スタッフによる日本語サポート対応なので、安心して利用することができます。 購...

新しいUIデザインスタイル「モダンミニマル」の使い方基本ガイド

 機能的で読みやすい、そして洗練された魅力的な見た目が特長の新しいUIスタイル「モダンミニマル(英: Modern Minimal)」の特長や、具体的な使い方を今回はご紹介します。 これまでにも似たようなデザインスタイルは数多くありました。それらのインターフェースは人目を引き、読みやすく、かつ親しみやすく、やりすぎにならないとても優れたものでした。見た目の美しさとバランスが絶妙でした。 なぜなら、デザイントレンドの最大の問題点は、見た目は魅力的でも、それらを使って機能的に完璧なデザインを作ることはできないためです。(ニューモーフィズムやグラスモーフィズムは普段づかいにはあまり適していません。) 新しいUIスタイル「モダンミニマル」は、他のデザインスタイルに比べてよりミニマルでありながら、マテリアルデザインやフラットスタイルのような退屈なデザインではなく、他のスタイルから多くのインスピレーションを受けたスタイルとなります。   UIスタイル「モダンミニマル」の特徴 モダンミニマルスタイルを採用したスマホ画面を参考に、モダンミニマルの重要なデザインのポイントを確認しましょう。一般的に以下のような特徴があります。  明るい背景と余白スペース...

ラクラクWebデザイン制作!便利な最新オンラインツール39個まとめ

 この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次1. Web制作便利ツール2. 配色ツール3. デザインコレクション4. イラスト系ライブラリ5. プロトタイプツール6. アイコンツール7. コラボ、リモートワークツール8. 面白、クリエイティブツール  Web制作の効率、生産性アップ!話題の最新オンラインツールまとめWeb制作便利ツールTail...

【デザイナーお役立ち】デザインが良くなる最新フリーフォント35個まとめ 2021年5月度

 この記事では、「たくさんのフォントがありすぎて、どれを使ったらいいか迷ってしまう」というひとにオススメしたい、デザイン性の高い最新フリーフォントをまとめてご紹介します。 紹介しているフォントを使えば、サイトや雑誌やポスターのデザインがかっこよく決まる、そんな日本語と英語のフリーフォント35個を揃えています。  【デザイナーお役立ち】デザインが良くなる最新フリーフォントまとめ やわらかドラゴン力強くもあり、どこか柔らかい。そんなイメージの日本語フォントで、インパクトを持たせたい時、優しい印象を持たせたときに。無料mini版と4000字以上が揃ったFullバージョンが用意されています。(5,000円 | 商用利用可)※ 個人利用可能   夜すがら手書きフォント手書きの風合いをそのまま残した日本語フリーフォントで、...

Photoshopの代用で使える画像編集・加工おすすめツール【目的別まとめ】

 Photoshop(フォトショップ)は、画像編集ソフトとしてデザインの現場では定番となっていますが、唯一の選択肢というわけではありません。 この記事では、Photoshopの代わりに使える無料・有料の画像編集アプリ・サービスを、目的とカテゴリ別に分けてご紹介します。 「Photoshopの毎月のサブスク代を節約したい」「簡単な画像編集をしたい」「もっとシンプルな機能のみ欲しい」など考えているひとにオススメしたいアプリが揃います。  Photoshopでできる便利な機能 まずはPhotoshopができる、よく利用する便利な機能の一部がこちら。代用アプリに期待する機能といっても良いでしょう。 Photoshopのレイヤーを使った非破壊編集写真から被写体を消すスマートオブジェクト機能フィルタ機能クローンや覆い焼きなどの描画モードをつかった肌のレタッチソーシャルメディア向けグラフィックの作成モックアップの作成テキストの追加背景を切り抜くJPEGやTIFF,PDF、PNG、GIFなどのファイル対応   Photoshopを無料ではじめる7日間体験トライアル まずはじめに、Photoshopには無料体験トライアル期間があり、通常のPhotosh...

【フォトショップ】写真をベクターイラスト風に加工する方法

 この記事では、フォトショップで写真をベクターイラスト風に仕上げる方法をご紹介します。 このエフェクトはもともと、バラク・オバマの大統領当選を記念したポスター『Hope』を制作し世界中で知られるようになった、シェパード・フェアリー(Shepard Fairey)にインスパイアされています。一度は見かけたことがあるかもしれません。   Illustratorでデザインすることの多いテクニックですが、ここではペンツールなども使わずに、フォトショップでお手軽な写真加工が可能になります。  デザインの完成予定 まずできあがりがこちら。いくつかの調整レイヤーと「油彩」フィルタを利用するだけのシンプルなテクニックで、見た目以上に手間はかかりません。慣れれば3分ほど。   今回利用した写真はこちらよりダウンロードできます。   フォトショップで開いた状態。写真サイズは2300x2450px、300ppi。   人物の切り抜きは「被写体を選択」で一発 写真から人物のみを切り抜き、レイヤーマスクを適用しています。人物の切り抜きは「被写体を選択」機能を利用すれば、数秒待つだけで完成です。  https://photoshopvip.net/125355 ...

現役デザイナーが教える、アイコンデザインがより良くなる8個のヒント

 この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。 WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。 アイコンは、コマンドやコンテンツを視覚的にあらわし、背後にある意味合いを伝える言語と言えます。ユーザーがすぐに理解、認識できるようにシンプルで効果的なビジュアル、メタファーを表現する必要があります。  現役デザイナー直伝、アイコンデザインがもっと良くなる8個のヒント ヒント1 – グリッドを設定しようアイコンはひとつだけ作るのではなく、ほとんどの場合はセットでデザインすることになります。アイコンセットの統一感を持たせるにはグリッドが必要となります。 以下サンプル例のようにセーフゾーンを決め、キーラインを設定しましょう。アイコンのまわりには、少しの余白スペース(Bounding...

【HTML】知っておくと便利!短いHTMLコードで実装できる小技テク17選

海外サイト Marko Denic で公開された HTML Tips を著者 @denicmarko より許可をもらい、意訳転載しています。 この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。  先日紹介したCSS小技テクと一緒に活用してみてはいかがでしょう。 https://photoshopvip.net/128949https://photoshopvip.net/123968  そもそもHTMLってなに? HTML(Hypertext Markup Language)は、Webブラウザで表示するための基本となる標準的なマークアップ言語です。また、CSS(Cascading...

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!