ライブトレースでつくる鮮やかなイメージ - MdN Design Interactive
1-1 1-2 まず、Illustratorの新規ファイルを作成し、ファイルメニュー→“配置...”で写真を配置する。次に、塗りをなしとして長方形ツールで120×120mmの正方形のオブジェクトを描く1-1。ここですべてを選択したら、オブジェクトメニュー→“クリッピングマスク”→“作成”でマスク処理を施した1-2。 2-1 （クリックで大きくなります） 2-2 ダイレクト選択ツールで写真を選択し、オブジェクトメニュー→“ライブトレース”→“トレースオプション...”で、トレースオプションダイアログを表示。ここで、［カラーモード：カラー］、［最大カラー数：3］に設定する2-1。このとき、［プレビュー］にチェックを入れてトレース結果を確認しながら作業を進めるとよいだろう。続いて［トレース］をクリックし、オブジェクトメニュー→“ライブトレース”→“拡張”で画像をパスデータに変換する2-2。 3-
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 12] レイアウトに黄金比・白銀比を活用する 文＝沖塩慶悟（（有）ムーニーワークス） Tool レイアウトの小技 URL http://viskowaza.web.fc2.com/layout/ratio/divide/ パーツレイアウトやデザインの重心バランスに黄金比や白銀比を取り入れたい場合に、指定したサイズの範囲内で、直感的にその比率で分割し、罫線を引けるツール「レイアウトの小技」を活用してみるとよい。このツールは、黄金比・白銀比・半分のいずれかを選択し、たとえばサイト全体のレイアウトなら幅900px内、サイド領域にボタンをつくるため180×111pxの範囲内など、指定したサイズにベースを設けることができ、『▽』マークで分割位置をサポートしてくれる
MdN Design｜総合情報サイト
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
