Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
2015/9/5追記 いくつか認識違いがあったので記事を書きなおしました。 はじめに断っておきますが完全に時代遅れな内容の記事です。CCから実装できるようになったHTML5を使って作るExtensionが主流になると思いますので、これからやろうという方はそちらを調べたほうが良いと思います。「それでもスクリプトが好き!」という酔狂な方のためのニッチな情報になっています。 スクリプトは便利な機能をサクッと作れる分、「ファイル>スクリプト>目的のスクリプト」と操作しなければならなく起動するのが面倒ですよね。Macではスクリプトにショートカットを割り当てられるアプリもありますがWindowsにはありません。どうにかしてスクリプトをワンクリックで起動できないかなーってずっと考えていました。 スクリプトでUIを実装する場合、大抵ウィンドウオブジェクトを使います。ウィンドウオブジェクトは「window、
12/11追記・・・JPEG書き出し追加とファイル名の拡張子が重なる場合のバグを修正しました。 9/10追記・・・保存先指定と、オブジェクト名からファイル名を付ける機能を追加しました 以前、画像切り出し用のスクリプトを作成しましたが、スクリプトの宿命というか実行するたびに「ファイル>スクリプト>何々スクリプト」という操作の手間があってビミョーに使いにくい操作性になっていました。 なんとかもっと簡単に書き出しできるようにならないか・・・と色々と調べていくうちに、スクリプトだけでもExtensionのような常駐型のウィンドウで作れるということが分かり、これを使ってより使いやすいスクリプトとして作り直しました。 このスクリプトのコンセプトは「とにかく、手間なく素早く書き出す!!」です。設定や書き出す前の下準備などは最小限に抑え、ワンクリックで書き出せる!ぐらいの気持ちで設計しました。UIもかなり
ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and css. Here are examples of how we’ve used the script at The New York Times and examples of how others have used it. Share your ai2html projects on Twitter, Delicious, etc. using #ai2html. Table of contents How to install ai2html How to use ai2html Frequently asked questions Settings Point t
Illustrator日本語英語対訳表をCC(2019 23.0.1)版に更新しました。スクリプト作成や、海外のチュートリアル記事を調べる時に使ってください。 データが多すぎるので、このページには主要な項目だけ書いています。 アプリ内に登場するたくさんのテキストから検索したい場合は、お手数ですが下のテキストファイルをブラウザで開くか、ローカルに保存して使ってください。 2019版の主な変更点 追加ほか Adobe Fonts 関係 フリーグラデーション関係 グローバル編集 関係 SWF プリセット画面が実際に則していなかったので修正 ほか、アプリケーション側で追加されたものに加え、抜けていたものの追加なども含まれています。 抜粋ファイル Ai2019_tuika 言葉の変更 Typekit → Adobe Fonts バット線端→線端なし 余分なポイント→孤立点 (ブラシの)彩色→着色 ほ
アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛(Ai)はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント! 全国
さて、時間が空いてすっかり冷めてしまったIllustrator3Dですが、せっかく調べたこととかもったいないので公開してゆきます。 Illustrator3Dはシンメトリーや円は得意中の得意。てことは果物はだいたい得意って事です。中でも汎用性の高い柑橘類を作ってみましょう。 まず、マッピング用のシンボルを作成します。 50mmの円を描き、黄色に塗ります。 オフセットで-1mmして白に塗ります。 更にオフセットで-2mmしてダークイエロースライムの色にします。 円の中心からパスを1本引き、可変線幅で整えます。 効果>パス>パスの変形で下の中心を基点に複数コピーします。 角度を45°、コピー数は7にしましょう。 出来たらシンボルに登録します。 次に3D用に50mmの円を描き、先ほどと同じ黄色にします。 半分消してコマンド+J。 上のセグメントをを削除して整列下揃えでコマンド+J。 効果>3D>
↑これ、左回りに見える人は…うそつきです さて、この辺からが3D機能の本題になってきます。ちょっと難しいかもしれません。 ・透明度のコントロール 透明はオブジェクトとマッピング用のシンボルに適用できます。 ※2014.4.18透明について訂正しました まず単体オブジェクト、又はグループに対して不透明度をかけた場合。 オブジェクトはレンダリング後の状態で透過します。チェックの有無にかかわらず非表示面は描画されません(チェックありはアピアランス分割時に非表示分のパスができる)。 ↑チェックの有無で表示はかわらない 次にオブジェクト単体又はグループにではなく、グループ内のオブジェクト単位で透明を設定した場合、非表示面の描画にチェックの有無で表示が変わります。 それぞれのパターンを検証しました。 ↑検証はこの2パターンと非表示面の有無、オブジェクトの接触非接触の計8パターンです。ピンクと緑の帯は地
では、ここから注意点を交えて3D機能の説明をしていきましょう。 ・構造体の非表示 こちらも神速Illustrator[グラフィックデザイン編]のP245の一覧を見るとわかりやすいですが(しつこすぎ)、構造体を非表示にすると、張り子のようなイメージで中の構造体が非表示にできます。 これによりマッピングデータのみ表示させることができ、リボンのような表現が可能になります。 ↑構造体非表示の概念 ↑マッピング用のシンボル ↑構造体を表示しないチェック 少しトリッキーですが、こんなことも可能です。 ↑マッピングを差し替えるだけでハムエッグからベーコンエッグへ早替わり ↑一応解説 また、表面を「陰影なし」にすると強制的に構造体は消えてしまいます。フラットなイラストを作成する場合は注意が必要です。 ↑陰影なし ↑構造体は消える ・グループ化 グループ化することで離れたオブジェクトも一緒に効果をかけられま
カレンダー通りの勤務をされている皆様、お疲れ様でございます。穏やかな春の昼下がり、こもってPCとごにょごにょしている場合ではない様な気持ちのいい天気です。話は全く関連しませんが、皆様、Adobe Exchangeをご覧頂いたことはありますか?CS6のパネルからアクセスしないといけないので少々敷居は高いですが、ちょろちょろっとアイテムも増えてきています。しかしながらAI、おまえはオブジェクトモデルが中途半端でなにをするにしてもいちいち引っかかるよね。そんなだからパネルも作ってもらえないんだよ。QRコードメーカーが一番人気ってのは他に落とすものが無いという意味です。Adobe社におかれましては、そこのところ踏まえた上で更なる精進を期待したい次第でございます。 あ、CS5とか下位バージョンの方は当ブログよりダウンロード出来ます。コードジェネレーター系のパネルはまともな代物なので是非ご利用下さい。
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Illustratorのスクリプトです。パスを選択して実行すると、なんか生やします。 CS3, CS6(Windows版)で動作確認しています。 実行するとオプションのいろいろな値を設定するウィンドウが出てきます。それぞれの意味は画像から察してください。width(芝の幅)を小さくすると計算時間が長くなりますので、しばらくお待ちください。 githubに置いてあります。 github.com/shspage/illustrator-scripts ※ githubをただのファイル置き場にしていて心苦しい限りです。隙あらばsocial codingでcontributionしたいなあとは思っています。 メモ: これは、むかしScriptographer(Sg)用に書いたスクリプトを標準JavaScriptに移植したものです。SgでgetPositionWithLength..とかサラっと書け
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く