&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/]] *初期設定 [#rdca1052] -[[初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6含む) | Design Color:http://designcolor-web.com/2012/05/29/photoshop-first-setting/]]が参考に。 -RGBカラーを選んでおく。 -[編集]→[環境設定]→[単位・定規]で定規の単位をpixelに変更しておく。 -自動選択を有効に。選択ツールのオプションで、自動選択にチェック。レイヤーを選んでおく。 -表示・非標示でバウンディングボックスを表示。 -長方形ツールのオプションメニューの長方形オプションで、ピクセルにスナップをチェック。 -ガイドを整数で。環境設定→ガイド・グリッド・スライスで、10などといえる。 *カンバス [#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/]] **複製する [#bdce4675] -パスコンポーネント選択ツールで、長方形のシェイプを選択肢、ALTキーを押しながらドラッグ。 * 文字[#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。 *マスクについて [#o3466ba2] -[[Arch | Web制作情報ブログ:http://www.ar-ch.org/mt/archives/2011/03/photoshop-3.html]] *全般 [#z399048c] **単位をピクセルにしたい [#o10d4169] -[編集]→[環境設定]→[単位・定規]で定規の単位を変更すればよい。 **スマートガイドを表示したい [#y01317ed] -表示→表示・非表示でスマートガイドを選べる。 **定規を表示したい [#qe110836] -表示→定規 *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]]など。 -乗算だと色を重ねて暗くなる。スクリーンだと明るくなる。