[B! slice] perstivetechのブックマーク

大丈夫やで☆イラレでウェブデザイン【その4】たぶん世界で一番簡単なスライスの書き出し方 – クリエイター丙

Adobe Illustratorでウェブデザインを組む場合のコツをお届けするシリーズです。レイアウトが固まったら、次はHTML化するために画像が必要です。今回は、その画像の書き出しについてのお話です。あんまり一般的ではないかもしれませんが、niaoはこんな方法で一気にスライスを書き出しています。画面も見やすいんです。ご存じ? Adobe CCを安くする方法名付けて……「黒四角法」ああっ、なんか中2病っぽくなっちゃった！こんな方法です。新しいレイヤーを作る。名前は仮に「スライスカバー」。他のレイヤーはロックする。画像で書き出したい部分に、四角形を描く。黒で20%くらいの透明にしておく（←これは好み）。描き終わったらコマンドAして、「オブジェクト」→「スライス」→「作成」「スライスカバー」レイヤーを非表示にして、「web用に保存」で一気に書き出す。この方法のメリットは、全

perstivetech 2014/09/17

リンク

Slicyはあっと驚くほど便利だった。 - colopixie

Slicyは、PSDをD&Dするだけで、Photoshopでレイヤーやフォルダに指定した方法で名前をつければ書きだしてくれるアプリです。これがめっちゃ便利！驚いたたまげた。 App Storeで買いました。今回は、Slicyの公式のデモファイルを使って、解説していきます！ちょうべんり！公式のデモファイルは、下記からダウンロードできます（いきなりZIPダウンロードになります）通常 (Basic Tagging) 「Basic Tagging」のフォルダーを開き、PSDを開いてみましょう。 PSDを開くと、フォルダーやレイヤーに”.png”や”.jpg”など追加します。そうすると・・・？そのPSDを”Slicy”にドラッグアンドドロップすると、ぽこん！と先ほどの”.png”のついたフォルダーやファイルが出てきます。これを上の”Copy”を押して全て保存するか、個別のファイルをドラ

perstivetech 2014/02/19

リンク

http://www.hp-stylelink.com/news/2013/11/20131101.php

perstivetech 2014/01/30

リンク

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

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

perstivetech 2014/01/30

リンク

Photoshopのレイヤーやグループ毎に自動でスライスするアプリ「Slicy」

webサイト制作する場合、Photoshopなどでデザインを作って、それをスライスした画像を使ってHTML化するのが普通のワークフローだと思います。この「Slicy」はそのスライスする作業を簡略化して、一気に作業時間を短縮してくれる便利なアプリです。実際に使ってみてわかったのですが、これはもう必須アプリです。前からSlicyの存在は知っていたのですが、実際に使ってみて、ここまで便利なものだとは思いませんでした。有料のアプリですが、スライス作業をかなり短縮してくれるため、私の場合これなら余裕で元が取れておつりが来ます。もっと早く導入しておけば良かったと後悔しています。 Slicyのダウンロード Slicy – App Store Slicyの使い方レイヤーやグループにファイル名を設定すれば自動でスライス！こういうボタンをPhotoshopで描いてスライスするのはよくある作業だと思います

perstivetech 2014/01/29

]

リンク

illustratorのaiデータから画像を綺麗にスライスする方法｜Web Design KOJIKA17

illustratorのaiデータから画像を綺麗にスライスする方法 2011-01-08 illustratorのaiデータをWeb用の画像にスライスすると、画像が1pxズレが生じたり、Photoshopのスライス機能と違うので戸惑うことが多いと思います。関西の某勉強会の懇親会でも「外注に頼んだデザインがaiデータで来て、スライスに凄い時間がかかった」という意見が多く聞いたので、illustratorのスライスの仕方をご紹介させて頂きます。紹介するillustratorのバージョンはCS2ですが、CS以降のバージョンならほとんど機能が使えるはずです。スライスの準備単位 [ファイル]→[ドキュメント設定]で単位がピクセルになっているか確認します。ここを変更すると、定規などの値も全てピクセルになるはずです。カラーモード [ファイル]→[ドキュメントのカラーモード]がRGBカラーにな