タグ

ブックマーク / photoshopvip.net (119)

  • Photoshopで写真内の人や物を消す6個の超簡単テクニック 完全まとめ

    最終更新日: 2022年10月3日 Photoshopで画像から人や物などのオブジェクトを除去する方法は、デザイン制作において重要なテクニックです。しかし、用途に応じてツールを使い分け、除去レタッチ作業を行っているというひとは、どれだけいるでしょう。 今回は、Photoshopの各種ツールを駆使した除去、消去テクニックと、いつその技を使うのがベストなのか、各サンプルと一緒にまとめてご紹介します。これらの方法を実践することで、写真に写り込んでしまった不要なモノを、2〜3分の短時間で、スピーディーに除去することができるので、フォトショップ初心者のひとにもオススメです。

    Photoshopで写真内の人や物を消す6個の超簡単テクニック 完全まとめ
  • 写真撮影をプロのように!確実にマスターしたい絞り値、シャッタースピード、ISO 完全ガイド

    絞り値(英: Aperture)およびシャッター速度、ISOを確実に理解することは、思い通りの写真を撮影する第一歩です。 この3つのカメラ機能は、画像の露出(写真の明るさと濃淡のレベル)を担っており、他の美しい写真を真似ることができ、結果的に写真全体の見た目に大きな役割を果たします。 絞り値とシャッタースピード、ISOをマスターして、優れた写真家になるための第一歩は、自動モード(カメラがすべての設定を処理する)から、全手動モードでの撮影に切り替えることです。はじめは露出を手動で設定するのに時間がかかりますが、プロセスから学ぶテクニックはとても貴重と言えるでしょう。 まず、3つの露出設定を詳しく見てみましょう。それぞれの設定がどのように美しい画像の設定に影響するのか、そして「露出の三角形(英: Exposure Triangle)」がどのように連動するのか見てみましょう。 露出の三角形とは?

    写真撮影をプロのように!確実にマスターしたい絞り値、シャッタースピード、ISO 完全ガイド
  • 【総まとめ】2017年公開!デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個

    2017年の間に公開された、デザインの可能性を広げ、即戦力として実用性の高いPhotoshop無料ブラシ素材を厳選してご紹介します。 デザインに重ねるだけで質感をアップするお手軽ブラシから、鉛筆や筆ブラシなどの風合いをそのままリアルに表現できる素材、星や雲、水のほかにも、人気の水彩ペイントやデジタルペイント向けの格的な素材までバラエティ豊富に揃います。 【総まとめ】2017年公開!デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個 16 Subtle Grunge Photoshop Brushes Collecttion ざらっとしたグランジ感のあるデザインを手軽に表現できるPhotoshopブラシ素材セット。 15 Free Grit & Grain Texure Brushes for Adobe Photoshop きめが荒いビンテージな質感をワンクリックで追加でき

    【総まとめ】2017年公開!デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個
  • 商用可!長く愛用できる人気テクスチャ、パターン限定素材集 The Vibrant Textures, Patterns & Backgrounds Bundle

    商用可!長く愛用できる人気テクスチャ、パターン限定素材集 The Vibrant Textures, Patterns & Backgrounds Bundle 今回ご紹介する期間限定の素材集「The Vibrant Textures, Patterns and Backgrounds Bundle」は、世界のトップデザイナー達がタッグを組み、高品質で実用的なパターンとテクスチャのみを厳選し、総額$2,070(およそ23.5万円)相当のデザイン素材をまとめて大量に収録しています。 ユーザーの要望に耳を傾け、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも完全対応した商用ライセンス付き。2週間の期間限定、$29(およそ3,300円)で販売中です。 購入ページへ進む どんなサイズにも対応できるベクターテクスチャや、キ

    商用可!長く愛用できる人気テクスチャ、パターン限定素材集 The Vibrant Textures, Patterns & Backgrounds Bundle
  • アイデアに困ったら確認したい!最新ウェブデザイン良質見本47選 2017年9月度

    「ウェブデザインのアイデアが見つからない。」「漠然としたイメージはあるけど、何が必要か分からない。」「クライアントとの打ち合わせで使えるデザイン見が欲しい。」 そんなときに役立つ最新ウェブデザインの参考サンプルをまとめてご紹介します。優れたデザインのサンプル例を見ることは、新しいアイデアを生み出すのにも大切です。目まぐるしく変化するWebデザインのトレンド確認しながら、今後のデザイン制作に活かしてみてはいかがでしょう。 現役デザイナーも注目!最近話題のウェブデザイン50個まとめ 2017年7月度 アイデアに困ったら確認したい!最新ウェブデザイン良質見 清水寺 世界的にも有名な清水寺の公式ホームページ。ユーザーが必要な情報を見つけやすい工夫が随所に見られ、Instagramなどソーシャルメディアによる共有のしやすさも。 旅館 山河 デスクトップではスクロールに応じて、画面右半分のみが無限

    アイデアに困ったら確認したい!最新ウェブデザイン良質見本47選 2017年9月度
  • 割引率99%!デザイナーが愛用したい商用テクスチャ、パターン集が期間限定で登場

    世界中の人気デザイナーとのコラボレーションにより、デザインの現場で使える素材を2週間の限定、通常価格の99%オフで購入できる DesignCuts。ユーザーの要望にじっくりと耳を傾け実現した、人気素材の新しい企画がスタートしています。 今回ご紹介する期間限定の素材集「The Essential Textures and Patterns Bundle」は、商用プロジェクトにも対応でき、デザインの引き出しが増える実用的なテクスチャやパターンのみを厳選し、総額$2145(およそ24万円)相当のアイテムがまとめて1000枚以上収録されています。 幅広いさまざまなプロジェクトに役立つ万能アイテムを中心に、他では取り扱いのない高品質な素材ばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付き。2週間の期間限定、$29(およそ3,300円

    割引率99%!デザイナーが愛用したい商用テクスチャ、パターン集が期間限定で登場
  • ウェブデザイナーが試したい、Webアニメーション無料プラグイン&ライブラリ75個まとめ【保存版】

    アニメーション(英: Animation)は、ウェブデザイン制作で必要とされる人気トレンドのひとつです。かろうじて気付くような控えめなローディングから、映画のような体験を提供するページ遷移まで、あらゆるデザインに採用されています。 ウェブサイトへのアニメーション実装を検討しているデザイナーには、無料プラグインが豊富に用意されています。デザイン的要素の強いものから、ユーザーエクスペリンスを向上させるものまで、さまざまなアニメーションを作成できます。 今回は、ウェブデザイナーが確認しておきたい、アニメーション用プラグインとライブラリ75個をまとめてご紹介します。利用するケースやアイデアに応じて、これらの素材を活用してみましょう。 ウェブデザイナーが試したい、ウェブアニメーション無料プラグイン、ライブラリまとめ 01. Animate.CSS Animate.CSS は、クロスブラウザ対応の基

    ウェブデザイナーが試したい、Webアニメーション無料プラグイン&ライブラリ75個まとめ【保存版】
  • 定価99%オフで3千円!デザイナーが愛用したい商用フォント集が期間限定で登場

    世界中の人気デザイナーとタッグを組み、デザインの現場で使える素材を2週間の限定、通常価格の99%オフで購入できる DesignCuts。交渉に数ヶ月を要し、遂に実現した新しい企画がスタートしています。 今回ご紹介する期間限定の素材集「The Influential Font Lover’s Library」は、商用プロジェクトにも対応できる、デザイナーが当に必要なフォント書体のみを厳選し、総額$3465(およそ38万円)相当のフォントがまとめて470個以上収録されています。 世界でもっとも売れたフォントのひとつ「Futura」をはじめ、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付き。2週間の期間限定、$29(およそ3,300円)で販売中です。 購入ページへ進む この素材集には、初登場

    定価99%オフで3千円!デザイナーが愛用したい商用フォント集が期間限定で登場
    fwd0039
    fwd0039 2017/08/11
  • 期間限定99%割引!プロデザイナー顔負けのよくばりなデザイン素材集が登場

    「新しい素敵な素材が欲しい。」「素材をアレンジして使いたい。」「自分好みの素材をつくりたい。」「素材をつかったデザインアイデアが知りたい。」そんなよくばりさんに贈る、期間限定のデザイン素材集 The Vibrant, Artistic Design Bundle を今回はご紹介します。 この素材集は、オンラインで活躍する世界中のトップデザイナーとタッグを組み、1000種類を超えるデザイン素材集をパックにして、定価$1717(およそ19万円)の99%割引で購入できる、2週間限定のお得なセットです。 ユーザーの要望に耳を傾け、他では取り扱いのない高品質アイテムばかりがピックアップされています。個人で利用できるだけでなく、クライアント案件などの利用にも対応した商用ライセンス付きという嬉しいポイントも。 購入ページへ進む デザインや新プロジェクトでさまざまな新しいスタイルを試すことができるこの素材

    期間限定99%割引!プロデザイナー顔負けのよくばりなデザイン素材集が登場
  • Webサイトのヘッダー/フッター用アイデア満載!コピペできるHTML/CSSスニペット48個まとめ

    ウェブサイトを訪れたとき、まずユーザーが目にする「ヘッダー」部分は、魅力的なデザインコンセプトを取り入れることで、オリジナル性の高い表現が可能になります。 今回は、魅力的なヘッダー/フッターデザインを実装できる、コピペ可能なHTML/CSSスニペット48個をまとめてご紹介します。ブログ記事向けレイアウトやランディングページ向けなど、5つのカテゴリに分けています。用途に応じて最先端のWebデザインテクニックを活用し、デザインの参考にしてみてはいかがでしょう。 2017年大命!HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ コピペで利用可!思わず押したくなるボタンエフェクト用HTMLスニペット40個まとめ 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 コンテンツ目次 1. 記事向けヘッダーデザイン 2. 記事向けフルスクリーン・ヘッダ

    Webサイトのヘッダー/フッター用アイデア満載!コピペできるHTML/CSSスニペット48個まとめ
  • クオリティーが凄い!最近話題になったウェブデザイン40個まとめ 2017年5月度

    さまざまな想いやメッセージを伝えるウェブサイトは、クリエイティブなアイデアの宝庫です。まるで思いつかないようなユニークなアイデアが使われていたり、最先端のウェブ技術を駆使したこれまでにない体験をお届けするサイトなど、参考したいポイントがたくさんあります。 この記事では、最近国内外で話題となった最新ウェブデザインをまとめてご紹介します。ますます加速するウェブの世界をのぞいてみてはいかがでしょう。 ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】 これでもう悩まない!2017年のデザイントレンド完全ガイド クオリティーが凄い!最近話題になったウェブデザインまとめ Freelance TV 世界各地で活躍するフリーランスたちに、普段のライフスタイルや仕事術などをインタビューしながら紹介する新しいメディアの取り組み。コンテンツも定期的にアップされており、今

    クオリティーが凄い!最近話題になったウェブデザイン40個まとめ 2017年5月度
  • 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選

    ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTMLCSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性!美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる!すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・

    【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選
  • デザインの現場で使える、持っておきたい無料テクスチャ素材40枚まとめ

    テクスチャ素材はWebデザインはもちろん、グラフィックやさまざまなデザインプロジェクトに役立つアイテムのひとつです。 今回は無料ダウンロードできるテクスチャ素材のみをまとめてご紹介します。重ねるだけで質感をアップできる素材から、トレンドの水彩ペイントを手軽に実現できるアイテムや金箔、紙、ウッドテクスチャなど人気素材が揃います。これを機会にデザインツールをアップグレードしてみてはいかがでしょう。 計400枚超え!雰囲気を手軽にアップできる無料テクスチャ素材まとめ デザインの雰囲気をガラリと変える、すごい無料テクスチャ素材まとめ 自由に使える、無料デザインテクスチャとパターン素材まとめ 2015年7月度 人気デザインを網羅!持っておきたい無料テクスチャ素材40枚セット Gold Foil Textures 金色のアルミフォイルのような光沢感が魅力のテクスチャ素材4枚セット。 Free Gold

    デザインの現場で使える、持っておきたい無料テクスチャ素材40枚まとめ
  • 注目度アップ!画面を二分割するWebサイトの制作ポイントまとめ(参考テンプレート付)

    画面を縦半分に二分割した「スプリット・スクリーン(英: Split Screen)」デザインの利用がウェブサイトで増えてきています。このレイアウトは、「ひとつの画面に2つのメッセージ」というシンプルなルールだけです。 各パネルには写真イメージや文字テキスト、イラストなど異なるさまざまな要素を配置できるのが特長のレイアウトです。 シンプルとなってきているグラフィックのデザイントレンドに比べ、画面を2つに分割することは、よりユニークな方法でサイトへの興味を引くことができます。もう少し詳しく見ると、以下のような利点があります。 特定のパートにユーザーの注意を引きつける。 コントラストをうまく利用できる。 これまでにないスタイルを提供できる。 また、あらゆる画面サイズに対応する、レスポンシブデザインにとっても良い選択と言えるでしょう。このタイプのレイアウトは、大画面やタブレットでの表示が特におすす

    注目度アップ!画面を二分割するWebサイトの制作ポイントまとめ(参考テンプレート付)
  • これでもう悩まない!2017年のデザイントレンド完全ガイド

    2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジーファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表!確認しておきたいポイントとは? 2017年のWebデザインはどうなる?

    これでもう悩まない!2017年のデザイントレンド完全ガイド
  • ウェブをもっと面白く!コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度

    思わずクリックしてコンテンツを読み続けたくなるような、コピー&ペーストで利用できる最新 HTML/CSS スニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、今後のデザイン制作に活用してみてはいかがでしょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブをもっと面白く!コピペ可能なHTML/CSSスニペット45個まとめ Fixed Disappearing Scrolling Header スクロールすると表示されている文字テキストがフェードアウト

    ウェブをもっと面白く!コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度
  • Bootstrap 対応!マイクロインタラクションをクラス名だけで作ろう!ScrollReveal.js

    2016年に入り、ますます注目を集めているマイクロインタラクションは、多くのウェブサイトなどでも積極的に採用されはじめています。しかし、どうしてもJSやjQueryの技術が必要となってくるため、なかなか手を出せないというひとも多いかもしれません。 今回はスクロールに合わせて要素をアニメーションさせるプラグイン、ScrollReveal.jsを使い、Bootstrapを使うような感覚で、クラス名をつけるだけでアニメーションが実装できるようにしました。 マイクロインタラクションだけでなく、ド派手なアニメーションにも使えるので、JSやjQueryはまだというひともぜひ、トライしてみてください。 ※ 改編はMITライセンスの下で行っています。 ダウンロードする 目次 1. プラグインサンプル 2. 動作環境 3. 使い方 1. プラグインサンプル スクロールに合わせて、アニメーション付きでコンテン

    Bootstrap 対応!マイクロインタラクションをクラス名だけで作ろう!ScrollReveal.js
  • ウェブ制作で差がつく!コピペ可能なHTML/CSSスニペット50個まとめ 2016年10月度

    ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。最新のデザインテクニックを駆使したレイアウトやスライダー、ボタンエフェクト、ホバーエフェクトなどユーザーがたのしむことができる工夫のつまった作品が数多く公開されています。これらのスニペットを利用することで、他とは一味違うユニークなウェブサイトを制作してみてみましょう。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 ウェブ制作で差がつく、コピペ可能なHTML/CSSスニペット50個まとめ 01. Fixed

    ウェブ制作で差がつく!コピペ可能なHTML/CSSスニペット50個まとめ 2016年10月度
  • CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ

    海外サイト Envato Blog で公開された「25 Free Web-Based Apps & Tools For Working With CSS」の著者 Paul Andrew より許可をもらい、翻訳転載しています。 CSS スタイルシートを作成していると、時間ばかりかかる退屈な作業をこなさなければいけない時があります。 たとえば、CSSアニメーションや FlexBox レイアウトを作成、調整したり、モダンブラウザ対応の書き方を思い出したり、レスポンシブ用にemをpxへの変換や CSS ファイルの圧縮やクリーンアップ、画像をデータURIへ変換など、どれもクリエイティブとは程遠いものばかり。 今回は、作業時間を大幅に短縮し、より快適なスタイルシートの作成ができる便利なツール25個をまとめてご紹介します。 紹介するツールを活用することで、これまで時間がかかっていた頭の痛くなる作業も、ボ

    CSS スタイルシート制作を楽にする!知っておきたい便利ツール25選まとめ
  • 結婚式の配色はこれだ!参考にしたい美しい色の組み合わせ25個まとめ

    結婚式で使われる配色は、お好みの雰囲気を演出することが大切です。またそれだけに限らず、結婚式のフォトフレームのカラーバリエーションや、新郎に似合う背広の色など、細かい配色も考える必要がでてきます。しかし、もっとも重要なのは、選んだ配色が結婚式とうまくマッチしているかどうかです。 配色を選ぶときにもっとも大変なのは、新郎と新婦のように、調和よくバランスを保つことです。今回は、実際にデザインされた結婚式の招待状をモチーフに、美しい配色の組合せ25個をまとめてご紹介します。配色をコピー&ペーストできる HEX 値もそれぞれ記載しているので、制作の参考にしてみてはいかがでしょう。 詳細は以下から。 結婚式の配色に悩まない!参考にしたい美しい色の組み合わせ25個まとめ 01. Pastel Peach 水彩絵具でペイントした、パステル系のピンク色とみどり色の組合せが美しい配色で、ガーデンスタイルの結

    結婚式の配色はこれだ!参考にしたい美しい色の組み合わせ25個まとめ