Ｗｅｂデザインのメモ帳

Xoops

2005-05-22T12:24:02+09:00

http://www.wervival.net/modules/tinycontent/content/xoops/redesign.htm

http://www.amazon.co.jp/exec/obidos/ASIN/4839917795/249-4958670-4641900
Customizing XOOPS ~自由にデザイン・自在にHack
GIJOE (著), matchan (著)

PhotoShop

2005-05-22T12:21:39+09:00

JUNICS HOMEPAGE
Photoshop Tips（Photoshop講座）
Photoshop講座・メモ集
Ryo'sPhotoshop
www.fmod.jpあなたのPhotoshopとセンスを拡張！
デタラメPhotoshop

レイヤー操作

2005-05-22T12:18:15+09:00

レイヤーとは透明な板のようなもの。レイヤーパレットの下の四角いアイコン、新規レイヤー作成をクリック新規レイヤーが追加される。レイヤーの入れ替えレイヤー名称が背景となっていると、ずっと一番下のままで移動できない。入れ替えができるようにするためには、レイヤーをダブルクリックし名前を変更する。デフォルトはレイヤー０名前を変えるとレイヤーの変更ができるようになる。レイヤーパレットのレイヤーをドラッグすると順序が変更できる。レイヤーパレットの目のマークでレイヤーが表示、非表示かを選択できる。レイヤーのマスク処理必要な部分を残し、不要な部分を透明にする処理レイヤー１（新規レイヤー）レイヤー０（花の画像）にするグラデーションツールアイコンをクリックし、バケツツールを選択する。描画色を選択し、色を選択したら花の画像上でクリック。選択した色で画面が塗られる。新規レイヤーに対して色が塗られたので、レイヤーの順序を入れ替えれば花の画像が見える。花のレイヤーを選択、レイヤーパレットのマスクアイコンをクリック（四角に○）レイヤーのところに白い四角が表示される。描画色が白、背景色が黒になっていることを確認。グラデーションツールを選択し、画像の適当な位置でドラッグドロップドラッグした範囲が白から黒に変わる範囲。白い部分が残り、黒い部分が透明になる。下のレイヤーを隠すと非表示の部分がわかる。画像に文字を追加したい場合、新規レイヤーの作成は不要入力したい位置でクリックカーソルが点滅して入力できる。レイヤーパレットに自動的に文字のレイヤーが作成される。移動ツールで自動的に文字を好きな位置に変更できる。フォントサイズもオプションで変更できる。文字入力表示が新規作成は回りに点線の四角が表示される編集は表示されない。

画像のトリミング

2005-05-22T12:14:23+09:00

トリミング->切り抜き　のこと傾きの補正ものさしツールをスポイトツールアイコンをクリックして選択モノサシツールでドラッグすると、情報パレットにドラッグした線のサイズ、高さが表示される。表示サイズはピクセルにするメニューの編集 -> 環境設定 -> 単位・定規でピクセル選択角度を垂直にしたい目印に、モノサシツールで線を引く例）グラスなら柄の部分メニューのイメージ -> カンバス回転 -> 角度入力を選択 ->そのままOKを押すモノサシツールの線が垂直になり、角度が補正され画像になる。隙間ができるので、切り抜きツールで切り抜きを行う。切り抜きツールは、選択状態でハンドルが表示。そのハンドルをドラッグすることで切り抜きサイズ調整ができる。もし、編集中に画像を戻したいときはファイル -> 復帰で元に戻るサイズを指定して切り抜く。選択状態で上に表示されるオプションバー幅、高さを入力する。入力したサイズで切り抜くことができる。例）幅１２０高さ３００にしたい場合単位がpxピクセル指定になっていることを確認。範囲のグリッド表示が変わる。ハンドルが四隅の角のみになる。 120×300なので縦横の比率は固定されるため。マウスを選択範囲の中央にポイントし、Enterキーを押すと確定される。指定したサイズで、元の画像が縮小されて表示される。サンプル川の町　建物の基準になる位置にモノサシツールを使う。画像が真っ直ぐに補正されたか確認する方法ガイドツールを利用する。イメージ -> 画像解像度 72dpiにする。サイズを変更することもできる。300pixcelにする。高さ、幅の比率は変更されない。

Ｗｅｂ画像の生成

2005-05-22T12:13:42+09:00

Web画像の生成方法
メニューより -> ファイル　-> Web用に保存を選択
gifはグラデーションがある画像には向かない、使用できる色数が少ない
jpegは画質で、ファイルサイズ調整ができる

epsファイルをWeb用に保存するときの注意
jpeg形式の場合は透明の情報を保存できないので透明の背景色が白になる
マット->背景色とロゴの間に似た色を入れることで滑らかに表示される。
マットにページの背景色を指定するとよい。

スキャナー
解像度は高めにして取り込むこと（300dpi以上・・）
保存するときはpsd形式にする
他のgif, jpeg形式だと解像度が72dpiになってしまう

写真のネガを取り込むことができるスキャナーもある
スキャナー付属のユニットを利用する
紙の場合は原稿、ネガの場合は透過原稿カラーフィルムに指定する

画像の種類

2005-05-22T12:10:43+09:00

○ファイル形式・jpg ・bmp ・pict ・gif ・jpeg ・eps　開くとファイル形式のラスタライズでサイズ、解像度の変更ができる

ショートカット

2005-05-22T11:56:01+09:00

他のツールを使っているときでも　Ctrl + スペース　ズームツールの拡大（ズームイン）になる　Ctrl + スペース + Alt でズームツールの縮小（ズームアウト）になる　スペースキー　手のひらツール・ズームツール　[＋] -> [－] はＡｌｔキーで変換できる・画像を拡大する　Ctrl + 0 ・失敗したので２ステップ以前に戻る　Ctrl + Alt + Z

基本操作

2005-05-22T11:51:08+09:00

・拡張子　○○○○.psd -> [[PhotoShop]] Dataの略・ファイルを開く　メニュー->ファイル->開く・直接ファイルから開く　アイコンを右クリック->PhotoShopで編集・ズームツールで拡大した画像を元に戻す　　->メニュ->ビュー->ピクセル等倍->100%に戻る。・モニターは光の３原色　赤（Ｒ）、緑（Ｇ）、青（Ｂ）を使う。・印刷は（Ｙ）イエロー、（Ｍ）マゼンダ、（Ｃ）シアン、（Ｋ）黒を使う。　Ｃ版、Ｍ版、Ｙ版と重ねていく。・パレット　横○の▲をクリックするとメニュー表示。　ＹＭＣＫも利用できる。　ＷｅｂはＲＧＢ，０から２５５までの数値で指定。プロのカメラマンから解像度の高い画像が来ることがある。現在選択している[[画像の解像度]]を求めるには、メニューよりイメージ->画像解像度を選択。・画像解像度　サイズも表示される。　解像度を変更すると、サイズも自動的に変わる。　幅のピクセル数を変更すると、高さも自動で変わる。縦横の比率は変わらない。　ピクセルではなく％、サイズはｃｍ単位もある。　縦横比をやめるときは、画像解像度の「縦横比を固定」チェックボックスをはずす。・ツールボックス　ツールボックスアイコン右下の三角を長くクリックすると他のツールが表示される。・描画色、背景色　右上の→アイコンをクリックすると、描画色と背景色が変わる。　描画、背景色の上でクリックするとカラーピッカーが表示される。　カラーピッカーの一番したのフォームに数値を入力すると色が変わる。メニュー->フィルタ　変わったボタン、パーツなどを作るときに利用する。メニュー->ビュー->定規　定規が上、左に表示される　表示単位は編集->環境設定->単位・定規で変更できる。普通はpixcel 　定規の上で右クリックすればコンテキストメニューが表示され変更できる。ガイド　定規の上で左クリックしてドラッグするとガイドが表示される。　アイコンメニューは移動にしていることズームツール　＋ -> －はＡｌｔキーで変換できる　ドラッグして範囲指定すると、指定した範囲が拡大される　元のサイズ

画像の解像度

2005-05-22T11:43:34+09:00

解像度・１インチのマスの中に１ドットの点がどれくらい入っているかで表す。・コンピュータは７２ppiが基本。・解像度が高いと拡大してもディテールがわかる。・印刷するときは３００万画素は必要。

メニュー2

2005-05-22T11:28:30+09:00

**更新履歴 #recent(10)