PCゲーマーのWebデザイン備忘録スマートフォン用の表示で見るPCゲーマーのWebデザイン備忘録PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。スライスツールで画像をパーツ分割この広告は、90日以上更新していないブログに表示しています。スライスツールで画像をパーツ分割PhotoshopPhotoshopのスライスツールで1枚の画像から、複数の画像パーツに分けます。WEBページをトレースする際、フレームワークを抽出しつつ、画像パーツも収集する事が可能です。使い方(例としてLOFTのページを使わせてもらいました。)定規ツールを利用して、各パーツをガイドで正確に囲む。「表示」メニューから、「スナップ」と「スナップ先」「ガイド」にチェックが入っていることを確認する。スライスツールでガイドをなぞりながら、選択をする。スライスを作った後、左上に出てきた数字をダブルクリックでスライスの名前を変更します。後から変更する場合は、スライス選択ツールを使います。「ファイル」から、「Webおよびデバイス用に書き出す」を押す。上のタブが「最適化」、左のメニューが「スライスツール」と「スライスの表示の切り替え」がONになっていることを確認する。クリックでスライスを選択し、拡張子とプロパティを変更する事が出来ます。保存を押した後保存する場所を選べますが、このとき上の拡張子やプロパティをスライスごとに変更している場合、保存のプロパティにある「スライス」を「全てのユーザー定義スライス」に変更する。「設定」から「その他」を選択すれば、より詳しくファイル名を変更することができます。企業系のWebサイト制作演習をしました。今回はその備忘録とソー...2014-09-11【HTML/CSS】ホームページの解析ホームページの解析を通して、ホームページの作りを学びます。連続する背景画像を作るPhotoshopを使用して、連続する背景画像を作ります。全方向に連...2014-09-09【Photoshop】角丸のナビゲーションボタンを作るPhotoshopを使い、角丸のナビゲーションボタンを作ります。NoobWebDesignerはてなブログをはじめよう!game-web-designさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。