シワや消しゴム跡程度を消し、描画を保存したい。 スキャナの調整を使わず、Photoshopで加工する。 Photoshopのレベル補正 一番右側のハイライトを左の任意の位置へ(初期255) おおよそこれで消える

印刷用画像をサイトに使ったところ、全く色が変わってみえることがあった。 埋め込みカラープロファイルの指定がsRGB以外になっていると、ブラウザの解釈が変わることがある。ex.サファリでは問題なくても、Firefoxでは同じ画像が違う色になる 対処：Photosh…

これで背景画像一枚の大きさ (w640 h940) サイト全体の広い部分の背景を "建物の壁のように" 画像サイズは大きくする。 PNGならTinyPNGなどで軽量化(背景なので画質は問題にならない) Jpegも圧縮をかける ウィンドウ幅・コンテンツの幅を、画像の幅で割り切…

文字の装飾をしたレイヤースタイルを別の作業ファイルでも使いたい。 スタイルパネルの新規作成で、レイヤースタイルを保存する。 作業中の他のファイルのスタイルパネルも、同じ状態になり、同じスタイルを使うことができる。 ※スタイルの保存は、ユーザー…

レイヤーパネル上部 →パネルオプションから 「コピーを追加」のチェックを外す

参考 チュートリアルから： フィルターを使った方法 写真をイラスト風に加工する 調整レイヤーをつかった方法 Photoshopで写真をレトロに加工する

Photoshopの行送りとCSSのline-heightの変換 行送りとは 文字の大きさ+次の段までの間隔を足した値 段の始まりから、次の段までの長さ この例では、 行送り30px 文字サイズ18px 行間隔12px line-heightへ変換する 行送り÷文字サイズ = line-heightになる P{ …

設定ファイルを初期化する。 起動しない時もまずはこれで対処。 使ってるうちに、ゴミがたまってる。 もしくは共用してると、変更されてる機能もよくわからないので、初期化するといいです。起動時に、(Mac)Command + option + shift 初期化されるもの 一例…

フォトショップで立体感たっぷりなネオン管ロゴをデザインする方法 - PhotoshopVIPに、バリエーションをくわえて、ネオンなバナーにしました。DEMOはこちらです。 ネオンロゴのチュートリアル。点灯してぼんやり輝く。 レイヤーとレイヤー効果を重ねていて、…

料理画像の食べる雰囲気をだすために、お箸をつくりました。 photoshopのお箸のチュートリアル ベクトルシェイプでお箸の原型をつくる 角丸のベクトルシェイプで、680×30px、角の丸さは5px程。 細くする方の両端は、自由変形で、1°くらいずつ近づけました。 …

ボールペンで書いた絵をスキャンしました「画像レイヤー」 別レイヤーで色を塗っていきます「色塗りレイヤー」 「色塗りレイヤー」を焼き込みカラーにして、画像レイヤーの上から重ねます。"焼き込み"は白には反応しません。 レイヤーの様子 下のレイヤーに…

練習 ブラウザの画面キャプチャを、イラストレーターのテンプレートにする ブロックレベル要素を四角形で囲う IllustratorからPhotoshop形式に書き出し レイヤーを生かす アンチエイリアスはオフ 解像度72ppi サムネイルを選択、選択範囲をつくりガイド線を…

Photoshopの用途 初心者が学習する基本 範囲の選択 補正 写真をきれいにし、目的にあった画像にする 加工 マスクや合成で、元の画像にない特徴をつくる 起動・初期設定 初期化 メモリリセット Ctrl+alt+shiftで起動 カラー設定(Web用) 編集→カラー設定→Webイ…

ここを の主語 欲しい「図」と「地」の関係 選びやすいところ(色数が少ない等)を選び、範囲を反転して、欲しい範囲「図」を得る。 範囲を選択するツール群 矩形・円形 shiftドラッグで範囲追加 altドラッグで範囲除外 ワンド(魔法の杖) 自動選択は色を選択 …

ビネット効果→境界をぼやかした効果の作成 画像の全選択 Ctrl+A 選択範囲の変形 選択範囲→選択範囲の変形→85% 境界線の調整 選択範囲の反転 Command+Shift+I 新規レイヤー塗りつぶし Command+Delete(描画色塗りつぶし) 反転した範囲を塗りつぶす 作成

選択した範囲のコピー、ペースト 切り取りたい部分を選択 別に用意していた土台の画面にペースト 解像度・画素数の違いで大きさのバランスが取れないことがある。拡大縮小。作成 ついでに効果も。

写っている質が変化する訳ではない デジタル処理出来る範囲で、見てきれいと感じる程度に変化させる 補正 デジカメの暗く写る特徴を補正する レベル補正(ハイライト グレー シャドウ) シャドウハイライト コントラストが強くなるのがレベル補正 自然光のよう…

レイヤーとマスクの状態

解像度 原寸(100%)72ppi １インチの長さの中にどれだけのピクセルを表現出来るかあらわす Webに高解像度は必要ないが、原寸でみた場合の画質を維持させる サイズ変更 イメージ→画像解像度 画像の再サンプル Webの場合は、100％に最適化することが目的なので…

スクロール ドロップシャドウ シャドウ ドロップシャドウ 新規作成900px×100px ガイドを作成 50px 850px 選択範囲の作成 新規レイヤー作成、選択範囲で塗りつぶし 効果の適用 ドロップシャドウ キャンバスのサイズ変更 900px×10px親要素の背景を生かすには透…

コピースタンプツールを使った補正 画像中の傷や汚れを消す作業 コピースタンプツールの選択 ブラシをサンプルにする部分より小さめにセット 元になるボールにあわせてaltクリック コピーしたい場所をブラシで塗る容量。

ドロップシャドウと光彩の理解 ドロップシャドウ 文字の入力と設定文字色は背景色と同じ色を選択 レイヤー効果→ドロップシャドウ 作成 光彩 逆の要領で、光彩を使用。文字色と背景色を黒にする。

レイヤーを重ねた効果 元画像コピーしたレイヤーに、ガウスぼかしをかけてオーバーレイで重ねるハードライトを選択した時と同じ効果コピーしたレイヤーをぼかさずに、そのままオーバーレイで重ねてみたレイヤーの状態

文字の入力 オプションバー→ワープテキスト作成

パスの操作 ペンツールもしくは範囲選択でもOK パスパネル→作業用パスの作成 パスパネル→パスの保存 パスパネル→クリッピングパス パスをCtrlクリックで選択範囲が作成出来るレイヤーマスクを作成範囲反転して、レイヤーを塗りつぶす。トリミングしてweb画像…

毛皮、毛髪などの複雑な範囲の選択 選択範囲の調整 チャンネル 元画像 元画像のチャンネルを開く 一番コントラストの高いチャンネル選択、コピーして加工します Command+Lでレベル補正背景を飛ばす 顔の部分は塗りつぶすこのチャンネルレイヤーをCommandクリ…

http://www.dezinerfolio.com/2008/11/19/220-amazing-free-photoshop-layer-styles 編集→プリセットマネージャーから

レイヤー構成と効果で作るポラロイド写真 写真画像(写真サイズでクリッピング) 写真サイズのシェイプ(レイヤー効果：シャドウ) 写真の土台(レイヤー効果：境界線) 写真の土台から作った影(変形させる) 背景になるレイヤー(レイヤー効果：境界線) 背景から作…

スクリプトの使用 ファイル名を変更する 連番がついている方が、管理しやすい Adobe BridgeでもOK ツール→ファイル名をバッジで変更Photoshopの場合 編集→スクリプト→ファイルをレイヤーに読み込む レイヤーに読み込まれた状態 同じく編集→スクリプト→レイヤ…