タグ

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

  • 【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート

    SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか?正解はいくつもありますが、例えばこの方法。 完成!いいじゃない!と思いますか?確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか?3つの図形を組み合わせて文字の形を作っています。文字を書く

    【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
    yusk_y
    yusk_y 2015/05/05
    【パス初心者向け】トレースするときに気をつけていること | デザイナーのイラストノート
  • LINEスタンプできました!反省と制作のおはなし - デザイナーのイラストノート

    記事にも書いたことのあるLINEスタンプですが、だいぶ後発ですが承認されました!!作るときに考えたことや参考書籍のご紹介など。 LINEスタンプできました! 「ゆるボブガール&うさぎ」です!よろしくお願いします。 「LINE Creators Market」がスタートしたのが今年の2/26、だいぶ後発ではありますがスタンプを作ってやっと承認・販売まで来ました。前に「LINEスタンプづくりにFireworksをおすすめする理由」という記事を書いたのですが、この記事に「LINE、スタンプ」と言ったキーワードで見に来てくださる方が多くて、今でも注目度が高いのを感じています。 制作ツールと承認まで しつこくてすみません、Fireworksです。作り方は「Fireworksの変幻自在なパスで表現をプラス」で描いたようなストロークを内側にして、塗りのようにして使っています。 9月末に申請して、審査中に

    LINEスタンプできました!反省と制作のおはなし - デザイナーのイラストノート
  • 「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート

    JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や()や・などは、隣り合うと何だか

    「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
  • LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート

    2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件!ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個) 240×240px スタンプ画像(40個) 370×320px(最大) トークルームタブ画像(1個) 96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム

    LINEスタンプづくりにFireworksをおすすめする理由 - デザイナーのイラストノート
  • Fireworksの変幻自在なパスで表現をプラス #adobefireworks - デザイナーのイラストノート

    この記事は「Fireworks Lover Advent Calendar 2013」の19日目の記事です。Fireworks…すきですか?わたしはすきです。これまでの方が書かれてきたように、Fireworksはweb制作にはとても優れたアプリケーションです。でもそれだけじゃない!!お絵描きツールとしてもすごく楽しいツールなんだよ!!という記事です。 Fireworksで描けるパス Fireworksは、パスで描画されるものとビットマップで描画されるもの2種類に分かれています。今回はパスで描画されるもの、 ペンツール(ストロークオプション) ペクトルパスツール パス再描画ツール こちらをご紹介。※ペンツールは超基なので機能は紹介なしです。 通常パスを作成すると「基>エッジが柔らかい線」で表示され、そこから用意されたストロークに変更していくと思います。あらかじめ用意された種類はたくさんあ

    Fireworksの変幻自在なパスで表現をプラス #adobefireworks - デザイナーのイラストノート
    yusk_y
    yusk_y 2014/02/24
    Fireworksのパスで変幻自在な表現をプラス #adobefireworks | デザイナーのイラストノート
  • 1