illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
#Illustrator と小数と私
Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小数について、レベルにあわせてまとめてみます。（以下、Illustrator CC 2014 で検証した結果です。） Illustrator と小数値 入門編 小数が入るとどうなるの まず、100px × 100px の矩形を描いてみます。この矩形の座標を小数にし、100%表示してみましょう。 座標に小数が入っている矩形 このように、端に意図しないアンチエイリアス（疑似的になめらかにみせるためのボケ
Illustratorでレイヤーからスライスする「Layer Exporter」
ブログに書こうと思ったけど、整形するのがめんどくなったので、骨組みを書き殴っておく。 「Layer Exporter」は、Photoshop CCの画像アセットのようにレイヤーに名前を付けるだけで画像の書き出しを行う、Illustratorのエクステンションです。 JPEG, PNG, SVGの形式で画像の書き出しが行えます。 インストールAdobe Exchange PanelのインストールLayer Exporterを利用するには、まず「Adobe Exchange Panel」をインストールします。 Download the Adobe Exchange Panelページの上部にある「Download」ボタンをクリックし、使っているIllustratorのバージョンを選びます。(CCとCS6のみ) ダウンロードしたファイルを実行し、「Adobe Exchange Panel」をインス
Sprite CSS Generator — a script plugin for Adobe Illustrator
“A sustainable method for creating CSS Sprites” Contents Why “Sprite CSS Generator” will improve your workflow control your sprites through a nice palette window simply change, rearrange and expand your sprites save your sprites including their settings within your Adobe Illustrator document and reuse/readjust it whenever you want to create multiple sprites in one single Adobe Illustrator document
Tom Byrne » Export Illustrator Layers to SVG files
I'm a Sydney-based Freelance Developer, click here to check out my work history. Or, you can check out my open source code library here. Archives February 2019 (1) January 2019 (1) April 2017 (1) November 2015 (2) October 2015 (2) September 2015 (1) May 2015 (1) March 2015 (3) February 2015 (1) January 2015 (1) April 2014 (1) March 2014 (1) October 2013 (1) July 2013 (1) April 2013 (1) February 20
吉原のソープ嬢は高級店から大衆店まで日給が高い
風俗で一番稼げるといわれているのが吉原ですが、吉原でもソープランドが特に稼ぎやすい傾向にあります。ソープは元々手取りも高い傾向にありますし、給料を得られやすい取り組みを行っているところでもありますので、比較的高い給料を得られるような状況も作りやすいです。 吉原の中でも、高級店とされているお店と大衆店とされているお店があります。価格帯によって違いがある風俗の地域ですので、高い給料を得たいと思っているなら単価の高い風俗店を狙っていくといいでしょう。風俗によっては、稼ぎやすさが大きく異なっていくのです。 格安店でも稼げるのが吉原 稼げる地域とされている吉原は、格安店でも稼ぐことができる状況を作っています。格安店で仕事を行っている女性も、指名をしっかりもらえるようになっていて、日給もある程度は受け取れるようになります。指名をもらえないと稼げない状況であるのは、他の地域と待った同じ状態でもありますが
[Illustrator] Retina画像を一括エクスポートするアプリは本当にないのか？ならばつくろう。 - ここぽんのーと
みんなRetinaと非Retina用の画像、一括エクスポートしたくないのかな？ ないならつくろうよし、ないならつくろう。 そんでもってブログ書いて、「こんな便利なアプリあるのに、なに車輪の再発明してんだよウケル！！」って教えてもらおう。 Illustratorのスクリプトを書く以前書いた2つの記事は、このスクリプトために準備してきたものでした。 Adobe Illustrator スクリプト はじめのいっぽ[Illustrator] JavaScriptで指定した領域をエクスポートするこれらを下地に、スクリプトを作成。 命名「aislice」。 ドキュメントに含まれるすべてのスライス領域を、非Retina(100%)とRetina(200%, “@2x”つき)で一括エクスポートするスクリプトです。 俺、このプラグインに反響があったら、「ais」「ice」=「アイス」とかけて、氷山みたいなク
![[Illustrator] Retina画像を一括エクスポートするアプリは本当にないのか？ならばつくろう。 - ここぽんのーと](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf0fbf751831e2e52883a702cd69fe7a12e15243/height=288;version=1;width=512/https%3A%2F%2Fcocopon.me%2Fdata%2Fblog%2F2013%2F09%2Fillustrator-batch-export%2Fslice.png)
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Fix PDF Color Issues on iPad & iPhone | CCM Blog
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
drawscri.pt