ほとんどのグラフィック編集ソフトにはレイヤーという機能が搭載されています。 レイヤーは、グラフィックの重なりや上下の順番を管理・編集するためのとても重要な機能です。Illustrator の場合、レイヤーを操作するときはレイヤーパネルを表示して操作します。 今回はこのレイヤーの操作方法と不満点、さらにその不満点を解決するためのスクリプトについてまとめました。 まず先に、レイヤーには２種類の選択状態があることについて説明します。 アクティブなレイヤー レイヤーパネル内のレイヤーの右上に三角マークがついているレイヤーのことです。現在のレイヤーとも呼ばれます。アクティブなレイヤーはレイヤーパネル内に必ずひとつだけ存在します。新たにアイテムを描くときは必ずアクティブなレイヤー内に配置されます。 選択されたレイヤー レイヤーパネル上でハイライトされたレイヤーのことです（正式名称は知らないです）。Sh
はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っていました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 ロゴ作りから学ぶライブトレースとベジェ曲線 1. 下絵を準備する まずは作りたいロゴやフォントを考えます。 ロゴ作りの際、作り慣れていない方が一から作ろうとすると大変なことになってしまうので、下絵となるものを準備しましょう。バレンタイン＆ホワイトデーシーズンということで、あの有名な文字を作ってみたいと思います。 それがこれ。 ロバート・インディアナ『LOVE』です。日本だと新宿のアイランドタワーにあります。NYほか各地に置かれて
Illustratorも他のソフトウェアと同様にバージョンアップを繰り返し、より使いやすくより便利なものに進化し続けています。 デザインをIllustratorでする際に変化を与えた、ここ数年の間に学んだ便利な機能、新しいテクニックをSpoonGraphicsから紹介します。 Illustratorはクオリティの損失なしで拡大縮小が無限にできるベクターのアートワークを扱います。あなたがそのサイズを変える時、アートワークが太ったり痩せたりして困惑してしまうことはありませんか？ もしその線幅や効果を一緒に拡大縮小したいのであれば、環境設定パネルを確認してみてください。 設定方法 「環境設定 - 一般」の「線幅と効果も拡大・縮小」をチェック はさみツール
インデザインやイラストレータのパッケージ処理って楽ちんで便利ですよね？ しかしながら、この便利な機能にも穴があります。それは孫ファイルまで集めてくれないことです。今回はそんな不満を解消する為に少しひねったものを用意しました。 作りこんでいませんのでほぼ「動作するコンセプトコード」のレベルですが、わたしの作業手順においてはこれで充分に事足ります。まあ、EPSも孫収集処理対象にすれば大体はカバーできるでしょうが... トイウコトデ、以下をご覧あそばせ var lnks = app.activeDocument.links; var fldrs = []; var lk = []; var tg; var flg = false; var dst = Folder.selectDialog("select New Folder").fsName +"/"; var fls = Folder(ap
UIのグラフィックデザインにはInkscapeを愛用してきましたが、徐々にIllustrator CCへ移行しようと計画中です。今回は、Illustratorのスクリプトの「Getting started」的な内容について調べたのでまとめておきます。 この記事を書いている環境OS X 10.8.4Adobe Illustrator CC (17.0.0)Adobe ExtendScript Toolkit CC (4.0.0.1)Illustratorのスクリプト事情Illustratorでは3種類のスクリプト言語が提供されていて、それぞれ動作するOSが異なります。 JavaScript (Windows, OS X)AppleScript (OS X)VBScript (Windows)自分はJavaScriptを選ぶことにします。 使い慣れてますし、どちらのOSでも動きますからね 😉
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
お疲れさまです、デザイナーのモモコです。 今回はクリスマスのオーナメントに使えそうな幾何学模様をIllustratorで描くチュートリアルをご紹介します。 Illustlatorの機能で幾何学模様のオブジェクトを簡単に描く方法 1. オブジェクトに使う色を選ぶ 制作する前に、シェイプに使用する3色をあらかじめスウォッチ登録しておくと便利です。配色を決めるときはこちらのサービスを参考にしました。 Coolors http://coolors.co/f5ebd4-e3c5ad-d781ac-b53884-7a044b 2. 基本となる円を作成する シェイプツールで正円を描きます。 塗りのみを使用し、線は“なし”に設定します。 3. 円に沿って直線を引く 先ほど描いた円に対して、対角線と垂直線を引いていきます。 ラインツールで適宜調節しながら円と接するようにしてください。 スマートガイドを使用す
Illustratorのグラデーションメッシュを使って作成された美しいアートワークを紹介します。 え？これベクターなの！と見間違うくらいリアルですね。
前回からちょっと間が空いてしまいましたが、iPhoneなど、簡単なオブジェクトをIllustratorで描く方法をご紹介します。 Illustratorでは『リアルトレース』というジャンルになるのですが、今回のようなシンプルなオブジェクトは、パスを描いてグラデーション程度を使うくらいで出来るので非常に簡単に描けます。 画像が多くてちょっと長いですが、やってる事はシンプルです。最後にIllustratorファイルをダウンロード出来るようにしてますので、興味がある方は是非ご覧下さい。私の場合はスクリーンショット取りながらで大体40分程度で描けました。 まず、下絵になるような画像を持って来ましょう。今回はAppleの公式サイトにあった画像を下絵に使います。スクリーンショットでぱちり。 Illustratorでは『ファイル＞配置』で画像を取り込む事ができます。下絵専用のレイヤーに入れてロックしまし
Illustratorの楕円ツールで書く円は、本当は円（wikipedia:円 (数学)）ではなくて、近似値なんです。つまり、円としてはわずかに歪んでいるわけ。これはベジェ曲線（wikipedia:ベジェ曲線）というものを使う以上、そういう仕様なのですね。 ……ということを、いちおう知識として知ってはいたのですけど、「実際のところ、どれくらいの歪みがあるんだろ？」ってちょっと気になりませんか。 「でも、Illustrator内で正しい円が用意できないってことは、歪んだ円と比較も出来ないということではないの？」……そんなふうに考えていた時期が、自分にもありました。 でもでもですね、ちょっとした操作でその歪みを実感することは可能なのです。 ▼まず、楕円ツールで円を作ります。 ▼複製コピーして、片方を45度傾けます。色も変えましょう。 ▼2つの円を重ねます（整列を使うといいです）。 ▼ちなみに円
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
次の方針が望ましいと考えます。 ツメ組みでの基本は「自動」＋「プロポーショナルメトリクス」を設定 ベタ組みでの基本は「和文等幅」 自動カーニングが効かないフォントのみ、「オプティカル」を設定 見出しなど、部分的に「文字ツメ」を併用することも（ただし、欧文には設定しない） ご参考： メトリクスには「プロポーショナルメトリクス」の併用が必須 - なんでやねんDTP 2007-11-03 - 遠近法ノート 「文字ツメ」と「オプティカルカーニング」について。 Illustrator CS2とInDesign CS2の自動カーニング機能 - DTP Transit ふと、調べてみたのですが、「自動」は、従属欧文には無効なので、合成フォントを設定する必要があります（言われなくても使っているでしょうけど）。というわけではないようです。コメント欄を参照してください。 各機能をまとめてみました。 設定名 和
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
