Photoshop「周波数分離」をもっと気軽に使おう！考え方と使い方、そしてアクションも！
周波数分離、という古くからあるテクニックがあります。Frequency Separationで検索すると海外blogもたくさん出てきます。 Photoshopテク系だとだいたい「肌レタッチの必殺技」として紹介されていて、たまに有料コンテンツだったりするアレです。 「周波数分離」って？何がオイシイの？ 画像の細かいトコ（高周波成分）と、変化のユルいトコ（低周波成分）に分けて、それぞれをレタッチできるよ！というテクニックです。 ……なんのこっちゃ分からんですね。実体に合わせてもうちょっと分かりやすく言うと、 ・画像から主にテクスチャを取り出したもの ・画像から色を取り出したもの と考えると良いかと思います。というのも、この ・テクスチャ（模様、細かいトコ） ・色 に分けての操作は、他の修復ツールでも似たようなことやっていて、それらの発展形と捉えた方がこのテクニックを使いやすいからです。 「テク
Photoshopでぼかした色の境界が暗くなる時の対処法
Photoshopで画像を制作している時、ぼかした色の境界が暗くなったり濁った色や不自然な色になってしまうことがあります。 また、他の方が制作したデータでカラー設定を合わせているはずなのに境界部分の色が変わってしまうということがあります。 この記事では、その原因と対処法について解説します。 きっかけ YouTubeで公開されている Computer Color is Broken（コンピューターの色は壊れている）という動画でこの問題について解説されています。 この動画は英語ですが、内容を日本語に翻訳した記事もあります。 参考: なぜ画像に「ぼかし」を入れると色の境界部分がつぶれてしまうのか？ – GIGAZINE 記事の最後に 一部の画像編集ソフトでは、数学的にも一切誤りのないアルゴリズムを使用できるにもかかわらず、デフォルト設定となっていない とありますが、これはPhotoshopのこと
Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。
デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph
Google Nik Collection
Analog Efex Pro 昔ながらのカメラ、フィルム、レンズの雰囲気を楽しめます。 © Brian Matiash Color Efex Pro 色調補正、レタッチ、クリエイティブな効果を加えることができる包括的なフィルタセットです。 © Tony Sweet
Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ
Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? ﾚｲﾆｰ氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基本はスタンプツールですが、スタンプツールでチマチマ消す時間もない！という方に
背筋が凍る、Webデザインをpsdでやり取りする際の「超重要」なのに見過ごされがちな設定
寒くなってきたのに怪談タイトルでｻｰｾﾝ でも… カラー設定もお互い「WEB・インターネット用-日本」に合わせていたのに… デザインした時に見えていたもの（右）と、psdファイルを渡した先（左）でこう変わっていたとしたら… しかも無警告で変わっていたとしたら…？？？ どうだ怖いだろう…！ ？？何が起きた？？ まずこの現象の理由ですが、 「レイヤーで重なった塗りやテキスト」のフチの合成処理時に、レイヤー同士の重なり具合を変える設定があるのです。 こんなレイヤー構造にしていたとします。テキストのアンチエイリアスは鮮明。多角形には属性パネルでぼかしをかけました。 カラー設定プリセットを「WEB・インターネット用-日本」の完全なデフォルト値（というか期待している値）の状態にしていると、こう見えます。 CS6のカラー設定。Web・インターネット用 – 日本になってますね。 先方も同じカラー設定にして
プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし
写真を水彩風にするPhotoshopアクションを作りました（CS6／CC／CC 2014） - saucer
ちょっと思い立ったので、写真を水彩風に加工するPhotoshopアクションを作ってみました。あくまでも水彩「風」なので、完全に水彩タッチが再現されるわけではないですが、デザインでのちょっとしたアクセント程度になら使えるかもしれません。興味のある方は一度試してみてください。（2015.02.14更新） 【2015.02.14追記】CS5で使えるバージョンを追加しました。ただし、元のアクションはCS5で再現できない機能を使っていたため、CS6以降用と完全に同じにはなりません。 アクション実行サンプル写真に対してアクションを実行すると、下のような感じに加工します。あくまで全自動で一律的に処理を行いますので、かなり写真を選びます。いい感じになるかどうかは、運次第です。うまくいかない方が多いかも。その場合は、ハズレだったと思って我慢してください。ごめんなさい。 ダウンロード以下からどうぞ。zip圧縮
ガイドラインや指示書の作成が楽になる！エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks | コリス
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marksを使ってるアニメーション（偶然両方とも173pxになってびっくり！） 以前紹介したInkも同様にサイズを書き出してくれますが、ベクターとテキストのデータのみです。エレメントがベクターならInk、ビットマップのエレメントやマージンならSize Marksが便利です。 Inkの特集記事：Photoshopの機能拡張 -Ink Size Marksのインストール Size MarksはPhotoshopのスクリプトで、当方の以下の日本語環境で動作しました。 Photoshop CC 2014 for OS X Photoshop CS 6 for Win7 ※配布ページにはCC 2014
カスタムブラシセットキャンペーン｜ワコムタブレットサイト｜Wacom
Product 製品から探す Wacom MobileStudio Pro Wacom Cintiq Pro Wacom One Wacom Intuos Pro Wacom Cintiq Intuos Bamboo Smartpads Bamboo Stylus Category タイトルタグから探す 製品の選び方 活用ガイド Sculpting with Wacom Drawing with Wacom イラストテクニック ～あの作品の制作環境が見たい～ ペンタブレット活用事例 Bamboo Blog 写真に絵を描く！フォト・ドローイングのススメ 教育現場での導入事例 デジタルペンのおしごと図鑑
Photoshopのレイヤー分けがカオスにならない整理術 | SMARQ
今年からWEBデザイン2年目に突入しました。Photoshopでバナー・ランディングページ・アプリ・コンパネまで色々作ってきましたが、初期の頃のデータを見返すとレイヤー分けがカオスで申し訳なくなります。 レイヤー分けがカオスだと、それを引き継いだ人の時間も奪いますし、自分でさえ分からなくなって非効率の悪循環に陥ります。レイヤーの乱れは心の乱れです。 …と言いつつ、レイヤー分けにこだわりすぎても現状の作業が遅くなりますよねー。僕は特に大雑把なので、単純な小技だけで実現できる整理術を考えました。プラグインもいりません。楽なのでオススメです☆ 1.「〜のコピー」を付けない設定 以前、レイヤー複製で「〜のコピー」を付けない方法：Photoshopという記事の書きました。まず、この設定をしましょう。 レイヤーウィンドウの右上からパネルオプションを選び「コピーしたレイヤーとグループにコピーを追加」とい
Photoshop CCを使ってよりリアルで美しくシャドウを作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今年ももう終わりですね。色々と積んでいるものが消化できないまま新年を迎えてしまいそうです…来年こそは…！ 今回はPhotoshop CCを使って、よりリアルで美しいシャドウを作る方法をご紹介します。 Windowsで作っている関係上、ショートカット等の部分は適宜読み替えてください。 Photoshop CCを使ってシャドウを作る STEP1 まずは新規ドキュメントを開き、シャドウを掛けるテキストを配置します。 STEP2 続いてメニューの「3D」機能から「選択したレイヤーから新規3D押し出しを作成」を選択します。 画面が3D仕様に変わったら、「ウィンドウ」→「属性」で編集用のパネルを表示させてください。 STEP3 「属性」パネルの上部タブから「変形」を選択し、押し出しの深さを300に設定します。 更に平面図が使用できるように、オブジェクトとカメラ
Photoshop One Layer Challenge
suzukiさんに影響されて、Photoshopの１レイヤーのみでレイヤー効果をフルに使って作ってみました！ レイヤー効果と塗りのみで描いているので、シェイプを変えると、 カメラの形も変わります。
Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog
生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…！ ファイルから「開く」でもいけます。今回はドラッグ＆ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま
超簡単！人物のポーズを40秒で変えるPhotoshop便利機能
初校の直しも終わったし、あとはクライアントの最終チェックを待つのみ。そろそろ入稿の準備でも……と思ったら、「う〜ん、この写真、もうちょっとダイナミックな感じ、躍動感がほしいんだよねぇ」って、スタジオでも初校でもこれでOKって言ったじゃないですか!! 「フォトショでさ、チャチャってできるでしょ」って、空頼みですか。 でも、実はできちゃうんです！ Photoshop CS5から搭載された新機能「パペットワープ」で、人物のポーズも自在に変更できます。 以下はそのムービー。 変化が分かりやすいように、最初に元画像を薄く下に敷いています。右下は、作業中のマウス、キーボード操作画面、右上は経過時間です。40秒といっても、待ち時間が結構あります
Photoshop CS6の新機能色々！とりあえず便利そうな機能だけ実際に使ってみた！ | バンクーバーのうぇぶ屋
まぁ、散々Adobe様より『こんな機能を実装します！』的な告知は多かったので、今更と思う方も多いかもしれませんが、やっぱ自分で使ってこうやって記事にしてみるのが一番覚えるのは早い！こればっかりは自分の体験から実証済みなので、さっさと記事にしてしまうことにしました！ とりあえず、Adobe Creative Cloudで購入したのが一昨日！そこから水と食料だけ常備し、あれやこれやといろんな動画やサイトを見ては試してみて、とりあえず「この辺は明日からでも使えそうだー！」ってのを選んでみたので、さっさと記事にしてみようと思います！ もちろん全部じゃありませんが、個人的にすぐに仕事で使える機能周りで（そうでもないのも交じってますが）とりあえず良さげな物を中心にご紹介させて頂きます！ インターフェイスが黒い！いつもの白いやつに変えたい！ Photoshop CS6 Tip: Press Shift+
【Webデザイナー・コーダー向け】震えるほど便利なPSDスライスツール「Slicy」 - Flash Black
2012/10/13 23:33 一部修正しました。 PSDのスライスってめんどくさい デザイナーからあがってくるPSDをスライスツールで“ピクセルを気にしながら”切り出して〜という作業がとっても面倒！と思う人は多いはず。 そんな人々にお勧めな最強のツールをみつけてしまいました。 Slicyマジ最強 シャレ乙なHTMLエディタEspressoで知られるMacRabbitからリリースされているSlicy。 このサイトの説明だけでは良さが解りづらいのがモッタイナイ！ ものすごく簡単に素材の切り出しが可能です。 そして手順もすごく簡単！ 使い方 書き出したい素材をPhotoshopのグループ機能（Command + G）を使って纏める グループ名を書き出したいファイル名と拡張子（.png） に PSDを保存して、SlicyにD&D Slicy Sample from masabe on Vime
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
WordPress › Error
