タグ

illustratorに関するy-kawazのブックマーク (7)

  • Illustratorで画像トレースする方法!落書きからイラストを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース!! 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して

    Illustratorで画像トレースする方法!落書きからイラストを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

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

  • Illustratorチュートリアル【女の子】

    2013年11月28日 Illustrator 海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください! ↑私が10年以上利用している会計ソフト! 動画撮ってみました 個人的に、他の人が作っていく過程を見るのが好きなので撮ってみました。ベジェ曲線での描き方など、参考になるかもしれません。一部撮り忘れたところもありますが気にしないでください。 まずは準備 ラフ画の取り込み ラフ画は別レイヤーにフリーハンドで描く事も多いのですが、今回は紙に描いたものを使いました。通常スキャナーなどで取

    Illustratorチュートリアル【女の子】
  • illustrato、ベジェ曲線練習法

    HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法(サンプルテキストもあるよ) ご存知のない方やお忘れの方も多いかもしれませんが、私、職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/

    illustrato、ベジェ曲線練習法
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • 「Ai→Canvas」イラストをHTML5形式に変換する画期的プラグイン 【増田@maskin真樹 | TechWave(テックウェーブ)

    [読了時間:1分] 米Microsoftが運営するMixOnlineが10月12日、アドビ・イラストレーターのファイルをHTML5のCANVAS形式にエクスポートできるプラグイン「Ai→Canvas」を公開した。CANVAS形式で表現されたイラストは拡大縮小はもちろんアニメーションを施すことなどが可能になる。 プラグインインストール後、イラストレーターの「書き出し」コマンドを実行するとCANVAS形式を選択できるようになる。書き出されるのはHTMLファイルで、ベジェ曲線はそのままビットマップ画像はファイルとして保存される。対応ブラウザで表示することができる。(以下参照) 上のスナップショットでCANVAS変換したベジェのみで作成されたイラストを以下で公開している。 http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ソースを

    「Ai→Canvas」イラストをHTML5形式に変換する画期的プラグイン 【増田@maskin真樹 | TechWave(テックウェーブ)
    y-kawaz
    y-kawaz 2010/10/18
    でもCanvasって結局はビットマップだからベクターはSVGで良い気もするしそっちのが扱いやすいきもするどどうなんだろ?
  • Illustratorの基本的なエフェクト集 | コリス

    Illustratorの基的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。

  • 1