#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ
昨今、マルチデバイス化にともなってデジタルメディアのデザインでもベクターデータの需要が上がってきました。それにともないIllustratorやSketchでUIデザインを制作する機会も増えてきたと思います。 そんな中、流行りものが好きでミーハーな私は「イラレでUI作るといいらしいよ…」という噂を聞き、早速やってみることにしました。 約半年間のナレッジを「環境設定、管理、効率化」という章に分けてご紹介します。 環境設定編 「株式会社三階ラボ」さんの記事を一読して、やってる間に慣れます。 Notes こちらの本も大変参考になります！ Web制作者のためのIllustrator＆ベクターデータの教科書 マルチデバイス時代に知っておくべき新・グラフィック作成術 管理編 文字、色、パーツをしっかり管理して複数人作業、作業効率化、うっかり反映漏れを防ぎます。 汎用パーツのシンボル管理 できるだけ最
Adobe Illustrator の代替アプリとして知られる Affinity Designer というMac用アプリ（¥6,000）がセールになっていたので購入してみました。 もちろん、月額ではなく買い切りのアプリです。 追記: このセールは既に終了しています。 しばらく使った感じ、なかなかよい感触だったので、使ってみて良いと感じたところと良くないと感じたところ、気づいたことなどまとめてみました。 Affinity DesignerのPhotoshop的な機能 Affinity Designer は、よく「Adobe Illustrator の代替アプリ」と言われますが、厳密には Illustrator の機能だけでなく、Photoshop の機能の一部も持っています。 具体的には以下のような機能です。 ちょっとしたビットマップ画像の修正（長方形選択ツール、ブラシツール、消しゴムツール
Adjust Items by Dialog は、選択したオブジェクトの座標やサイズの数値を調整する Illustrator スクリプトです。 アイテム数値調整ダイアログ実行時 ウェブデザインやアプリケーションデザイン時に問題となる数値の 小数 や 見えない小数 を調整することができます。 また、ドキュメントの各単位に対応し、px 以外にも mm や inch などの数値も調整できるようになったので印刷物の作業にもお使いいただけます。 入力した各種調整数値を元に、選択したオブジェクトの座標やサイズを調整します。例えば、調整数値に 1 を入力した場合、調整後の数値は 整数（１の倍数） になります。0.5 と入力すれば 0.5 の倍数 に、10 と入力すれば 10 の倍数 といった具合に四捨五入？します。 3flab-adjust_items_by_dialog_2.jsx は、ダイアログで調
SVG画像をimgタグ表示する際にウゴゴゴゴ……と唸っている人が居たのでメモがてら記述 内容としては一部古い端末(iOS, Android)でSVGが崩れているように見えたけど実際は崩れまくっていたというお話です。 タイトルは適当に決めたので怒らないでください。 まずはここで有名なTigerさんに登場してもらって、ちょいと検証します。 http://commons.wikimedia.org/wiki/File:Ghostscript_Tiger.svg からFull resolutionをダウンロードして適当なhtmlを用意してimgタグで置いてみます。 ＿人人人人＿ ＞ Tiger ＜ ￣Y^Y^Y￣ 左からChrome, Firefox, Safari 置いてみると表示はされるんですが、Ghostscript_Tiger.svgには両端に空白があるため意図しないサイズに変形されてしま
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
hamko @hamko1114 @workstationm @kata1963 ありましたっ(`・ω・´) こんなんでも大丈夫ですか？3Dでマッピングするのですけども。私は、分割後に整理して左のようなツリーの絵にするのに使いました〜（なんか面の前後違ってますがw） http://t.co/qXee9zARNC 2014-03-26 09:42:17
普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る
もともと印刷物のデザイナーの方がwebデザインをする場合、使い慣れているからIllustratorで、という人も多いと思います。でもIllustratorでWebデザインをするとボケた線やエッジに悩まされ、訳が分からず放置…なんてことも。そんなわけでIllustratorでも、web制作標準のPhotoshopやFireworksに負けない？Webデザインの方法をまとめてみました。 ※説明に使用しているIllustratorのバージョンはCS3です。記事投稿時点ではCS5まで出ているのでWeb制作に関しては便利な機能が実装されているかもしれません。それでもいくつかは使えると思います。 ドキュメントの設定 オブジェクトの作成と配置について 画像の書き出し・まとめ ドキュメントの設定 印刷物と違いWebの場合は色はRGB、単位はピクセルが基本です。それをふまえていくつか設定します。 ドキュメン
DTPデザイナーがWEBデザインを担当した場合、WEBのフォーマットと違うためクライアントやコーダーが困るケースがあります。へたをすると費用面でのトラブルになりかねません。WEBデザイナーはコーディングまでを考慮したデザインを考える必要があると思います。今回は、私がIllustratorでWEBデザインを制作するときに設定している方法と、制作時に気をつける点をまとめました。 新規ファイルの構成 アートボードサイズ：背景を入れたコンテンツ幅、1280pxや1440pxあたりが目安。高さは任意 ラスタライズ解像度：72dpi カラーモード：RGB 単位、プレビューモード：ピクセル ピクセルグリッドに整合にチェックを入れる DTPで通常設定するmm単位や350dpiの高解像、CMYKなどは使いません。アートボードは制作したデザインをクライアントに見せる事を想定し、背景を入れて設定します。幅はター
The error was detected while processing this request. Be sure of followings: The CGI script does exist. The permission of CGI script is 755. The Perl path in CGI script is #!/usr/local/bin/perl. CGIスクリプトの呼び出し中にエラーが発生しました。 下記の点をご確認ください。 ・CGIスクリプトが存在すること。 ・CGIスクリプトのパーミッションが755であること。 ・CGIスクリプトのperlのパスが #!/usr/local/bin/perl であること。
/t5/illustrator%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0-discussions/illustrator-cs5%E3%82%92%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B%E9%9A%9B-%E5%BF%85%E3%81%9A%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%8C%E5%87%BA%E3%81%BE%E3%81%99/td-p/2706268 Jun 02, 2010 Jun 02, 2010
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
最近 仕事でIllustratorを使う機会が増え絶賛勉強中なのですが、 こんな便利な機能があったとは知らなかったのでメモ。 世のデザイナーさんからしたら常識なのかもしれませんが、こういう場合は『エンベロープ』という機能を使うのですね。 例えばこのようなモニターの絵に、 こんな感じの図をはめこみたい状況があったとします。 （どちらもIllustrator上でパスがきってある状態です） そんな時は、オブジェクトメニューにある『エンベロープ』機能を使うとカンタンにはめこむ事ができるのです :) ①はめこみ先の四角を選択し最前面に配置する ついでに平面の図をグループ化しておきましょう。 ②はめこみ先の四角とはめこみたい平面の図を両方選択 ③オブジェクトメニューからエンベロープ→最前面のオブジェクトで作成を実行 ④おわり。 こんなにカンタンにはめこむ事ができましたっ！ たぶんコレ学生さんでも知って
先日TwitterのTL上に流れていた「Illustrator で文字をアウトライン化して高さをゼロに近いサイズにして、再び元のサイズに戻すとパスの座標がゆがめられてエラーが発生」というのをJavaScript化してみました。 これをグリッチと呼べるかどうか微妙かもしれませんが、いかがなものだろう。 http://twitter.com/nuca_ata/status/28683014450 このtweetのスクリプト版です。 実行したらダイアログがでて 何も選択されていなかったらダイアログで入力した文字列、フォント、サイズで加工、ドキュメントの左下あたりに作成します。 何かテキストフレームが選択されていたら、そのテキストをアウトライン化して加工します（またオリジナルの複製をとって処理します。またダイアログで入力した文字列などの情報は無視します）。 つぶす方向は縦横両方、縦方向のみ
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Over 1,000,000+ icons, templates, fonts, and more. Sponsored
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for RevenueCloudFX and other key research and development projects at WebFX. Adobe Illustrator is a versatile vector
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
