タグ

ブックマーク / www.dtp-transit.jp (3)

  • この進化はズルイ!Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」|DTP Transit

    Photoshop CCが14.1にアップデートされ、「Generatorテクノロジー」により、それぞれのレイヤーを個別の画像ファイルとして自動的に書き出す「画像アセット」機能が追加されました。 Webサイト制作では、カンプと呼ばれる画像ファイルを作成後、「スライス」作業によって、書き出す領域を指定し、書き出し作業を行うというフローが必要でした。Photoshop CC(14.1)の「画像アセット」機能を使うことで、この作業(スライスと書き出し)が不要になるだけでなく、高密度解像度対応の画像書き出しにも対応するなど、この進化は、ちょっとズルイ!です(Fireworksの熱心なユーザーなのですが、こっちに肩入れ??? という意味で)。 作業手順は次のとおり。 PSDファイルは英数字で設定します(例:test.psd)。 [ファイル]メニューの[生成]→[画像アセット]をクリックします。 画像

    この進化はズルイ!Generatorテクノロジーを使ったPhotoshop CCの「画像アセット」|DTP Transit
  • Illustratorでプラグインを使わずに、角を丸くする|DTP Transit

    Illustratorで文字の角を丸めるとき、[角を丸くする]効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの[スマートラウンド]を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、日のセミナー(「クリ☆ステVol.6」)終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます(※追記あり)。 実現方法 実現方法は、[パスのオフセット]効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に[角の形状]を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ

    Illustratorでプラグインを使わずに、角を丸くする|DTP Transit
  • 「効率的なサイト制作のためのDreamweaver活用術seminar」フォローアップ|DTP Transit

    2011年12月11日に開催された「効率的なサイト制作のためのDreamweaver活用術seminar」のフォローアップです。 お預かりしました質問の件は、追記しますので、後でまた覗いてください追記しました。 スライドはCSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイトから(※すべてではありません)。 HTML5やCSS3などのスキルの獲得には下記のセミナーをオススメします。 平日の夜のショートセミナー「CSS Nite back2basic」を2012年1月に開催します #cssnite_b2b | CSS Nite公式サイト ご質問の件 条件コメントを使ったInternet Explorer用の振り分けなど、最近のよく使われているものについて教えて欲しい。 Internet Explorer用の条件分岐次のように記述することで、Inter

    「効率的なサイト制作のためのDreamweaver活用術seminar」フォローアップ|DTP Transit
  • 1