タグ

ブックマーク / in.spicagraph.com (4)

  • Illustratorで人物を描く(基本) - デザイナーのイラストノート

    イラストを描くアプリケーションはたくさんありますが、まずはIllustratorで「楕円形ツール」と「パスツール」を使って描く人物のイラストから。Illustratorはマウスでも思い通りの線が描きやすく、変更もしやすいのがポイント。 パスとは? パスとは、「ペンツール」などを使って描く線のことで、Illuatratorの基となるものです。「直線ツール」「長方形ツール」などを使って作る形はパスで出来ています。パスはアンカーポイント(白い点)というもので形が出来ていて、ハンドル(赤い線)を動かして自由に曲線(ベジェ曲線)を作る事が出来ます。なめらかな曲線だとハンドルは真っ直ぐで、花型だとハンドルがVの字に折れています。 えーベジェについてはこちらが判りやすいのでこちらで… Illustrator(Photoshop) のペンツールできれいなパス、ベジェ曲線を描くためのコツ(私流) 描いてみ

    Illustratorで人物を描く(基本) - デザイナーのイラストノート
  • デザインする上で大切にしていること - デザイナーのイラストノート

    デザインしてますか?spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます(でもだいじなおしごとだよ!) デザインは誰のため? 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランス仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい

    デザインする上で大切にしていること - デザイナーのイラストノート
  • ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート

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

    ニュアンスのあるグラデーションをつくる - デザイナーのイラストノート
  • Fireworksで質感のあるイラストを描く - デザイナーのイラストノート

    webデザイナーさんにはおなじみのFireworks。IllustratorとPhotoshopのちょうど間のようなアプリケーションですがデフォルトのテクスチャやパターンも豊富で、イラスト制作にも結構使えるのです。 Fireworksでイラストを描くメリット webデザインでFireworksを使用しているならアプリケーションがひとつで完結 用意されたテクスチャを使用すればファイルサイズが軽くすむ ペンツールや長方形ツールで作成できるので修正も楽 逆にデメリットは Illustrator、Photoshopに比べると線の太さなど細かい設定ができない パターンなどは解像度が低く印刷などには不向き? Illustratorと違いピクセルに吸着して思ったところにアンカーポイントが置けないことがある くらいでしょうか。Fireworksでデフォルトのテクスチャはたくさんあります。ほんの一例ですが、

    Fireworksで質感のあるイラストを描く - デザイナーのイラストノート
  • 1