![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
&tag(Photoshop); *目次 [#t8b56451] #contents *参考情報 [#n42ae211] -[[PhotoshopでWEBサイトのラフデザインを作る-初心者のためのWEBデザイン教室:http://webdesignclass.blog.fc2.com/blog-entry-7.html]] -[[Photoshopは、まずはこの３つのポイントをおさえなさい。Webデザイナー、WebクリエイターのためのPhotoshopのおススメ書籍 - ウェブデザイナーになるには:http://www.designmap.info/tobewebdesigner/preparation/photoshopwebwebphotoshop_1/]] -[[まだPhotoshopに慣れていない人のための、まず習慣にしておきたいショートカット - ウェブデザイナーになるには:http://www.designmap.info/tobewebdesigner/web_selfstudy/photoshop/]] -[[Photoshopのシェイプでできること。:http://lopan.jp/photoshop-shape/]] *基本 [#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] -[イメージ]→[カンバスサイズ]で確認できる。 *ガイド [#aadd28d0] **ガイドを数値指定で新規作成 [#b7892b71] -[表示]→[新規ガイド]で作成可能 **ガイドを数値指定で移動 [#e3caeca0] -できない?情報パネルを表示すればガイドの座標は表示されるけど。 *選択 [#se4c3159] **選択範囲で境界線を書く [#u8532eb3] -[[数値指定で正確な矩形を描く秘法 - Photoshopの秘法 発掘キャンペーン - Adobe Photoshop Magazine:http://www.adobe.com/jp/joc/photoshop/photoshop/hihou/03/06.html]] **選択範囲をセンタリング [#a3545c04] -[[Photoshopで、レイヤー内の塗りつぶし部分を選択範囲にしたい - 動画・画像処理 - 教えて！goo:http://oshiete.goo.ne.jp/qa/6260826.html]] *コピーペースト [#eab0c696] **同じ間隔でコピーしたい [#x6bc36ad] -選択して塗りつぶしツールでもできる。 -[[イラストレーターでの繰り返しのペーストは「Ctrl+D」ですが、フォトショップでの... - Yahoo!知恵袋:http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1345176368]]にあるようにな方法でもいいかも。 --複写元を選択→[Ctrl+Alt+T]。 --SHIFT押しながら移動→ENTER。 -- Ctrl+Alt+Shift+T連打。 *長方形 [#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をみればよい。 *線 [#xf68ee89] **破線を書く [#s20727bb] -[[» [photoshop]ドットライン（点線）チュートリアル｜ウェブデザインブログ｜graphix-design.jp｜:http://graphix-design.jp/wp/photoshop/458.html]] *鉛筆ツール [#fbac4c7d] **中心がずれる [#c3ab8ab2] -極小サイズのドット絵を書こうとすると中心の位置にドットがかかれないことがある。 -スナップをオフに設定するとうまくいく。 *グラデーションツール [#k16ef0fd] **範囲にグラデーション [#kcd19faf] -同じ色の範囲を作っておき、自動選択ツールで選択 -それからグラデーションツールを使うと選択範囲内だけグラデーションがかけられる。 * 文字[#f3241254] **文字を修正する [#i255aa72] -文字入力語も再度文字ツールを選べば何回でも修正できる。 **文字を中央に配置する [#h0e31170] -[[Photoshopで画像や文字を中央に配置 知らなきゃ絶対損するPCマル秘ワザ:http://daredemopc.blog51.fc2.com/blog-entry-507.html]] -文字のレイヤーと塗りつぶしレイヤーをレイヤーパネルでリンク。塗りつぶしレイヤーを選択肢、移動ツールで中央に配置する。 **文字を長方形の中央に配置する。 [#j1a3a083] -長方形のサムネイルをレイヤーパネルでクリックする。 -選択ツールで、文字を選択。上部パネルの配置ボタンで揃える。 **文字にグラデーション [#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] **参考情報 [#tea6066e] -[[Arch | Web制作情報ブログ:http://www.ar-ch.org/mt/archives/2011/03/photoshop-3.html]] -[[Photoshopのマスクの基本的な使い方:http://designers-tips.com/archives/11748]] **クリッピングマスク [#l425d085] -上のレイヤーに画像、下のレイヤーに図形を配置する(レイヤーを新規作成してから配置)と、下の図形の透明部分が消え、図形部分が残る。 -上のレイヤーを選択して、「右クリック > クリッピングマスクの作成」を実行するか、レイヤ間をALT+クリックする。 **レイヤーマスク [#ye708c15] -選択範囲を作り、レイヤーメニューの「レイヤーマスクを追加」で実行。選択範囲の修正がめんどくさいけど最初楽。 ** [#tbaa7afe] -画像の上にパスを作り、「レイヤーマスク > 現在のパス」で実行。 *レイヤー [#h7edf752] **複数レイヤーをまとめて移動 [#z3c164db] -選択ツールのオプションメニューの、自動選択にとなりにある「レイヤー」を「グループ」に切り替えるとレイヤーグループをまとめて選択して移動できる。 -もしくはレイヤーパネルでグループ内のレイヤーを手動選択する。 *全般 [#z399048c] **単位をピクセルにしたい [#o10d4169] -[編集]→[環境設定]→[単位・定規]で定規の単位を変更すればよい。 **スマートガイドを表示したい [#y01317ed] -表示→表示・非表示でスマートガイドを選べる。 **定規を表示したい [#qe110836] -表示→定規 **背景色を変更したい [#mef6f70d] -背景レイヤーを全選択して塗りつぶし。 **ガイドにぴったりあわせたい [#we02ae27] -[[Photoshopのガイドをピクセル単位で吸着させる方法 | たねっぱ！:http://taneppa.net/photoshop_guide_fit/]] **上が角丸、下が四角の長方形を書く。 [#w8321dd9] -まず角丸をかき、次に長方形を選択、パスの交差を選んでかけば結合される。 -[[【Photoshop CS6】シェイプの結合・中マドが便利 | Arch:http://www.ar-ch.org/mt/archives/2012/09/photoshop-shape.html]] -[[adobe photoshop - Remove bottom corners when using 'Round Rectangle Tool'? - Graphic Design Beta - Stack Exchange:http://graphicdesign.stackexchange.com/questions/6682/remove-bottom-corners-when-using-round-rectangle-tool]] **画像出力方法 [#m6f91045] -[[Exporting from Photoshop:http://bjango.com/articles/exporting/]]…選択範囲を作って編集→結合部分をコピー。 **中央揃え [#wff8bcc5] -[[Photoshopの整列を劇的に楽にやる方法 | Hep Hep!:http://hep.eiz.jp/200903/photoshop-cs-sort/]] -シェイプどうしを中心にそろえる場合、基準となるシェイプのサムネイルをクリック。もう一つのレイヤーを選択。選択ツールのオプションバーで揃える。 *Tips [#wc7c8149] **原点を移動する [#w6193b4e] -[[[Photoshop] 座標の原点位置を変更する | tande lab.:http://tande.jp/lab/2012/03/1667]] -定規を表示し、左上の四角のところからドラッグする。 -元に戻すには左上の四角をダブルクリック。 **ドット絵を書く [#b209c77b] -ウィンドウ→アレンジ→新規ウィンドウでウィンドウを2枚ひらいておくと編集と確認が同時にできて便利。 *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]]など。 -乗算だと色を重ねて暗くなる。スクリーンだと明るくなる。 **シェイプが複数選択できない [#nf7590e7] -パスコンポーネント選択ツールで、シェイプが複数選択できない場合、バウンディングボックスを非標示にすればいいかも。
