Illustratorのライブペイントって便利だなァ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は使ってみないと損！Illustratorのライブペイントについてご紹介します。 みなさんはイラストレーターで↓このような図を塗り分ける場合どのように作業しますか？ わたしの場合、パスファインダを使って塗りと線をバラバラにしてみたり、 Ctr+B（背面へコピー）などを使ってみたり、 線の下に塗り用のパスをちまちま描いてみたり、 とまぁたぶんものすごく効率の悪いことをしてました。 がしかし・・・今ではこんなチートツールがついているんですね！！「ライブペイント」 この機能はおおざっぱにいうと、 重なり順などは無視して、閉じられている領域に色を流し込める機能です。 使い方は、塗り分けたいオブジェクトを選択して、「オブジェクト」→「ライブペイント」→「作成」で塗り分ける領域を作ります。 次にツールの中からライブペイントを選択します。 塗り分けたいオブジェクトにカーソルを近づけると閉じられた領域
［角を丸くする］効果と、Xtream Pathの［スマートラウンド］効果｜DTP Transit
[Illustrator CS4]フォントの角も丸くなる - Mac,DTP et etc....を拝見して、そうそう！と思いつつも、［角を丸くする］効果ではうまく行かないこともあるよね、ということでXtream Pathの［スマートラウンド］効果をご紹介します。 ［角を丸くする］効果だと「D」や「P」のR部分が明らかにおかしい、こともわかるけど、次のように微妙におかしなところも見つかる。 比べて見るとこんな感じ。 Xtream Pathは有料のプラグイン。スマートラウンド以外にもいろいろなツールが揃っているけど、私はこのためだけに使い続けています。［角を丸くする］効果では NGな場合に試してみてください。 Illustratorの作業効率をアップ！直感編集ツールプラグイン：Xtream Path 追記（2013年8月13日）： Xtream Pathの［スマートラウンド］を使わずに、Il
Illustratorでプラグインを使わずに、角を丸くする｜DTP Transit
Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの［スマートラウンド］を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、本日のセミナー（「クリ☆ステVol.6」）終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます（※追記あり）。 実現方法 実現方法は、［パスのオフセット］効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に［角の形状］を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ
Web制作のための、Illustratorの独学方法 - DESIGNMAP
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、［合体］、［分割］、［全面オブジェクトで型抜き］だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
『Illustratorによるイラスト制作の基本操作』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！デザイナーのマチダです。2012年４月に新卒入社し、現在はスマートフォンゲームのイラストを制作しています。 はじめに-Illustratorの仕組み-多機能によってグラフィックだけでなく文書作成などマルチに活躍できるIllustratorですが、機能の多さに最初は何をどのように使ったらいいのか戸惑うかと思います。 ＜illustratorでイラストを描く際に心がけていただきたいこと＞ 普通絵を描く時は線画を描いて着彩すると思いますがIllustratorは少々違い、"様々な形をした図形を配置"して絵を描きます。図形を上に重ねていくことで
IllustratorとPhotoshopでの画像のいじりかた
元の絵を利用してシンボルマークみたいに加工したり それをパターン化したり、パターン化したものをバラしたり あとはPhotoshopのベタ塗りレイヤーなんかを使ってみたり デザイナーの井上のきあさんが色々解説してくださいました。 （色々わかりやすいように時系列を少し前後させています）
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
Use Adobe Illustrator to Create a Clean Website Layout | Envato Tuts+
This tutorial is perfect for the beginning to intermediate Adobe Illustrator users. We'll cover how to layout a website and prepare it for use on the web. Also, we'll use the recently released Website Elements Freebie to mock up the design as well. 1. Setup Your New Document Step 1 Start a New document with a width of 960px and a height of your choosing. I've chosen this width because this website
Illustratorで文章を扱うとき（文字組版） - DTP Transit
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラレアイコン
Illustratorを覚えたいと思っている人へおすすめ記事
http://www.designwalker.com/2010/05/wireframe-resource.html
Intuos × Illustrator (パスの制御)
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP