タグ

illustratorに関するkool_kreateのブックマーク (12)

  • イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜

    「自分でイラストを描けたら良いのにな」と思ったことはありませんか? Illustratorなら、描きたいモチーフの「しくみ」に適切な機能をあてはめることで、複雑なイラストにも挑戦できます。絵を描くのは苦手だという方でも大丈夫です。 今回は実例を交えながら、ブラシ機能や描画まわりのツール、Adobe Captureの活用方法などを中心にご紹介します。 特にCC以降の機能は、イラスト制作の効率を格段に上げるものばかり。新・旧機能の合わせ技で効率よく、更に豊かな表現を目指しましょう! page2017のクリエイティブゾーンセミナーに登壇させていただいた際のスライドです。実演で解説した部分は概要のみ追加しました。 page2017 http://www.page.jagat.or.jp/ 「新規アートに基アピアランスを適用」の詳細は「Illustrator アピアランスのキホン 〜流用編〜」の「

    イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
  • Illustrator CC/CS6/CS5の遠近グリッドの消し方

    2015.01.20:CC/CS6でも同様の手順である旨を追記。ページタイトルの修正。 Illustrator CS5の操作中、間違えて遠近グリッドを出しちゃった・・・ あれ?遠近グリッドを無効にする方法が解らないぞ? てな場面に遭遇したのでメモ。 このままじゃパースがかかりまくって、丸や四角のデザインが歪みまくる。 マトモに作業出来ねぇぞ・・・('Α`) 対処方法 ▲クリックで拡大 [表示]>[遠近グリッド]>[グリッドを隠す]を選択すれば、遠近グリッドは消え、各種シェイプにパースがかからなくなる(既に作成したシェイプのパースは掛かったまま) 後日確認した所、Illustrator CC、Illustrator CS6 も同様の手順で遠近グリッドを消すことが可能でした。 デフォルトで「Shift+Ctrl+I」キーにショートカットが登録してある。 多用する場合はショートカット使うのが便利

    Illustrator CC/CS6/CS5の遠近グリッドの消し方
  • illustratorでUIデザイン:設定編 - Two hats

    Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill

    illustratorでUIデザイン:設定編 - Two hats
  • IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    CCの魅力を感じつつもCS6製品で様子を見ている、月額支払いがちょっと怖い。そんな九州ライター村上です、みなさんこんにちは。 今人気のフラットデザインはIllustratorが得意とする部分なので、最近Illustratorを使ってWebサイトを作ろうという動きが増えてきました。Illustrator使いとしては非常に嬉しい事です。しかし、DTPを得意とするIllustratorでWebサイトを作る際には、確認しておかなくてはいけないWeb用のポイントがあります。 今回は、初心者向けのちょっとした用語の説明と共に、Web用コンテンツ作成時に気をつけるべきIllustratorの設定をご紹介していきます。 IllustratorでWeb作業をする時に気をつけたい5つの設定 単位は相対単位のピクセルにする カラーモードはRGBにする ピクセルプレビューで作業する 各パーツはアートボードをわけて

    IllustratorでWeb制作をするときに気をつけたい5つの設定 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • アピアランスの意味と分割とは?

    アピアランスを分割とは見せかけの形や効果を物の形に変えることです。 イラストレーターを使っていると意味がよく分からない言葉が出てきますね。 アピアランスを分割もその言葉の一つ。私も最初は意味が分かりませんでした。 アピアランス=外観。うわべ。見せかけ。 見せかけのものってたくさんありますよね。 見せかけの政治家、見せかけの愛、見せかけの髪の毛。 一方で見せかけの反対は物です。 物の政治家、物の愛、物の髪の毛。 世の中に見せかけのものはたくさんありますが、実はイラストレーターの世界にも見せかけの形や効果がたくさんあるんですね。 アピアランスを分割とはこうした見せかけの形や効果を物の形に変えることを言います。 まだピンとこないかもしれません。実際に例を見た方が早いですね。

    アピアランスの意味と分割とは?
    kool_kreate
    kool_kreate 2013/01/29
    アピアランスとは
  • アートボードのサイズを変更するには(Illustrator CS4) - DTP Transit

    Illustrator CS4でアートボードのサイズを変更するには次の手順で行います。 ドラッグして行う方法 ツールボックスの[アートボードツール]をクリックして選択します(キーボードショートカットはshift+Oキー)。 アートボードがバウンディングボックスのように選択されるので、ハンドルをドラッグしてサイズを変更 選択したオブジェクトにアートボードを合わせる 選択しているオブジェクト、または、ドキュメントのオブジェクト全体に対して、アートボードの大きさを調整することができます。 ツールボックスの[アートボードツール]をクリックして選択 画面上部のコントロールパレットに[アートボード]関連のオプションが表示されるので、プリセットのプルダウンメニューから[アートボードを選択したアートに合わせる]を選択 [アートボードをアートワークのバウンディングボックスに合わせる]を選択すると、すべてのア

    アートボードのサイズを変更するには(Illustrator CS4) - DTP Transit
    kool_kreate
    kool_kreate 2013/01/29
    オブジェクトの周りの余白を削除したいときにこれ
  • 知っているようで知らなかったイラストレーターの使い方 | Desarize

    kool_kreate
    kool_kreate 2013/01/29
    内側にシャドウをつける代替方法
  • [基本操作] 文字に影を付ける (ドロップシャドウ)(Illustrator CS)

    この文書は、Adobe Illustrator CS の基的な使用方法を分かりやすく図解した内容となっています。 [ドロップシャドウ] コマンドを使用すると、文字や画像などのオブジェクトに影を付けることができます。

    kool_kreate
    kool_kreate 2013/01/29
    ドロップシャドウの付け方
  • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

    Illustrator を使い始めるにあたっての、予備知識や基操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill

    kool_kreate
    kool_kreate 2013/01/28
    アートボードとかについてもシステム的にわかっておきたい
  • 新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ

    ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。 photo by laffy4k 探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■デザインの裏技blog Illustratorショートカット一覧 ツールバー選択のショートカットキーを一枚の画像にまとめたもの、一回一回マウスを動かしている人は必見です。 ■Illustrator CS3 キーボードショートカット 50 一覧性の高いショートカットキーリスト。机の片隅に置いておく

    新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ
    kool_kreate
    kool_kreate 2012/10/04
    ショートカットまとめ
  • デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト

    1000以上の飾り枠専門サイト

  • Tutorial_イラレで光の表現その2 – イラレラボ illustrator-labo

    イラストレーターでがんばる光の表現その2です。オブジェクトを柔らかくふんわり光らせます。Photoshopでやれよという突っ込みには耳を塞ぎつつ。 480×360pxの長方形を配置します。0%:#002800 > 50%:#004251 > 100%:#2D0058 の線グラデーションで塗ります。 アピアランスメニュー > 新規塗りを追加、0%:#FFFFFF > 100%:#000000 (白から黒 の円グラデーションで塗ります。中心からやや左下をクリックしてグラデーションの中心位置を移動させ、不透明度40% / 描画モード:スクリーンに設定します。 480×480pxの円を配置します。0%:#005368 > 100%:#000000 の円グラデーションで塗り、描画モードをスクリーンに設定します。上のあたりに位置をずらして、青い光を入れます。 光のラインを描きます。200×2pxの円を

  • 1