タグ

スライスに関するlelouch74のブックマーク (6)

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

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

    DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • photoshopで画像をスライスし、cssで組みたいのですが手順がよくわかりません。 - すみません、どなたかお知恵をお貸し下さ... - Yahoo!知恵袋

    方法は幾つかあると思いますが、自分でソースを書ける簡単なやり方を、ひとつ紹介します。 Photoshopで画像を開きます。「イメージ」→「カンバスサイズ」を選択します。 例えば画像サイズが、600px×450pxだとすると、「基準位置」の左上矢印を選択して、 幅と高さのところに、画像サイズの3分の1の数値を記入します。これを「Web用に保存」します。 このようにして、9か所の画像を全て保存します。これで正確に画像を9分割できます。 4分割にするのなら、左上、右上、左下、右下で幅と高さを2分の1で作れば可能になります。 作成した画像をCSSでページに配置するのでしたら、 【head部ソース】 #photobox{width:600px;height:450px;} .sbox1{width:200px;height:150px;background-image:url(photo1.jpg)

    photoshopで画像をスライスし、cssで組みたいのですが手順がよくわかりません。 - すみません、どなたかお知恵をお貸し下さ... - Yahoo!知恵袋
  • Photoshopのスライス後→WEB書きだしで不要なスライスを複数削除する方法 - Photoshopでスライス→WEB用に書きだし... - Yahoo!知恵袋

    Photoshopのスライス後→WEB書きだしで不要なスライスを複数削除する方法 Photoshopでスライス → WEB用に書きだし のあと不要なスライスを削除したいと思っています。 複数のいらないスライスを削除するにはどうしたらいいですか? 一つ一つやるのは面倒です。 また他にいい方法があれば教えて下さい。

    Photoshopのスライス後→WEB書きだしで不要なスライスを複数削除する方法 - Photoshopでスライス→WEB用に書きだし... - Yahoo!知恵袋
  • コーディングする時のスライス方法とか - CSS HappyLife

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

    コーディングする時のスライス方法とか - CSS HappyLife
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

  • コーダーの為のFireworksスライス入門 | バシャログ。

    iPhone 4S遣いが身の回りに着々と増えてますが、うらやましくなんかないんだからねっhakoishiです。 今回は、「あれ、今回はデザイン?」と見せかけてやはりコーディングネタ。 スライスって、コーダーが担当することが多いですよね。 けど、デザイナーほどグラフィックソフトに通じてなくて「もっと効率いいやり方があるんじゃないかなあー」なんてもどかしく思うこと、あるんじゃないですか? そこで、突然ですがFireworks。 馴染みのない人も多いかもしれませんが、スライス機能がスッゴイんですよ! 以下、普段Photoshopを使用している人向けに、Fireworksの便利なスライス機能をまとめました。 最初に。 まずは基動作。 Photoshop同様、スライスツールでドラッグします。 …でも良いのですが、もっと楽な方法があります。 スライスを切りたいオブジェクトを全て選択 ⇒右クリックで「

    コーダーの為のFireworksスライス入門 | バシャログ。
  • 1