&tag(Photoshop); *目次 [#t8b56451] #contents *参考情報 [#n42ae211] -[[PhotoshopでWEBサイトのラフデザインを作る-初心者のためのWEBデザイン教室:http://webdesignclass.blog.fc2.com/blog-entry-7.html]] -[[Photoshopは、まずはこの3つのポイントをおさえなさい。Webデザイナー、WebクリエイターのためのPhotoshopのおススメ書籍 - ウェブデザイナーになるには:http://www.designmap.info/tobewebdesigner/preparation/photoshopwebwebphotoshop_1/]] -[[まだPhotoshopに慣れていない人のための、まず習慣にしておきたいショートカット - ウェブデザイナーになるには:http://www.designmap.info/tobewebdesigner/web_selfstudy/photoshop/]] *基本 [#te257609] **ビットマップ、パス、シェイプ [#u1eaa785] -基本ビットマップ画像を扱うツールだが、パス、シェイプなどベクターグラフィックスを扱うこともできる。 -シェイプは普通の図形でレイヤーに表示される。 -パスは作業用で、パスパネルに表示される。 ***ビットマップのコピー [#pb8181db] -長方形範囲選択ツールなどで、範囲を選択したあと、CTRL+ALT+ドラッグで同一レイヤーにコピーできる。選択範囲内にビットマップが含まれていない場合エラーになる。 -レイヤーが選ばれた状態(レイヤー内のビットマップ全体が選ばれた状態)で、選択ツール→ALT+ドラッグするとほかのレイヤーに複製される。 ***シェイプ [#dc39b1ba] -レイヤーが選ばれた状態で、選択ツール→ALT+ドラッグするとほかのレイヤーに複製される。 *初期設定 [#rdca1052] -[[初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6含む) | Design Color:http://designcolor-web.com/2012/05/29/photoshop-first-setting/]]が参考に。 -RGBカラーを選んでおく。 -[編集]→[環境設定]→[単位・定規]で定規の単位をpixelに変更しておく。 -自動選択を有効に。選択ツールのオプションで、自動選択にチェック。レイヤーを選んでおく。 -表示・非標示でバウンディングボックスを表示。 -長方形ツールのオプションメニューの長方形オプションで、ピクセルにスナップをチェック。 -ガイドを整数で。環境設定→ガイド・グリッド・スライスで、10などといえる。 *ショートカットキー [#lb56d443] ,表示,== ,キー,動作 ,CTRL+:,ガイドの表示・非標示 *カンバス [#j710ae2b] **画像のサイズにあわせたい [#eed3e3d6] -[[Photoshopでキャンバスサイズを画像ピッタリに変更する小技 知らなきゃ絶対損するPCマル秘ワザ:http://daredemopc.blog51.fc2.com/blog-entry-721.html]]。 -画像全体のサイズに調節したいときは、レイヤーで画像サムネイルをCTRLクリックし、[イメージ]→[切り抜き]でできる。 -サイズのわからない画像サイズのカンバスを作りたい場合、画像をファイル→開くで開いておき、全選択したあと、新規作成するとそのサイズで作ってくれる。 **カンバスサイズを確認したい。 [#gb91f6d7] -[イメージ]→[カンバスサイズ]で確認できる。 *長方形 [#d5e32d2e] **長方形のサイズを変更したい [#c54d82bb] -パスでかいてないとだめ。 -編集→自由変形で、画面の上から3行目ぐらいに表示されるオプションバーで調節できる。[[[Photoshop] px 指定でオブジェクトを配置する | ClockMaker Blog:http://clockmaker.jp/blog/2009/04/photoshop_px/]]。WとHの単位が100%と表示されている場合は、数字の上で右クリックし、単位をピクセルに変更すれば現在のサイズが表示される。 **複製する [#bdce4675] -選択ツールで長方形を選択→ALT+ドラッグすると、別レイヤーのシェイプとして複製される。 **整列する [#y0a21165] -パスコンポーネント選択ツールでSHIFT+クリックしながら複数の長方形を選択。オプションの整列ボタンで整列させる。 **サイズを知りたい [#i90ed0a2] -選択して、自由変形ツール。 -情報ウィンドウの、WとHをみればよい。 * 文字[#f3241254] **文字を修正する [#i255aa72] -文字入力語も再度文字ツールを選べば何回でも修正できる。 **文字を中央に配置する [#h0e31170] -[[Photoshopで画像や文字を中央に配置 知らなきゃ絶対損するPCマル秘ワザ:http://daredemopc.blog51.fc2.com/blog-entry-507.html]] -文字のレイヤーと塗りつぶしレイヤーをレイヤーパネルでリンク。塗りつぶしレイヤーを選択肢、移動ツールで中央に配置する。 **文字にグラデーション [#l8a652ff] -文字を入力。 -[レイヤー]→[レイヤーマスク]→[すべての領域を表示]を選択。→レイヤーにレイヤーマスクができたことを確認。 -グラデーションツールを選択しグラデーションをかける。 *コピペ [#f8ff9745] **同じレイヤー内にコピー [#t927237b] -[[【レイヤー】 コピー&ペースト 【選択範囲】:http://pc.user-infomation.com/soft_making_photoshop/image_00_09.htm]] -範囲を選んでCTRL+ALT+ドラッグ *画像 [#y6657a19] **画像サイズを確認したい [#m533e867] -ウィンドウ→情報でOK。 **トーンカーブで補正 [#xbad23a3] -イメージ→色調補正→トーンカーブ **画像解像度の確認 [#g18b6666] -イメージ→画像解像度で可能。 **画像解像度を変更したい。 [#s049a0f1] -[[フォトショップについての質問です。よろしくお願いします。 再サンプルが理解で... - Yahoo!知恵袋:http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1422265484]] -画像の再サンプルをチェックした場合と外した場合で動作が異なる。 -画像の再サンプルにチェックしない場合→解像度と寸法が変更できる(画像DPIの調整。ピクセル数は変化なし。印刷結果などがかわってくる)。 -画像の再サンプルにチェックした場合、実際のピクセル数がかわってくる。DPIをふやすと、ピクセルが保管され増える。 *マスクについて [#o3466ba2] -[[Arch | Web制作情報ブログ:http://www.ar-ch.org/mt/archives/2011/03/photoshop-3.html]] *レイヤー [#h7edf752] **複数レイヤーをまとめて移動 [#z3c164db] -選択ツールのオプションメニューの、自動選択にとなりにある「レイヤー」を「グループ」に切り替えるとレイヤーグループをまとめて選択して移動できる。 -もしくはレイヤーパネルでグループ内のレイヤーを手動選択する。 *全般 [#z399048c] **単位をピクセルにしたい [#o10d4169] -[編集]→[環境設定]→[単位・定規]で定規の単位を変更すればよい。 **スマートガイドを表示したい [#y01317ed] -表示→表示・非表示でスマートガイドを選べる。 **定規を表示したい [#qe110836] -表示→定規 **背景色を変更したい [#mef6f70d] -背景レイヤーを全選択して塗りつぶし。 **ガイドにぴったりあわせたい [#we02ae27] -[[Photoshopのガイドをピクセル単位で吸着させる方法 | たねっぱ!:http://taneppa.net/photoshop_guide_fit/]] *FAQ [#pabe70df] **64bit版と32bit版の違いってなに [#re1cc900] -64bit OSで使うときは64bit版を使えばいいらしい。 **描画モード「乗算」「スクリーン」ってなによ。 [#eb35236d] -[[Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ:http://webdesignrecipes.com/photoshop-layer-style-and-1px-webdesign/]]、[[フォトショップ道場19日目(描画モードって何?)【幻想画廊・フォトショップCGコラージュ】:http://photo-collage.jp/gensougarou/photoshop/photoshop19.html]]など。 -乗算だと色を重ねて暗くなる。スクリーンだと明るくなる。