フォトショップで印刷したい部分を選択します。 色がついている時は、自由選択ツールで選択して、「近似色を選択」してもいいですし、背景レイヤーだけの画像の場合は色域選択でもいいです。パスにしたい部分を選択します。 選択した状態でパスパレットを開きます。作業用パスを作成というコマンドでパスを作成した場合は、許容値を入力するボックスが開きますが、パス作成のアイコンをクリックした場合は、デフォルトで作成されてしまいますので、その時は、optionキーを押しながらアイコンをクリックすれば、許容値を入力できます。 たぶん、デフォルトでは２pixelsとかになっていますので、そこに0.5 と入力します。私のバージョンでは、これが最小です。 パスになったら、矢印ツールで全部選択し、コピーします。 この時、パスが絵柄の輪郭に沿っているかどうか、拡大してチェックしてみてください。もし、角が甘かったり、形に沿って

Movable type-ベースにページを切り替えました 新しいページはこちらをご覧下さい。或いはHOMEから入って下さい 現在表示のページは、低解像度（狭い）モニタ用に残して有ります IllustratorでWeb用の画像を作成している人も多いと思います。勿論この「Illustrator イライラ・ストレス解消委員会」もそうです (Webサイトの構築は、Dreamweaver を使っています）。Illustratorは、Web書き出しにも高度に対応しています（私はWeb用画像の編集に、Fireworks を使っていますが、Illustrator単独でも対応出来ないことは有りません）。 ここではバージョン9から搭載された「Web用に保存」機能を中心に、IllustratorとWebとの連携を探りたいと思います。 ■ Web画像の作成の留意点 Illustrator上でWeb用画像を用意する

ウェブ制作者必携！相当便利です。 CSSレイアウトで、飾りになる画像はbackground-imageとして指定することが多いです。個別に画像を切り出す場合もありますが、属に言う「CSS Sprite」と呼ばれる手法もこれです。 CSS Spriteとは？ 画像を個別にスライスして個別に読み込むより、1枚の画像にして表示位置を調整して出す手法です。 個別に読み込むよりも、スライスの手間を省略・読み込み時のリクエストを1度だけで済むので、使い方によってはCSS Spriteを活用した方が速い場合があります。 Firefox3.5だとソースから画像までのリンクをたどれますが、それよりも便利なブックマークレットがあります。 ブックマークレット配布サイト：SpriteMe 他人のサイトの解析時、画像をまとめて見られるので重宝します。 導入方法 配布サイトへ行き、“SpriteMe”のリンクをブ

webサイトのサイズ設計や、解析に役立つブックマークレットをご紹介します。 「Rule」→Allan Jardine | Reflections | Rule 使い方は非常に簡単です。手順は Allan Jardine | Reflections | RuleにあるRuleアイコンをブックマークバーにドラッグ（またはブックマークに追加） 任意のwebページを表示 ブックマークバー（またはブックマーク）から、追加した「Rule」を実行 対応ブラウザ Internet Explorer 7 Firefox 2+ Safari 2.0.4+ Opera 9.2 これでブラウザ上にルーラーとガイド線を表示することが出来ます。ガイド線は、PhotohopやFireworksのようにルーラー上からドラッグします。 また、設定によりガイド線を吸着させることが出来ます。この吸着が地味に便利です。 All

より持続可能で思いやりのある世界を追求する中で、植物ベースの食事がグリーンリビング運動の極めて重要な側面として浮上しています。 動物性食品よりも果物、野菜、穀物、ナッツ、種子を優先するこの食生活の変化は、単なるトレンドではなく、環境、健康、倫理に大きなメリットをもたらす、深いライフスタイルの選択です。 植物ベースの食事を採用することが環境に配慮した生活の基礎である理由と、それがどのようにして世界中に前向きな変化の波及効果をもたらすことができるのかを詳しく見てみましょう。 地球にとっての勝利 植物ベースの食事に関する環境問題には説得力があります。 農業、特に肉や乳製品の生産は、温室効果ガスの排出、森林破壊、水の枯渇、生物多様性の損失の主な原因となっています。 植物ベースの食品を選択することで、環境への影響を大幅に削減します。 植物は動物製品と比べて生産に必要な土地、水、エネルギーが少なくて済

お使いのFlash Playerでは、こちらのコンテンツを閲覧することができません。 お手数ですが最新のバージョンにアップデートして、ご覧ください。 ゴチャゴチャした背景を消してスタジオのような雰囲気に 商品の切り抜きはできるだけ時間をかけて丁寧にすべし 色調は明るめ、色合いは暖かみを出すとプロっぽい仕上がりに 不況でフトコロのさみしい今日この頃、うまく利用したいのがネットオークション。欲しいものを少しでも安く手に入れようと、目当ての商品が出品されるのを待っているユーザーは多いはず。使わないのに捨てられずにいる押入れのお宝たちは、この際出品してお小遣いの足しにしよう。さて、売るとなったら少しでも高く売りたいもの。ネットオークションでは実際に手に取ることができないだけに、商品の価値を決める判断材料として、写真が大きくモノを言う。上のBefore/Afterを見比べてみれば、その重要性が分か

不思議な写真アートに興味はありませんか？　アドビ フォトショップによる不思議な合成写真とコラム集です。初心者向けのアドビ フォトショップ（Photoshop）の使い方講座、GIFアニメ講座など。

数年前に買ったピカピカの新しいMacも、時が経てば随分色んなゴミが溜まって、動きが悪くなっているんじゃないでしょーか？　たまにはMacの中を大掃除して、スピードアップした快適マシンに蘇らせましょう。 大掃除するからといって、あれこれアンインストールしたり削除したりする前に、まずは外部ドライブにデータをバックアップするか、Time Machineやその他のフリーアプリで、一切合切バックアップを取りましょう。大掃除をするハズが、終わってみたら大事なデータも無くなった...なんてことにならないように。 準備ができたら、Macの大掃除行ってみよ〜（Mac以外の方はこちら（英文記事）をどーぞ）！ まず一番最初にすることは、Macの動きを遅くしたり鈍らせたりしている原因を突き止めることです。［アプリケーション］＞［ユーティリティ］＞［アクティビティモニタ］を開いて、その時起動しているアプリケーションや

前回、ブラシ機能のエントリーを上げた時、思ったより好評だったので 続いてもういっちょあげようかと思います。 今回は、【イラストレーターのブラシ機能で図形に沿ったロゴを作る方法】です イラストレーターのブラシ機能で図形に沿ったロゴを作る方法 イラレを使う際に、例えばテキストを図形に沿って配置できるなどの方法がありますよね。 テキストツールで、テキストを円形にしたり、波線に沿ってテキストを流し込んだり。 今回は、その応用です。 テキストツールで、図形に沿わせるのは簡単ですが、 例えば何かのパターンであったり、すでにアウトライン化された図形などではどうでしょう？ ブラシツールを使って実際にやってみましょう。 --------------------------------------------------- こんなロゴがあったとします。 アウトラインデータだったりします。

ポスターを貼るセロハンテープのようなPhotoshop用のブラシをRozairoから紹介します。 tape brushes シンプルなものやクロスしたものなど全部で8種類のPhotoshop用のブラシ

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記