Overlord は、IllustratorのパスをAfter Effectsのシェイプに転送するスクリプトです。 使い方は非常に簡単。IllustratorとAfter Effectsの両方でOverlordのパネルを起動して、Illustrator側のOverlordパネルからボタンをクリックするだけ。IllustratorのパスがAfter Effectsのコンポジションにシェイプとして転送されます。逆にAfter EffectsのシェイプレイヤーをIllustratorに転送して、Illustrator側で詳細に編集することもできます。 Overlord は、IllustratorとAfter Effects間での面倒なファイル変換やインポートの手間を省くブリッジツールです。IllustratorデータをAfter Effectsで使用する際の作業効率アップツールとしてご活用くださ
After EffectsでLottieデータを作成する際、 画像が使えない問題からどうしてもパスのデータを生きた状態で AE上に持ってこないといけなかったのですが AEはパスの癖がややあってイラストレーター上で作る方が早かったり 同じパスデータを使いたいということがありました。 色々調べたところ2種のインポート方法があるようです 20201019追記:有料ツールを使えばイラストレーターのレイヤー名+パス全てをそのままAE移植できるよう。overloadという有料ツールをプロの方は使っているそう 1. 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 2. いくつか重なっているオブジェクトをまとめて1つのオブジェクトとしてAEに読み込ませる 一つ目のパスをコピペする方法 とりあえず単体のパスだけ欲しい時には便利です 1つのオブジェクト(パス)をコピペでAEヘ持ってくる 1. まずIll
イラストレーター上でズームアップして白い線が消えるようならば、ディスプレイ上の問題なのでパターン自体には問題はありません。 ところが、JPGやPNGで書き出すと白い線が再び現れ、印刷の際にもこの白い線が入ってしまう……ということがあります。 ネットで検索した解決方法を試してみるもなかなか白い線は消えず、長い間これに悩まされてきました。 でも!やっと!消すことができた!!°˖✧◝(⁰▿⁰)◜✧˖° 動作環境や作成データによっても効果的な方法が違ってくるようなので、白い線が出たらひとまず下記の方法を全部試してみてください。 白い線を消す6つの方法 (Adobeソフトは英語版を使用しているので、説明画像も英語になっています。わかりにくかったらごめんね!項目の場所から察して!) 1. 環境設定のアンチエイリアスのチェックを外す 環境設定のアンチエイリアス設定を見直します。 [編集] → [環境設定
Illustrator逆引き辞典「図形」編 簡単に表が作れる2つの方法(Excelコピペ/グリッドに分割)【基本的な表作り】 Illustrator(イラレ)で、簡単に表を作ることができる2つの方法を紹介します。Illustratorで表組みを扱う場面は、制作物やプレゼン資料など多々あります。基本的な表の作り方を押さえておけば凝った表も制作できるのでぜひ覚えましょう。 ■使用する機能「Excel」「コピー&ペースト」「グリッドに分割」「タブパネル」「文字ツール」「プロパティパネル」 1.Excelなど表計算ソフトのデータをコピペして表を作るIllustratorで表を作る場合、Excelなど表計算ソフトの表のデータをそのままIllustratorにペーストすることができます。Illustratorで表を作る場合は、この方法が一番簡単です。 手順は簡単です。表計算ソフト(ここではExcelを
今回はIllustratorで使用できるアクリル絵の具、水彩絵の具風の29種のブラシセットをご紹介します。 50年代,60年代のアメリカで流行った雑誌でよく使用されていたような質感をもったブラシセットです。 レトロな質感を出すことが出来るブラシ。バナーやロゴに使うとかなり雰囲気が出ます。 気になった方はぜひお試しください。
イラストレーターの整列ツール。頻繁に使う機能だと思います。 バラバラのオブジェクトを一発で揃えることができるので、とても便利です。 ところで、オブジェクトを隙間なくピッタリくっつけるときはどうしてますか? 画面を超拡大して隙間ができないように移動しているという方もいるかもしれません。 私も整列ツールでできるということを知るまではそうしていました…。 でもこのやり方さえ覚えればもうそんな手間はかけなくても大丈夫です。 以下、具体的な操作を紹介します。 キーオブジェクトに整列を使う まずは揃えたいオブジェクトを全て選択します。 垂直方向を揃えたい場合はこの時点で揃えておきます(オブジェクトの底辺に揃えたければ「垂直方向下に整列」)オブジェクトを選択したまま整列パネルの右下のオプションをクリックして「キーオブジェクトに整列」を選び、 数値を0mmにして「水平方向等間隔に分布」をクリックします
「宝石の描き方」などで検索するとヒットするのは、PhotoshopまたはClipStudioでの描き方がほとんどです。 私も検索したことがありますが、Illustratorではあまりみつかりませんでした。 この記事にたどり着いたあなたも、Illustratorでの宝石の描き方について知りたいと考えているのではないでしょうか? 今回の講座では「宝石イラスト」の描き方について解説しています。 この記事を最後まで読んでいただければ、Illustratorで宝石を描くことが可能になります。
CS6からの新機能、パターンオプションを使ってみました。パターン作りがほんとに楽です。基本的な使い方や、自分が使ってみて気になった点などをまとめてます。 基本的な使い方 パターンオプションを使うと、パターン化された状態をリアルタイムに見ながら編集でき、何度でもやり直しができます。 ●モチーフになるオブジェクトを用意します。 ●モチーフを選択した状態で、オブジェクト-パターン-作成とたどります。 ●「パターンオプション」パネルが開きます。「タイルの種類」で好みのパターンの並び方を選びます。「グリッド」「レンガ」「六角形」があります。 ●間隔を以下のいずれかの方法で好みで設定します。 ①「パターンオプション」パネルの幅と高さ欄の数値を入力する。 ②オブジェクトをドラッグで拡大縮小する。タイル枠より大きくすると重なります。 ③パターンオプションの左上の「パターンタイルツール」アイコンをクリックし
YouTubeで公開している短いTips動画には、最近、クリック音やBGMなどの音声を入れていません。 「あれ、音が…?」と困ってしまう人がいるかもしれないと思い、「音声がない」ことを示そうと思い立ちました。 ぱっと思い付くのが、次のように2つの線を重ねる方法。 一方、YouTubeの無音アイコンを見ると、次のようになっていますし、 Icons8を眺めていたところ、空白部分は片方だけでよいことに気づきました。 これ、アピアランスだと、どうやるんだろ…と考えていました。 手順1. 線アピアランスを追加し、[変形]効果でリフレクトします。赤い線の部分を追って透過させます。 2. [変形]効果で45°回転します。 3. 赤い線アピアランスの不透明度を0%に設定します。 4. アイコン画像のオブジェクトと一緒にグループ化し、グループの抜きを設定します。 必要に応じて、[透明部分の分割・統合]コマ
はじめに その昔、私はとあるアパレル会社でTシャツのグラフィックデザイン制作を担当しておりました。 その頃イラレでパターンをつくるといった場合は、完成図を頭で想像しながらレイアウトした図柄をスウォッチに登録して確認→修正してふたたび登録して確認。そのくりかえしをしながら1日かけて1〜2図柄をうみだすなんてことをしていました。 それから時がたち、、最近のイラストレーターではそんなパターンがとっても簡単につくれるようになっていましたので(泣)その作りかたを紹介していこうと思います。 パターンとは? パターンとは、柄、模様といった言葉に訳され、「○○をパターン化する」といった言葉があるように、イラストレーターでは、おなじ柄や模様のデザインを連続して表示(パターン化)する機能のことをいいます。 パターンの仕組み パターンの仕組みはこうです。たとえばイラストとロゴが集合した絵があります。この絵が縦に
illustratorデータをAfter Effectsで読み込む時の注意点 illustratorのベクターデータをAfter Effectsで扱うときの注意点を解説してみようと思います。 illustratorのデータはどれだけ拡大してもジャギー(ギザギザ荒れる)ことはありません。 もちろんAfter Effectsでillustratorのデータを読み込んだ時も荒れませんが、 忘れずに連続ラスタライズのスイッチを入れましょう。 illustratorでAfter Effectsに読み込むデータを作る まずはillustratorでAfter Effectsに読み込むデータを作ります。 新規ドキュメント作成の際にプロファイル(プリセット)を ビデオとフィルムにすると、アートボードのサイズをテレビの規格に指定することができます。 また、このプリセットを使えば自動で設定してくれますが、 印
白丸数字(1)①のような白丸数字の透明部分を埋めるには、次の手順で行います。 塗りアピアランスを追加 [パスファインダー(分割)]効果を適用 [パスファインダーオプション]を開いて[分割およびアウトライン適用時に塗りのないアートワークを削除]オプションをOFFに アピアランスを分割したときにパスがキレイになるように[パスファインダー(追加)]効果を加える [パスファインダー(分割)]効果の代わりに[パスファインダー(アウトライン)]効果でもOKですが、後述する対象によってはNGなので、[パスファインダー(分割)]を使う、と覚えてしまうのがよさそう。 白丸数字(2)外側に太らせたいとき白丸数字を外側に太らせたいときには、[パスのオフセット]効果を追加します。[パスファインダー(分割)]効果の前でも後でもOKです。 アイコン素材アイコン素材の場合には、次の順番で適用します。 [パスのオフセット
[変形]効果は、[オブジェクト]メニューの[変形]の各コマンドを仮の状態で適用するものです。 例外がオブジェクトをナナメにする「シアー」。 今回は、非破壊の状態でナナメにする方法ついてまとめてみます。 ①パスの自由変形を使うぱっと思い付くのが[パスの自由変形]効果を使う方法。 しかしながら、私は次の理由からあまり使いたくありません。 プレビューが(線画でしか)見えない (上記のスクリーンショットは合成。実際にはアートボード上のオブジェクトのプレビューはオフ) 正確でない。スナップさせたり、2つのアンカーポイントをつかんだりすることができないので精密さに欠けます。なんとも気持ちが悪い。 ②3D回転を使う3D回転を使い、次のように設定します。茄子川 導彦さんが考案したものです。これはこれでいいのですが、処理として“重い”という難点があります。 ③ワープ+ジグザグ[ワープ(上昇)]効果と[ジグザ
こんにちは、デザイナーの花ちゃんです! 最近、Webサイト制作の案件でアイソメトリックのイラストを作る機会がありました。 アイソメトリックとは、アイキャッチにもあるような、物体を斜め上から見下ろしたような図形のことをいいます。 はじめはこの斜めから見た角度はどうやって作ればいいんだ……? 俯瞰でイラストを描くのって一番難しいのに……!! と思っていたのですが、Illustratorの「3D効果」というとっても便利な機能に出会ったおかげで、作るのが楽しくなってきました!!! 今日はクリスマスということで、アイソメトリックな「プレゼント」と「クリスマスツリー」を作ってみましたので、その方法をご紹介いたします! アイソメトリックについてはゆうこさんのこちらの記事をご覧ください。
アイソメトリックイラストとはアイソメトリックイラストは、斜め上から見下ろしたようなイラストのことです。アイソメ図とも言います。 より正確に言うと、縦・横・高さの軸が常に120度で交わる図・イラストのことをいいます。 立体的にはなりますが縦・横・高さの軸がの角度が一定なので、奥行き感はあまり出ません。 (立体的に見えるとはいえ、遠くのものが小さくなる遠近法とは違うものです) アイソメトリックイラストの描き方(入門編)アイソメトリックイラスト入門する際、Mastering Isometric Illustrations — Part 2が大変参考になりました! こちらは英語のページなので、日本語でやり方を簡単にご紹介します! 考え方Illustratorでアイソメトリックイラストを描く場合、 上面・右面・左面のそれぞれの面を作るためのアクションを準備各面のイラストを正面向きの角度で描く各面のイ
Illustratorにはドロップシャドウを表現するため[ドロップシャドウ]効果があります。結果として生じるドロップシャドウのみを拡大・縮小したり、ワープ変形を行うことはできません。 塗りアピアランスとして追加したものをドロップシャドウで扱うことで次のような表現が可能です。 なお、こちらのアピアランスは『10倍ラクするIllustrator仕事術』(増強改訂版)に掲載しているもので、鈴木ともひろさん によるものです。 左右が浮いたようなドロップシャドウドロップシャドウ用の塗りアピアランスに[ワープ(アーチ)]効果を適用。[ぼかし(ガウス)]効果でボケ足を追加し、[変形]効果で少し縮小し、下に移動します。不透明度を落として仕上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く