PhotoShop

矢印キーを使用したオブジェクトの移動 

Flash,Photoshopではオブジェクトを選択して矢印キーを押すと1ピクセル移動します。 Shift キーを押しながら矢印キーを押すと10 ピクセルずつ移動します。尚、Illustratorは環境設定で数値を設定し  >>続きを読む

イラレやフォトショのスポイトで外部の色を取りたい

IllustratorやPhotoshopのスポイトツールで例えば今表示しているブラウザの写真のある部分の色を取りたいことなどあります。 その場合はIllustratorやPhotoshopのワークスペース内からスポイト  >>続きを読む

クリッピングマスクのテクニック

ボタンを作成します。 好みの色と大きさでシェイプを使用して角丸を作成します。 上のレイヤーに角丸の上にワンポイントのカスタムシェイプを作成します。例では動物の足跡 その上のレイヤーにボタンの文字を置きます。 真ん中のレイ  >>続きを読む

HSBを使って配色

HSBについて Web制作は色空間におもにRGBを使用しますが、HSBを意識的に取り入れるとグッとよくなります。無意識のうちにHSBを使用していたのではなく、意識的に使うことがポイントです。 HSBとは 色相 Hue(H  >>続きを読む

Photoshopのマスクについて No4〜クリッピングマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No  >>続きを読む

Photoshopのマスクについて No3〜ベクトルマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No  >>続きを読む

Photoshopのマスクについて No2〜レイヤーマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No  >>続きを読む

Photoshopのマスクについて No1〜クイックマスク

Photoshopのマスクについて No1〜クイックマスク Photoshopのマスクについて No2〜レイヤーマスク Photoshopのマスクについて No3〜ベクトルマスク Photoshopのマスクについて No  >>続きを読む

ドロップシャドウの向きを個別に設定 Photoshop

Photoshopで複数のレイヤーのオブジェクトに対して、レイヤースタイルのドロップシャドウをかけた場合には、すべて同じ向きにドロップシャドウがかかります。 どれかひとつのレイヤーで向きを変えてみても全ておなじ向きにシャ  >>続きを読む

カーニングとトラッキング photoshop

カーニングとは、特定の文字の組み合わせの文字間隔を調整する処理です。 特定の文字とはLA、P、To、Tr、Ta、Tu、Te、Ty、Wa、WA、We、Wo、Ya、Yoなどがあります。フォントでは特定の文字の組み合わせに対す  >>続きを読む

シェイプに境界線をつける Photoshop

四角形ツールで四角形を描いた後などシェイプで作成したオブジェクトに線の色を付けたい場合、パスに色を着けようとするとPhotoshopでは面倒な作業になります。 最も簡単な方法はレイヤースタイルで境界線をつけることです。   >>続きを読む

ブラシツールの流量と不透明度 Photoshop 

Photoshopのブラシツールのオプションに不透明度と流量があります。 この違いは不透明度は1回のドラッグで同じ場所をこすっても透明度は変わりませんが、 流量では1回のドラッグでも同じ場所をこすれば透明度が変わってきま  >>続きを読む

Photoshopでパターン作成 Photoshop

縦横100pxの新規作業ファイルを作成 縦横50pxの正円を描きます。これは、作業ファイルの半分の大きさにしました。  中央に配置するには背景レイヤーと楕円のレイヤーを選択した状態で整列の垂直方向中央揃えと水平方向中央揃  >>続きを読む

パールの作成 Photoshop

塗りを白または黄色が少し混ざった色にします。完成してから変更も可能 楕円形ツールのオプションをシェイプで正円を作成 レイヤースタイルの「ドロップシャドウ」「シャドウ内側」「ベベルとエンボス」「輪郭」などを調整します。 そ  >>続きを読む

工夫次第で用途の多い球の作成  Photoshop

塗りを適当な色にします。(完成してから変更も可能) 楕円形ツールのオプションをシェイプで正円を作成  レイヤースタイルの「ドロップシャドウ」「シャドウ内側」「ベベルとエンボス」「輪郭」などを調整します。 それぞれレイヤー  >>続きを読む

鏡面反射効果 Photoshop

ロゴや商品などが鏡面反射したシーンを作成します。 ロゴの鏡面反射を説明します。 文字ツールなどでロゴを描きます。 レイヤースタイルなどで調整します。 そのままロゴを描いたレイヤーを複製します。 複製したレイヤーをメニュー  >>続きを読む

動物模様のテクスチャー Photoshop

動物のテクスチャーの作成方法です。 塗りつぶしツールで描画色50%グレーで塗りつぶします。 メニューの「フィルタ」→「スマートフィルタ用に変換」 メニューの「フィルタ」→「ノイズ」→「ノイズを加える」で「グレースケールノ  >>続きを読む

木目テクスチャ Photoshop

木目の作り方 ポイントとしてphotoshopのツールパネルの描画色と背景色を設定します。描画色が木目に色、背景色が木の板のベースの色になります。 赤枠部分 また、スマートフィルターに変更することでやり直しが可能になりま  >>続きを読む

選択とマスク Photoshop

Photoshopの選択範囲とマスクの見分け方は結構混乱してしまいます。 少し整理してみましょう。 アルファチャンネルでは選択部分は白で表現され、マスク部分が黒で表現されます。 クイックマスクでもマスク部分に色を着けてい  >>続きを読む

テキスト揃え Photoshop

Photoshopでテキストを入力したとき、左揃え、中央揃え、右揃えのボタンがあります。 これは、オプションバーにもありますし、段落パネルにもあります。 この操作結果ですが案外分かり難いものです。 最初に左揃えでテキスト  >>続きを読む

描画モード Photoshop 

描画モード 各説明はAdobeのヘルプを引用し加筆しています。 通常 これは、初期設定のモードです。 下のレイヤーは撫子の背景、上のレイヤーは背景を抜いた女性の画像です。 女性の髪の毛の周りには抜き残った白が点在していま  >>続きを読む

クイックマスクで選択範囲に色を付けるには Photoshop

クイックマスクモードの色のつき具合を反転するには「クイックマスクモードで編集」ボタンをダブルクリックして表示されるパネルで変更します。 色の設定もできます。赤っぽい対象をマスクする場合など別の色に変更します。

マスク部分の色の変更(黒→白) Photoshop

アルファチャンネルで選択範囲を保存すると選択範囲以外がマスクされた状態で保存されます。マスク部分は黒でそれ以外は白となります。選択部分からみると選択範囲以外の部分が黒で選択部分が白になります。 ここでマスク部分の色と選択  >>続きを読む

解像度について(色々な解像度で混乱) Photoshop

PhotoshopとIllustratorで画像をやり取りしながらデザインカンプを作成していたら、 あら不思議。 Photoshopで作成したデータをillustratorに表示すると小さくなってしまった。あるいは大きく  >>続きを読む

トーンカーブ(2) Photoshop

食材を美味しそうに見せるポイントです。 焼き鳥の写真があります。 もう少しシズル感を出して美味しそうにしたいところです。 ポイントは油で光っている所を更に強調することと肉の部分から青色成分を弱めることにあります。 まず、  >>続きを読む

トーンカーブ(1) Photoshop

トーンカーブを使用して画像全体の色調やカラーを調整することができます。 例えば、暗すぎる画像を明るくしたり、またはコントラスト調整にも使用できます。グラフのカーブの度合いにより補正のかかり具合を調整します。 トーンカーブ  >>続きを読む

解像度について Photoshop

解像度とは ピクセルという単位は絶対的な単位(大きさ)ではありません。そのため仮に1ピクセルの大きさを決めるためには解像度を使用します。 解像度とは1インチ(2.54センチメートル)あたりのピクセル数です。 それは別の見  >>続きを読む

クリッピングマスクでの注意点 Photoshop

濃い青色の角丸四角形の上のレイヤーに黄色の星型を配置し、黄色の星型のレイヤーにクリッピングマスクをかけると下の角丸四角形の形に星型が切り抜かれます。(図1) 図1 ここまではクリッピングマスクの基本ですが、下の角丸四角形  >>続きを読む

32bitのカラーピッカー photoshop

カラーピッカーがいつもと違うと慌てますね。 8ビットから32bitモードにするとカラーピッカーが上図のように変わります。

レイヤーについて Photoshop基礎

レイヤーについて Photoshop のレイヤーは、積み重ねられた透明フィルムのようなものです。画像などのコンテンツがなければ、下のレイヤーが透けて見えます。レイヤーは、透明フィルムの重ね順を動かして、レイヤーのコンテン  >>続きを読む