タグ

photoshopとweb制作に関するaymxのブックマーク (2)

  • フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」

    Web制作の画像素材作成にも活躍するPhotoshop。ロゴやアイコンといったパーツのデザインに限って使う人から、デザインカンプの制作~スライスまでこれ1でこなす人まで……と、その活用法は人それぞれ。だが、Photoshopを簡易Webオーサリングツールとして使う方法があることをご存じだろうか? それを実現するのが、「psd2css」というユニークなオンラインサービスだ。 PSDファイルをCSSレイアウトのWebページに変換する psd2cssは、その名のとおり、PhotoshopのPSDファイルをブラウザーからアップするだけで、CSS/XHTMLファイルに自動変換してくれるサービスだ。……と、さらっと書いてはみたが、よく考えるとこれはスゴい。Photoshopにある「Web用に保存」機能を使えば、Web用に最適化されたJPEGやPNG画像と一緒にHTMLを書き出すことはできるものの、ス

    フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」
  • PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 | 100SHIKI

    PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 March 13th, 2009 Posted in その他 Write comment 便利だか便利じゃないのだか判断に迷うところだが、意欲的な試みなのでご紹介。 psd2css OnlineはPSDファイルをCSSレイアウトのHTMLに変換してくれるというツールだ。 肝となるのはPSDファイル中のレイヤーである。このレイヤーを判別してCSSのブロックにしているようだ。 Photoshopなんかでまずレイアウトを組んでいる人はまぁ、試してみてもいいかもしれない。 ただ、いろいろと癖があるようなので(テキストを配置するには?とか)、このツールの使い方を習得するまでに時間がかかりそうだ。だったらCSSを学んだ方が・・・という気がしないでもない。 ただ、用途を限定すればそれなりに便利、という人もいるだろ

    PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 | 100SHIKI
  • 1