Node.js＋Photoshop: Generatorの設計と使い方 | fenomas.com
先月、Photoshop 14.1の新機能として「Generator」が発表されました。色々使ってみると結構面白い技術なので、Generatorの設計、そして使い方を詳しく紹介したいと思います。 まずはいくつかの定義について： GeneratorとはPhotoshop CC（14.1+）に組み込まれるNode.jsサーバを指す Generator プラグイン：Generator に接続するNode.js アプリケーション Generator Core：Node.jsサーバとプラグインの間のコミュニケーションなどを管理するNode.jsライブラリ。ソースはPhotoshopチームのgithubにあり。 Image Asset Generator：少し話題を集めた、自動的に画像アセットを書き出してくれるプラグイン。記事によってこのプラグインのことを「Generator」と呼ぶのでNodeサーバ
AdobeIllustratorのエクステンション開発でつまずいたこと | CyberAgent Developers Blog
ピグでサーバーサイドエンジニアをしています。市川です。 今回はピグパーティやfamchattyのアイテム制作で使用している、AdobeIllustratorのエクステンション開発時に行ったTips等について紹介したいと思います。 はじめに AdobeIllustratorで拡張機能を作るには、ExtendScriptと呼ばれるスクリプトを使用すれば、必要なレイヤー配下の画像だけPNGで書き出す事やテキストフィールドの内容を読み取ってメタ情報に使う等ができます。 ExtendScriptはWindowsではVBScript、macOSではAppleScriptを用いて利用することも出来ますが、今回は両方のOSで動作することのできるJavaScriptを使用して作成しました。 また実際にAdobeIllustratorをどのような操作ができるかは、ドキュメントを参照しながら必要な機能を開発して
ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ
よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲線を描く エレメントをくっきり美しく 斜めの線を使った小さいアイコンを作るこつ レイヤーパネルの設定をカスタマイズ 「ベベルとエンボス」より「シャドウ（内側）」がいい場合 曲線と直線を美しく手描きするこつ 複数のカラーから調和のとれたカラーパレットを作成 広範囲のコントラストをもつ複数のカラーから調和のとれたカラーパレットを作成します。
illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
404 Not Found
新着記事