プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし
【 Photoshop小技！】ホワイトバランスが狂っている商品写真（白背景）を一発でなおす方法
豪快にホワイトバランスが狂いまくっとりますなぁ・・・・。でも、WB狂っている通販の商品写真は巷でよくみかけますよね・・・。 白の背景を使った商品写真であれば、Photoshopを使って一発で直す方法をお教えしたいとおもいます。 ①まずは下準備、、「スポイトツール」を選択し、「選択の範囲」を「５ピクセル四方の平均」を選択。（次回からは、この設定を変えない限りこの作業は不要） ②「トーンカーブ（イメージ → 色調補正 → トーンカーブ）」を選択。白スポイトをダブルクリック！ このような画面が表示。 ③R=245 G=245 B=247と打ち込む。→OKをクリック この画面に戻ります。そのままカーソル（スポイト）を、写真の白であろう部分に持っていきます。 白背景のこのあたりにカーソルを持ってくると、 ④「情報」ウィンドウを見ながら、RGBいずれかのチャンネルの上限が240を超えない（240は最適
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
PSDからiOSのソースコードを生成してくれるMacアプリ「Replia」 - ぬんびりぶろぐ
Repliaというアプリのアイコンと、サンプルPSDを描きました！ デザイナーにも開発者にもうれしいアプリなので、使い方を解説します Repliaとは RepliaはPhotoshopのデザインからiOSのソースコードを生成してくれるアプリです まずは30秒の使い方動画をみてください！魔法みたい Repliaで書きだしたプロジェクトファイルをSimulatorで見るとこんな感じ！ あっという間にSimulaterで見られるかたちに整えてくれるのはスゴイ…スゴイよ… ざっくりしたアプリ使用の流れは Repliaでpsdを読み込む Xcodeのプロジェクトファイルに書き出し です セットアップ方法 Repliaを使うにはAdobeのPhotoshopで設定が必要です フォトエディター | Adobe Photoshop CC無償体験版ダウンロード 公式ページのガイド：Guide - Repli
Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう！ | SONICMOOV LAB
こんにちは！イラストレーターのあんみです。 最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・！ アナログのような表現ができるブラシを作ることが楽しいです＾＾ こちらの鉛筆ラフですが、実はPhotoshopで描いています。 今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。 鉛筆ブラシの作り方 メニューの「ウィンドウ」→「ブラシ」を開き「楕円（ハード8）」を選択します。 「シェイプ」「滑らかさ」にチェックします。 「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50％」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」
デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応しています。 サイズやフォントの情報など、1クリックで作成してくれます。 Inkの特長 Inkのインストール Inkの使い方 Inkの特長 ウェブページなどのレイアウトやさまざまな要素のサイズ、形、カラー、エフェクト、フォントの種類・サイズなど、指定したレイヤー上にある情報を1クリックでPSD上にドキュメント化します。 Ink スタイルガイドなどでルールをしっかり決めておくと、デザインのアウトプットにぶれがなくなり、最終のプロダクトも想定通りに仕上がります。 Inkのインストール まずは、インストーラーをサイトからダウンロードします。 Ink CS 6にインストールしたので、その手
WEB制作で使えるpsdファイル集「15 Beautiful and Useful Free PSD Files」
TOP > Design , Photoshop , WebDesign > WEB制作で使えるpsdファイル集「15 Beautiful and Useful Free PSD Files」 素材ひとつで制作の時間は大きく短縮でき、いつも時間に追われているデザイナーさんにとっては、使いやすい素材というのはいくつでもストックしておきたいもの。今日紹介するのは、WEB制作で使えるpsdファイルを集めたエントリー「15 Beautiful and Useful Free PSD Files」です。 Sticky Butterscotch UI Kit こちらのエントリーでは、タグなどの細かいパーツデザインから、ユーザーインターフェースセット、ソーシャルボタンまで様々な素材がまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下
ちょっとぼんやりした画像をくっきりさせるPhotoshopのチュートリアル | コリス
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を
全36種、紙やノートの端が少しめくれたPhotoshop用のPSD素材
商用でも無料で利用できる、端が少しめくれてカール状になっている紙やノートのPhotoshop用のPSD素材を紹介します。
iPhoneやiPadのホーム画面向けアイコン作成用のPSDテンプレート・App Icon Template
iPhoneやiPadなどのホーム画面に表示 させるアイコンを作るためのPhotoshop 用テンプレート・App Icon Template をご紹介。そんなに多用するものじゃ 無いと思うんですけど、便利っちゃ 便利でした。 iOSのホーム画面向けのアイコン用テンプレ。スマートオブジェクトでフレームの変更・追加も容易に出来ます。 iPadやiPhoneなどのアイコン生成用のテンプレートです。フレームみたいなもんですかね。デザインの変更はスマートオブジェクトを利用します。 使ってみた ↑ 上記赤枠がスマートオブジェクトなので開きます。 ↑ 何種類かある中からフレームを決めてスマートオブジェクトを保存すればメインファイルに反映されます。 ↑ インセットも出来るよ。 ↑ テクスチャ追加してみた。スマートオブジェクト側にテクスチャを増やせばテンプレ量産出来ますね。 枠を作ってくれてるので効率的に
Photoshopの新機能ブレ補正がすごいってなるサンプル画像
これは、これはすごいってなりますよ！ 先日アドビが行ったPhotoshopの新機能ぶれ補正が本当にお見事。これはお見事。お見事とか言いようがないです。上の元の写真はご存知の方もいると思いますが、ロバート・キャパ氏の作品。上の写真の補正後がこれ、下の画。 画像補正を行ったのは、アドビの発表でもデモを行っていたJue Wangさん。この補正によってオリジナルではブレによって見えなかった詳細を復元します。Photoshopが撮影時にカメラがどれくらい動いて写真がブレたのかということを計算。例えばその計算で50ピクセルほど動いたということがわかれば、1ピクセルをその50ピクセルの間のどこかに補正すればいいということになります。 アドビのこの新機能はカメラ撮影時のブレを補正するもので、モーション等のブレにはまだ対応していません。ここまで補正できるものなのか！ すごいよ。 [Juew.org via
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新着記事
新着記事
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
新着記事
髪の毛切り抜き / Photoshopを使って背景をきれいに切り抜く方法まとめ | DesignWalker