タグ

Photoshopに関するhayasi-nのブックマーク (99)

  • 写真が劇的に変わる!重ねるだけの無料オーバーレイテクスチャ素材750枚まとめ

    この記事では、写真加工で重ねて使える無料オーバーレイテクスチャ素材を詳しい使い方と一緒にまとめてご紹介します。 オーバーレイテクスチャ素材は、ドラッグ&ドロップで手軽に利用でき、さまざまなシーンに対応する素材が幅広く揃います。これらの素材を利用すれば、写真加工、編集プロセスをよりクリエティブに、効率的に行うことができるようになります。 オーバーレイテクスチャとは? オーバーレイテクスチャ(英: Overlay Texture)は、写真の上に重ねて利用できる画像ファイルです。多くの場合、PNGファイルで収録されているので、Photoshopにドラッグ&ドロップで手軽に利用できる点も魅力です。 あとはお好みでレイヤーの描画モードや不透明度を調整することで、異なるエフェクトを実現できます。では、実際にどのように利用するのか詳しく見ていきましょう。 オーバーレイテクスチャの使い方 オーバーレイテク

    写真が劇的に変わる!重ねるだけの無料オーバーレイテクスチャ素材750枚まとめ
  • 「Remove.bg」が便利すぎる!1クリックで画像から背景だけを切り抜く、ついにPhotoshopに対応

    画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます! Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg for Photoshopの使い方 Remove.bg for Photoshopのインストール Remove.bg for Photoshopの使い方 Remove.bg for Photoshopをさっそく使用してみました。 操作は1クリックだけなので、説明することがほとんどありません。 まずは、画像を用意します。

    「Remove.bg」が便利すぎる!1クリックで画像から背景だけを切り抜く、ついにPhotoshopに対応
  • Photoshopで動画ファイルからGIFアニメを作る完全ガイド

    Photoshopで動画ファイルからGIFアニメを作る完全ガイド2019.03.30 20:0041,580 Andrew Liszewski [原文] ( mayumine ) 動画からGIFアニメーションをガチで作りたい方へ。 30年以上昔の太古から存在する画像フォーマットにもかかわらず、いまだに全世界のインターネットでアニメーションGIFは愛され続けています。イラストにちょっと動きをつけて画像を説明するのに役に立ちますし、動きのあるスタンプにも使えます。 今さらだけど、Photoshopを使って動画からアニメーションGIFを作りたい…画質とファイル容量もコントロールしたい!という人のためのガイドをお届けします。 ちなみにPhotoshopを使わずとも、素早くそこそこのクオリティでアニメーションGIFを作ることができるWebサイトやスマートフォンアプリはたくさんあります。 「いや、ワシ

    Photoshopで動画ファイルからGIFアニメを作る完全ガイド
  • 初心者でもできる!写真をイラスト風に加工するチュートリアル集【Photoshop】 | 小樽総合デザイン事務局|デザイン・ホームページ制作

    Photoshopで画像をイラスト化するためのチュートリアル集。 アニメ背景風やマンガ背景風、水彩風、鉛筆画風、チョークアート風など、さまざまな加工方法をまとめました。 初心者~脱初心者レベルのものばかりなので、ぜひ挑戦してみてください。 基的な加工 5分でできる!HDR処理で写真をイラスト風に加工する方法 難易度:☆ HDR(ハイダイナミックレンジ合成)を使用した方法。 使う機能が1種類のみと、非常にシンプルですが効果は大きいです。 フィルターギャラリーで加工する場合でも、事前にHDR加工をしておくだけで仕上がりが全然違います。 初心者はまずはここから始めてみるといいでしょう。 暗部を明るく、彩度を高くといったイラスト化の基的なテクニックも、直感的に理解できます。 簡単!写真から線画を抽出するための5つの方法 難易度:☆ 写真から線画を抽出するシンプルな方法を5つ紹介しています。 簡

    初心者でもできる!写真をイラスト風に加工するチュートリアル集【Photoshop】 | 小樽総合デザイン事務局|デザイン・ホームページ制作
  • キラキラ系テキストエフェクトを極める!Photoshopチュートリアル67個まとめ【保存版】

    光や炎などキラキラ感を自由に表現できる、ライティングエフェクトに特化した文字テキスト用Photoshopチュートリアルをまとめてご紹介します。 当サイトで2010年ごろより毎月まとめているPhotoshopチュートリアルを参考にしているので、直近8年の間に公開されたデザイン手法をまとめて確認できます。 光沢感たっぷりの3Dデザインや、キラリとしたライティングエフェクトや80年代スタイル、ネオンエフェクト、リアルな炎エフェクトやレイヤースタイルで完成の黄金文字など、豊富なデザインスタイルを参考にしてみてはいかがでしょう。 ほんの数クリックで完成!文字をかっこよくするPSテキストエフェクトまとめ キラキラ系テキストエフェクトを極める!Photoshopチュートリアルまとめ キラキラのラメ付き黄金テキストエフェクトの作り方 お手通りに数値を設定していくだけで完成する、レイヤースタイルを駆使した

    キラキラ系テキストエフェクトを極める!Photoshopチュートリアル67個まとめ【保存版】
  • Photoshop 必要なし?無料で使える画像編集、加工オンラインツール26個まとめ

    高価なソフトウェアを購入したり、アプリをインストールしたり、プロを雇うことなく自分で写真の編集や加工ができると想像してみましょう。 Photoshop などの画像編集、加工ソフトがない環境でも、オンラインで無料で使えるツールはたくさんあります。今回は、無料で使える画像編集、加工オンラインツールをまとめてご紹介します。 オンラインで使える画像編集、加工ツールとは? ネット環境さえあれば利用できる。無料のオンライン画像加工ツールが、最近増えています。これらのツールを利用すれば、Photoshopなどのソフトウェアを必要とせずに、フィルタを適用したり、見た目をカスタマイズすることが可能です。また、はじめての人もマウスを数回するだけで、格的な写真加工ができるお手軽さも嬉しいポイント。 今回ご紹介する画像加工ツールは、オンラインで利用でき効率的ということも人気の理由です。いくつか面白い画像加工ツー

    Photoshop 必要なし?無料で使える画像編集、加工オンラインツール26個まとめ
  • Photoshopでハンコのようなスタンプを作る方法 | Material

    Photoshopで朱肉でハンコを押したようなスタンプを作る方法をご紹介します。 Photoshopでハンコをつくる まず黒色(#000000)で任意のテキストを書きます。 枠を作る場合は新しいレイヤーを作って、[選択範囲]-[すべて選択(Ctrl+A)]-[選択範囲を変更]-[縮小]で、縮小量5pxほど設定します。 [選択範囲]-[選択範囲を反転]して選択範囲を塗りつぶしツールで黒色に塗ります。 レイヤーは結合しないでOK! ※色塗り終わったら選択範囲は解除してね。 描画色を赤(#ff0000)に設定します。 まずテキストレイヤーをアクティブにします。 [フィルタ]-[スケッチ]-[ぎざぎざのエッジ]を選択します。 設定はプレビューをみながら任意の数字にしよう! 画像のバランス : 30(適当) 滑らかさ : 15 コントラスト : 22 同じ事を枠レイヤーでも繰り返します。 ※レイヤー

  • Photoshop作業を爆速に!便利すぎる無料ツール、拡張機能、素材あつめました。

    デザインの現場に欠かせない Photoshop(フォトショップ)は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい!作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ!良質Ph

    Photoshop作業を爆速に!便利すぎる無料ツール、拡張機能、素材あつめました。
  • SF好きにはたまらない!?Photoshopで作るライティングエフェクト|株式会社アクトゼロ|クリエイティブブログ

    こんにちは、小林です。 9月に入りましたね…今年も残すところあと4ヶ月しかありません。 この8ヶ月を振り返ると、何もしていないわけではないのですが、何もしてない!と焦りが出てきました。 一寸の光陰軽んずべからず。無駄な時間を過ごさぬようにしていきたいものです。 さて今回は、Photoshopを使った、よく映画のタイトル等で見かけるライティングエフェクトの作り方をご紹介します。 (Photoshop CC2014で作成していますが、下位バージョンでも問題ありません) まず完成形はこちら。 この横一閃の光とか、SF映画でよく見かけますよね?以外に簡単に作れます。 STEP:1 ベースとなる背景を作ります。 ①幅1280px × 高さ950pxのキャンバスを作成 ②新規レイヤーを作成し、何色でもいいので塗りつぶしたら、レイヤーをダブルクリック。レイヤースタイルのダイアログが出ます。 ③グラデーシ

    SF好きにはたまらない!?Photoshopで作るライティングエフェクト|株式会社アクトゼロ|クリエイティブブログ
  • 切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP

    切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ チュートリアル 2016.07.12 先日、公式にリリースされた Photoshop CC の最新版 2015.5。より「使える機能」や「誰もが喜ぶ」機能を強化したアップデートで、デザイン制作をよりスピーディーに行うことができるようになりました。 今回は、注目したい Photoshop CC の新しい使い方や機能をまとめてご紹介します。各機能を実際に利用してみたことで見えてきた、より実践的な使い方が中心に揃っています。これらの機能をうまく活用することで、今後のプロジェクトを悩むことなく、よりスムーズに進めることができるでしょう。

    切り抜きも楽勝!Photoshop CC 2015.5で注目したい使い方や最新機能まとめ - PhotoshopVIP
  • 今どきデザインはこれ!拡散型シャドウの基本から作成方法まで(PSチュートリアル + HTML/CSSスニペット付)

    最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ(英: Diffuse Shadow)と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何? 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ(英: Diffuse Shadow)と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf

    今どきデザインはこれ!拡散型シャドウの基本から作成方法まで(PSチュートリアル + HTML/CSSスニペット付)
  • Photoshop CC 2015.5の新機能は便利なのがいっぱい!正確な切り抜きや選択範囲を作成するのが簡単ですごい!

    2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました! 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単

    Photoshop CC 2015.5の新機能は便利なのがいっぱい!正確な切り抜きや選択範囲を作成するのが簡単ですごい!
  • これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ

    フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ(Photoshopでも作成できます)に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ

    これどうやって作るの?フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
  • 最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルのまとめ

    打ち出し画像やポスターの印象的なグラフィック、フローラルを組み合わせるタイポグラフィ、Duotoneのグラデーション、幾何学的な形状を使ったデザインなど、最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくり作成してみたいですね。 How To Create a Colorful Fluoro Duotone Photo Effect 画像の彩度に合わせてDuotoneのグラデーション マップに置き換えて、繊細なディテールを表現します。さらにハーフトーンのテクスチャを重ねることで、レトロ風に。

    最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルのまとめ
  • Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ

    Photoshop初心者も、普段使ってる人も知らないともったいないPhotoshop CC2015を使いこなす便利なテクニックを紹介します。 この記事を書くにあたって、WinとOS XのPhotoshop CC2015でそのテクニックを確認したのですが、けっこう知らないこともあり、かなり参考になりました! 最後にはボーナスとして、全操作の動画もあります。 28 Awesome Tips and Tricks for Photoshop CC 2015 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 Command = Ctrl Option = Alt Delete = Backspace 01: 歯を自然な白さに美しくレタッチす

    Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ
  • これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block

    PhotoshopのPSD上に、HTMLCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blockは、Photoshop CC2015 for OS Xのみ対応で、Webkitエンジンを利用してHTMLCSSのコードでエレメントを作成できます。 ↓左パネルがエディタに見えるかもしれませんが、Photoshop上でのHTML Blockです。

    これは面白い!Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block
  • プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる

    シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし

    プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
  • Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA

    みなさんはAdobe Photoshopでどのように画像を書き出してますか? 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式(書き出し形式、クイック書き出し)は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し(従来)」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 [ファイル]→[書き出し]→[書き出

    Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA
  • Loading...

    Loading...
  • 【Photoshop】人物を素早く切り抜く方法 | バシャログ。

    こんにちは。mackyです。 もうすぐカレーの季節ですね。「CSS カレー」で検索したら(暇じゃないです)「フレームワークはカレーのルーだ!」って記事が引っかかりました。 この一文でイメージがつかめる素晴らしい例えですね。カレーってすごいですね。(暇じゃないです) さて、今日はタイトル通り、人物をいい感じに素早くキレイに切り抜く方法をご紹介するのですが、特に人物の服と背景が同化しちゃってるような写真の場合に使える技だと思います。 使用するツールはPhotoshop CS5.1です。 こんな感じの写真を用意します。 ※ロイヤリティフリーの素材を使用しています。 ポイント1:レイヤーを最低2つ以上複製しておく。 複製はいくつあっても構いませんが、最低2つは複製しておいてください。背景はひとまず非表示にしておきます。 ポイント2:明度を下げてしまおう。 一番上のレイヤーを選択し、調整レイヤーから

    【Photoshop】人物を素早く切り抜く方法 | バシャログ。