タグ

スライスに関するtaka_webのブックマーク (3)

  • DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる!」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス&タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが!フォトショでもFW並か、それ以上に楽ができると思います。 そ

    DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • photoshopで複数のスライスをリネームしながら保存する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    スライス名を変更せずにスライス名のあとに「_on」とかつけたい時のメモです。 Fireworksだと割と簡単にできることですが、photoshopでボタン画像などを書きだす際に、 スライス名を手動で変更せずに「(スライス名)_on」みたいにリネームしながら画像を書き出したいな~と思っていたのですが・・・。 やっぱできたんですね。でも案外知らない人も多いようなので(自分も含め)メモしておきます。 「Web用に保存」を押したときに出てくるダイアログのここ↓ ここをポチっと押すと出てくる「出力設定の編集」で書き出しのルールを決めることができます。 例えば、「スライス名_on」というルールで書き出したい場合は、以下のように設定 これでいちいちスライス名に_onをつけなくてもリネームしながら画像保存できます。 他にもスライス名や日付など、命名規則は細かく設定できるので、連番なんかもさくっと作れるので

    photoshopで複数のスライスをリネームしながら保存する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • コーディングする時のスライス方法とか - CSS HappyLife

    珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい! 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます! Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは

    コーディングする時のスライス方法とか - CSS HappyLife
  • 1