クリッピングマスクと不透明マスク - DTP Transit
Illustratorには「クリッピングマスク」と「不透明マスク」の2つのマスクがあります。 イラスト協力：宇佐美由里子（Indexdesign） クリッピングマスクは古〜くからある機能です。 結果として表示させたい領域に、マスクするオブジェクトを作成し、最前面におきます。このオブジェクトの塗りや線は、クリッピングマスクを設定後に透明になりますので、この段階では、何色に設定しておいてもOKです。 背面のオブジェクトと一緒に選択（この際、レイヤーをまたいでいてもOK）。 メニューバーの［オブジェクト］→［クリッピングマスク］→［作成］をクリックします。キーボードショートカットは⌘+7キー。 完成です。 修正したい場合には、コンテキストメニューから［選択クリッピングマスク編集モード］を選択します。 不透明マスク（opacity mask） 「不透明マスク」はIllustrator 9で実装され
『JRの線路を描く1』
効率化を考えていたら自動化になっていました。効率良く作業するにはコンピュータまかせ＝自動化は欠かせません。が、自動化またあとでやるとして効率化に話を戻します。 効率の良い作業をするためには、機能をしっかりと勉強することをおすすめします。アプリケーションはバージョンが上がるときに（小出しに）新機能が追加され、いままでできなかったものや裏技的に作っていたものが通常の機能として使えたりします。 題材として、以前地図の作成でやった「JRの線路」をとりあげてみましょう。 さて、JRの線路、ふだんはどうやって作りますか？ ①とりあえずパスでトレース ②曲線が出てくると大変なので、実線と破線を重ねて作る ③②だが、毎回の作成は大変なのでアクション化しておく ④修正が入ると大変なのでアピアランスで作る ⑤④だが、毎回アピアランスの設定は大変なのでグラフィックスタイルにする と、こんなもんでしょうか。これ、
AIファイルからサムネールを取り出す試み【成功】 - なにする？DTP+WEB
AIファイルからサムネールを取り出す試み【失敗】より ようやくやり方が判ったのでrubyで書いてみた。 #!/bin/ruby -Ku require 'base64' if(File.exist?(ARGV[0])) fname = File.basename(ARGV[0]) dir = File.dirname(ARGV[0]) ext = File.extname(ARGV[0]) ext && fname.sub!(ext,'') xmpmeta = "" f =open(ARGV[0]) #p f.gets #p f.gets #p f.gets #p f.gets f.each{|line| xmpmeta = xmpmeta + line if(line.match("</x:xmpmeta>")) break end } thubm = xmpmeta.to_s.scan
イラストレーターのドキュメントに直接スクリプトを書く2 - なにする？DTP+WEB
イラストレーターのドキュメントに直接スクリプトを書くという思いつきだけだったものを、もちっと使えるようにしてみる。 テキストフレーム選択して実効してたんじゃ、なにもできないのでテキストフレームに"ScriptInTheDoc"という名前のついたものからテキストを取り出して実効するように変更。 "ScriptInTheDoc"という名前のついたテキストフレームがなければつくります。 "ScriptInTheDoc"という名前のついたフレームが複数ある場合は、最前面のものが優先されるようです。 //ScriptInTheDoc (function(){ function ScriptInTheDoc () { var getContents = function(){ return app.activeDocument.textFrames["ScriptInTheDoc"].contents
スクリプトで擬似立体を作る（四角形限定） - なにする？DTP+WEB
立体的なロゴがほしいけどCSの3D機能はちょっとちがうそんな時。 みんなの大好きなあの方でちょっと実験。 モノクロの明暗で凸凹の差ができるようにしてみました。 /* #includepath 'path of lib' */ #include 'hvg.js'; mov = 10; //移動幅（てきとうに変える） L = 20; //影の濃さ(%）（これもてきとうに） hvg(app.activeDocument.selection,0).each(function(a){ //上蓋 b = a.duplicate(); //明るい方が出っぱる b.left = a.left-((100+(100-a.fillColor.black))/100*mov); b.top = a.top+((100+(100-a.fillColor.black))/100*mov); //暗い方が出っぱる /
3色ボールペンで行うベジェ曲線の練習方法｜DTP Transit
パス（ベジェ曲線）を極める上で、もっともシビアに精度が求められる「文字」を使って練習する方法をご紹介します。 「文字」を使ってベジェ曲線を理解する Illustrator上で「a」と入力します。Myriad、Helveticaなど、ゴシック系のPostScriptフォント（Type1系のOpenTypeフォントでもOK）を使います（TrueTypeフォントは避けてください）。 薄めのグレーでカラー設定を行い、プリントアウトします。 アンカーポイントがおかれているだろう位置に、黒いインクで点を書き込みます。さらに、それぞれのアンカーポイントから、どのようなハンドルが出ているかを予想して青いインクで書き込みます。 Illustratorに戻り、文字をアウトライン化（［書式］メニューの［アウトラインを作成］、command+shift+Oキー）します。 3.で行った結果が正しいかをチェックし、赤
drawCircles
scriptographerで円を描く。Documentクラスが持ってる関数を使う。 document.createCircle(x, y, radius); xとyを中心点とした半径radiusの円が描かれる。 他にも興味深い関数がいくつかあるのでまた試す。 ランダムに色を選びつつ透明度と線の太さを変更。 こういうのは手作業やブレンドツールでやろうとしても難しいのではないかと思う。 drawCircles.js var radius=10; var xOff=250; var yOff=450; for(var i=0; i<10; i++) { for(var j=0; j<10; j++) { var circle = document.createCircle(xOff+i*radius*2, yOff+j*radius*2, radius); circle.style.fill.
ヒビノアワ: デザイン勉強会「ベジェ曲線で行こう！」資料公開します
昨日、Twitterな仲間たちで行われたプログラマのためのデザイン勉強会でスピーカをやってきました。 本来なら、僕はデザイナではないのでスピーカやる人ではないはずなんですけど、ベジェ曲線の描き方をお話ししてきました(この辺の事情は資料を参照のこと)。 ベジェ曲線はドローツールを使いこなす上で重要なのだけど、苦手意識を持っている人が多いみたい。 これが少しでも解消するといいなーと思って、プレゼンしてみました。 当日使った資料とおまけを公開するので、実際に自分で試してもらえるとうれしいなーと思います。 資料一式ダウンロード 解凍すると次のファイルが出来ます。 bezier.pdf プレゼンで使った資料のPDF版です drawing.svg プレゼンの実演で使った、トランプのマークの下絵入りのsvgファイルです。Inkscapeとか、Illustratorで開けます card-mark.svg
MOONGIFT: » Mac OSXでトレースならこれ！「Cocoapotrace」:オープンソースを毎日紹介
自動でトレースを行ってくれるPotraceはデザイナー必須の非常に優れたソフトウェアではあるが、唯一の欠点とも言えるのが試す事ができないという事だろう。実際にやってみて結果を見るしかない。 慣れるまではどうしても閾値などを調整しながら行っていく必要がある。そのためにも手軽にプレビューできる環境があるといい。 今回紹介するオープンソース・ソフトウェアはCocoapotrace、CocoaベースのPotraceだ。 CocoapotraceはPotraceのGUIフロントエンドで、左に元ファイル、右に結果を見ながら値を調整できる便利なソフトウェアだ。Potraceでは画像形式が限られていたが、CocoapotraceではJPEG/TIFF/PNG/GIF/PICT/PSD/PDF等の通常の画像ファイルをそのまま利用できる。 ベクター化された画像をみつつ、スケールや閾値またはアルゴリズムを調整で
Scriptographer.com - News
Adobe Illustrator CS6 has been available since late April 2012, so more and more users were starting to wonder when Scriptographer for CS6 will finally be released. Aware that it is time for an official answer, I am finally taking time to formulate one. It was far from easy, but a decision has been made: I am not able to spend more time on making CS6 a reality, and instead will focus my time on cr
Welcome to RIAForge
Open Source projects built on Adobe technology Welcome to our online community site, built using our own products and targeted to support developers building open source projects for our products and platform. Now you can integrate existing or new open source projects in a centralized repository with simple functions and options. This site provides a consolidated hosting environment that transcend
「まるごとJavaScript & Ajax! Vol.1」に記事を執筆しました - collisions.dotimpac.to
まるごとJavaScript & Ajax! Vol.1 天野 仁史 (著), 舘野 祐一 (著), 川崎 有亮 (著), 小飼 弾 (著), arton (著), 田中 孝太郎 (著), 国分 裕 (著), 山本 有悟 (著), 海野 裕也 (著), nanto_vi (著) ￥ 1,995 （税込） インプレスジャパン ■遅ればせながらではありますが。 インプレスのムック「まるごとJavaScript & Ajax! Vol.1」に記事を書きました。JavaScript関係の錚々たる顔ぶれが記事を寄せるなか、わたくしは例によって飛び道具的なIllustratorのスクリプト関係の記事を書かせていただきました。 ていうか、このネタもずいぶん出涸らしなんですけども…せっかくなのでこのサイトでのJavaScript/Illustratorスクリプト/JScript関係の記事をまとめておきます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Extjs Wireframe for Illustrator
http://www.one-fine-day.co.uk/
