![【解決】文字の位置はそのままで行揃えを変更したい!](https://cdn-ak-scissors.b.st-hatena.com/image/square/91c9839d83d0b72513b59d43923dc733f4e92288/height=288;version=1;width=512/https%3A%2F%2Fsttk3.com%2Fwordpress%2Fwp-content%2Fuploads%2F2017%2F04%2F2017_0418_01.jpg)
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
Scripting for Illustrator, a tutorial for Processing coders. ###Intro I'm going to show you how to create a new document, work with existing documents, make shapes, text, and placed images. I will also show you how to manipulate preexisting objects in a layout. The tutorial assumes you are familiar with basic concepts of object oriented language and the basics of Processing. Naturally, it helps to
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
ビジネスに役立つ AI をお届けします 来栖川電算は AI 技術の研究開発から応用まで幅広いサービスを提供する名古屋工業大学発ベンチャー(2003 年設立)です。未踏ソフトウェア創造事業の採択者やソフトウェア分野の様々なコンテストの入賞者が在籍しています。最先端の AI 技術だけでなく、膨大な高品質データを生み出す技術、ハードウェアの限界性能を引き出す実装技術、高品質なソフトウェアを実現する設計技術にも定評があります。 手軽に使える様々な認識エンジン 来栖川電算の認識エンジンを活用すれば、センサーデータに埋め込まれた意味を手軽に抽出できます。種類ごとに用意された認識エンジンは教師データや設定を変えるだけで様々なタスクへ応用できます。Linux・Android・iOS 用のライブラリ、WebAPI、コマンドラインツールなどプログラマフレンドリーな SDK を提供しています。トレーニングやコン
Adobeの製品は自分で書いたプログラムを動かすことができ、バッチのように自動で大量のタスクをこなしたりすることができます。このような機能は「スクリプト」と「プラグイン」と呼ばれ、それぞれの役割は似ていても作り方や使い方が違ってきます。 今回は「スクリプト」について書いていこうと思います。 私も幾つかスクリプトを作ってみました。 llustratorでUIデザイン:相対座標書出しスクリプト - Two hats llustratorでUIデザイン:縦横サイズ書出しスクリプト - Two hats illustratorでUIデザイン:ボタン量産スクリプト - Two hats 作ってみて分かったことですが、想像していたよりも敷居が低いなぁと思いました。 もちろんJavascriptなど言語をある程度知っているという条件がありますが。 やってみると意外と簡単ですよということを知ってもらうため
Illustratorをウェブ制作に使い、ビットマップ書き出しするときのアレコレについて、これまでいろいろと取り上げてきましたが、現在、下記の制作方針が最強だと思われます(ツッコミ歓迎ですので、何かあればお気軽に)。 ドキュメントプロファイルは「Web」。[プレビューモード]を「ピクセル」に変更、[新規オブジェクトをピクセルグリッドに整合]はオフ [線の位置]を「内側」にして作業 [アピアランス]パネルメニューの[新規アートに基本アピアランスを適用]のチェックをはずしておく [新規オブジェクトをピクセルグリッドに整合]はオフに [プレビュー境界を使用]にチェックを入れる キー入力を「1ピクセル」に アートボードの座標に注意 sRGBを基準に これによって、次のような問題を回避できます。 プリントメディアの設定で制作されたドキュメントをWeb向けに利用しようとすると、エッジがにじむ。 [新規
MITライセンス(※)のフリーウェアです。 ※ 要約すると、改変再配布ほぼ自由、保証なし、ということです。 その他の雑多なスクリプト、スクリプトの更新情報、プラグイン版、エクステンション版については、はてな とか 英語版ブログ を見てください。Github にもあります。 2018.07.20 選択オブジェクトを処理するスクリプトで、選択したグループ内のロック/不可視オブジェクトを処理から除外するようにしました。 2017.05.13 「円弧にする」通常のパスと同様にテキストパスを補正する機能を追加しました。 2017.03.12 「適当に連結」設定した距離以上に離れたアンカーポイントは連結しないようにできるオプションを追加しました。 2016.11.26 「メタボール」「メタボール(円弧)」「角を丸くするplus」で win.enabled を変更する箇所に try ... finall
アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛(Ai)はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント! 全国
今回は点線・星柄等で渦巻きを描きます。使いドコロが多いのに、作るのには手間がかかる……。そんなお悩みも一挙解決!アピアランスなので、編集も簡単!点の他に、星や文字など好きな柄に応用可能!今回は2つの方法をご紹介。お好みに合わせてお試しください! 完成予定図 使用ソフト AdobeIllustratorCC (以前のバージョンでもできると思います) まずは一つ目、「円にアピアランスを適用する方法」をご紹介します。こちらは動きが安定しているので、作りやすく変更もしやすいです。では、一番単純な「点線渦巻き」から見ていきましょう。 出来上がった渦巻きを加工する際は「オブジェクト>アピアランスを分割」を行ってください。複合パスにしたり、パスファインダーで整えたり、用途に合わせて加工してください。 Step1 点線の渦巻き 破線の設定を使い、点線でできた円をつくります。 楕円形ツール/Ellipse
Illustrator日本語英語対訳表をCC(2019 23.0.1)版に更新しました。スクリプト作成や、海外のチュートリアル記事を調べる時に使ってください。 データが多すぎるので、このページには主要な項目だけ書いています。 アプリ内に登場するたくさんのテキストから検索したい場合は、お手数ですが下のテキストファイルをブラウザで開くか、ローカルに保存して使ってください。 2019版の主な変更点 追加ほか Adobe Fonts 関係 フリーグラデーション関係 グローバル編集 関係 SWF プリセット画面が実際に則していなかったので修正 ほか、アプリケーション側で追加されたものに加え、抜けていたものの追加なども含まれています。 抜粋ファイル Ai2019_tuika 言葉の変更 Typekit → Adobe Fonts バット線端→線端なし 余分なポイント→孤立点 (ブラシの)彩色→着色 ほ
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
免責事項 動作確認は制作環境で行っておりますが、不具合等あるかもしれません。当サイトに掲載されているアクションやスクリプトなどを使って生じたいかなる損害も、当サイトおよび管理人は保証いたしません。ご使用は自己責任でお願いします。 改造・再配布について ご使用状況に合わせて、ご自由に書き換えていただいて結構です。また、改良したものをフィードバックしていただけると、とても嬉しいです。スクリプトの再配布は、バグがあった場合に対応できませんので、ご遠慮ください。 ご意見・ご要望 当サイトにスクリプトやバッチファイルを使用して、お気づきの点などございましたら、メール、BBSにてご連絡ください。今後の参考にいたします。また、不具合を発見した場合、ご一報いただけると大変助かります。 Special Thanks 公開しているJavaScriptの一部は、会社の後輩K君の協力の元に作成しております。この場
DICカラー「フランスの伝統色」や「中国の伝統色」などをカラースイッチにするのに便利な『COLOR GUIDE』 Illustratorのスウォッチにはカラーブックがあるんだけど、DICで新色が無い場合がある。というかお客さんに水着の柄を作っていたら、配色を新色のDICカラーを指定されたんだけどカラースウォッチが無い… ネットで調べてCMYKで作っても良いんだけど、それも数が多いと不便なんだよねえ。というわけで、DICの『COLOR GUIDE』をダウンロードしてみたら、意外に便利な機能があった。 そこで便利なAPPがDICが出している無料の『COLOR GUIDE』がなかなか便利。 DICのカラーを指定するとCMKYのカラーなどを表示してくれるのは便利なんだけど指定したDICのカラーをイラレなどのカラースウォッチに書き出したい場合は、 でADOBEのASEファイルに書き出せるのだが、これ
イラレラボさんのダイヤモンドの描き方の記事を読んで、「カラーを編集」でランダムな塗りができるというのを知ったので、ここから複数色のランダムを試してみました。 まずはこちらを まずは参考にさせて頂いたイラレラボさんの記事へ。 イラレラボ illustrator-labo|Tutorial_ダイヤモンドに乱反射を追加する ダイヤモンドの乱反射を、 ①カラーを編集内の「ブレンド」 ②カラーを編集内の「オブジェクトの再配色」のランダム この2つを組み合わせることで、オブジェクトを個々に選択すること無く一気に塗っています。これはすごい。 大雑把なダイジェストで図にすると、これがこうなってこう。 ↓ランダムをクリックすると色がくるくる変わる様子。楽しい。 複数の色でカラフルランダムに この方法を元にして、複数色のランダムにしてみます。 やりたいことを簡単にまとめると、 元の方法は2色をブレンドすること
このところ輪郭線の実験と合わせて線幅ツールにチャレンジしていました。 イラレで動きのある髪の毛を描くのに、線幅ツールをちょっとアレンジして使うと便利だったのでやり方をメモ。 ※cs5からの機能です。 イラレの線幅ツールで髪の毛を描く構造 上のビーナスさんをバラすとこんな感じになっています。 大きな面は髪色の塗りのパーツを作っていますが、細かな髪の束はそれぞれ一本の線のパスでできています。 作り方の前に:線幅ツールの大雑把な解説 ●線幅ツールとは パスに強弱を付けられる機能です。cs5からツールパネルに入っています。(強弱と言ってもペンタブ+筆圧とは仕組みが別なので、マウスだけで操作できます。) 詳しくはアドビさんのページへ。分りやすいです。 私はこれをパスを引いたら、後からそのつど操作して複数の強弱を付けるのは面倒そうだなあと思っていました。もちろんそれも便利なんですが。 ●使ってみた感
先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。 また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます(チートシートでは「c」がついています)。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く