2013年9月4日のブックマーク (2件)

  • Illustratorのアピアランスで忍法! - デザイナーのイラストノート

    前回、イラスト応用編で使用したIllustratorの「アピアランス」機能。これが結構面白いので、折角なので忍者風でご紹介したいと思います。 忍者登場 用意したのは忍者のイラスト。後ろの文字や手書き線は後付けの効果線で、アピアランスとは関係ありません。あしからず。 では、まず。忍法!分身の術! 「アピアランス」→「変形」で横にコピーしていきます。当のオブジェクトは左のひとつだけです。 設定はこんな感じです。左のひとつだけが選択されています、これが体です。設定の右下に「コピー:5」とあります。これで横に5つ分身させています。 はっ!敵からの攻撃!ヒラリ、ヒラリっと。 これは「ワープ」で形を変形させています。 選択されているパスの形を見ると、実際のパスは変形していないのがわかります。こんな風に擬似的に見た目を変えてくれるのが忍法アピアランスです。さきほどの「変形」に「ぼかし(放射状)」を組

    Illustratorのアピアランスで忍法! - デザイナーのイラストノート
    ateitexe
    ateitexe 2013/09/04
    忍法かわいいww
  • ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート

    今回はツールのTipsではなく、グラデーションをつくるときに私がいつも心がけていることなどをご紹介します。グラフィックソフトだけでなく、cssでグラデーションをつくるときにも使えるポイントだと思うので、非デザイナーの方にも見ていただけるように簡単に、すぐ読める内容になっています。 修正)2013/8/29/14:41 画像の2〜4枚目を修正しました。明度と彩度について間違いがありました、申し訳ありません。 ニュアンスのあるグラデーションとは 例えばこのカラーをサイトのベースカラーに使いたいとします。モニタの色というのは「R(赤)G(緑)B(青)」の0〜255で出来ていますが、他に「色相、彩度、明度」という数値でも表すことが出来ます。今回はこの3つの数値も重要なので、心の隅に置いておいてください。 メニューバーやボタンでグラデーションを作りたい、白背景に馴染むように白で作りたい、というときは

    ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート