作業効率あがった！Photoshopの使い方と小技まとめ
作成：2013/12/2 更新：2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 １．覚えておくと便利な小技 知っておきたい基本知識 ２．被写界深度（ひしゃかいしんど） ３．バンディング（トーンジャンプ） ４．白とび・黒つぶれ ５．ジャンプ率 ６．視覚度 ７．角版／切り抜き版の使い方 ８．画像フォーマット 使い方 ９．基本的な機能の使い方 画像補正 １．覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する／微細なロー
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。 Advanced Glow Effects 光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Space Lighting Effects in 10 Steps – Photoshop
ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision
思わず、これ無料なの？！というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック（Amazonで見る）のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ
Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり
dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの？」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。
ブラウザ上で本格画像編集ができる「SUMO」 | ライフハッカー・ジャパン
まるでPhotoshop、と言っても過言ではない完成度です。 ハイエンドな画像加工をブラウザ上で可能にしたのが、こちらの「SUMO」。いままでフリーのペイントソフトや写真加工サービスを紹介してきましたが、「SUMO」は間違いなくトップクラスの使いやすさ。Photoshopに近い操作感を意識しているので、Photoshopユーザーであれば、初めてでも簡単に操作できるでしょう。グラデーションの設定なんかも、すぐにできますよ。ブラウザ上で利用できるペイントツールには、「Phoenix」などもありますが、Photoshopとの相似性は「SUMO」の圧勝です。 ウレシイ点はまだまだあります。flashベースなので、OSを問わず利用できること。また、事前のアカウントを取る必要もなく、サイトへ行けば即加工OK。アカウントを持っていれば、自分のWEBスペースに保存したり、WEBに保存した画像をローカルに落
独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシ
webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
光を効果的に使用したPhotoshopのチュートリアル集：Part 4
光、光源、光線、光跡を効果的に使用した、レーザーやビームからクリスタル・太陽光・反射光まで、光を効果的に使用したPhotoshopのチュートリアル集のPart 4です。
有用なPhotoshopファイル(psd)配布サイト１４:phpspot開発日誌
14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design 14 Amazing Free Photoshop .psd Resource Sites. 有用なPhotoshopファイル(psd)配布サイト１４。 サイトのテンプレート用のファイルや、素材となるような画像、チュートリアル、アイコンまで、色々と有用なPSDファイル配布サイトがまとまってます。 .PSD Files on deviantART FreePSD.com Official PSDs PhotoshopCandy Photoshop Cafe Free Photo Clips | Background-Free Photo Objects PSDTUTS 20+ Free Adobe Photoshop web but
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
萌え系フォントのまとめ:phpspot開発日誌