PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
Illustratorの代わりにAffinity Designerを使う
Adobe Illustrator を CS4 から 10 年以上使っているんですが、そろそろ Adobe にも飽きてきたので他の選択肢を探してみようと思い色々休日に調べていました。 探してみると選択肢は非常に少なく、フリーの Inkscape か有償の Affinity Designer のどちらかを選ぶという状況です。 Affinity Designer も有償と言えど 6,000 円程なので、たったの CC1 ヶ月分です。 https://affinity.serif.com/ja-jp/designer/ Affinity という名前は初めて聞いたのですが、多くの Illustrator の機能をサポートしている上に、公式サイト・ヘルプが日本語に翻訳されており敷居も低いです。製品ラインは 3 つ用意されており、 Affinity Photo: Adobe Photoshop の代替
Adobe MAX Japan 2016での「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします！」セッションが終了しました｜DTP Transit
2016年9月2日(金)、東京ビッグサイトでAdobe MAX Japan 2016が開催されました。 鷹野 雅弘（スイッチ）が「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします！」セッションを担当しました。 「スレッドテキストと文字の切り換えで作る1分で作成するカレンダー」の手順PDF 何名かの方に直接質問いただきましたので、Pay with a Tweet経由（＝ツイートかFacebookでの投稿で入手可能）にて、「スレッドテキストと文字の切り換えで作る1分で作成するカレンダー」の手順PDFを公開します（9月7日まで）。 【twitter】Pay with a Tweet(ペイウィズアツイート) って何？使い方まとめ - NAVER まとめ スライド
Illustratorでのイマドキな画像書き出し方法【アセットの書き出し】
2016年12月7日 Illustrator 昔からIllustratorラブ！な私ですが、いつの間にやらWebデザインをする上での便利な機能が増えてきて、ますます嬉しい次第です。その中で今回は画像アセットを使った書き出し方法を紹介します。昔はスライスツールを使っていましたが、そんな面倒なことをしなくてもオブジェクトをドラッグ＆ドロップで簡単に書き出せちゃいますよ。 ↑私が10年以上利用している会計ソフト！ アセットの書き出しって何？ 2016年6月にアップデートされたIllustrator CCでは、従来のスライスとは違う、新感覚の画像書き出し方法である「アセットの書き出し」という機能が追加されました。オブジェクトをパネルにドラッグして追加すると、サイズや解像度、デバイスに合わせたフォーマットに書き出せます。Webやアプリ用のアイコンや、画面全体のデザインを行う上でも欠かせない、便利な機
方向線とセグメントの角度を一致させるIllustratorのスクリプトを作りました - saucer
曲線から直線へなめらかに移っていくラインをIllustratorで作成するときは、方向線の角度に注意しなければなりません。しかし、アンカーポイントや方向線を微調整していると、それぞれの角度にギャップが出てしまうことがあります。角度を合わせるには、その都度手動で調整するしかないのですが、その負担を少しでも軽くするためのスクリプトを作りました。ロゴやアイコンなどで正確な作図をする機会が多い方には、それなりに便利なものだと思います。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「ハンドルの角度をセグメントに揃える.jsx」をコピーします。Windows版ではお使いのIllus
君はもう体験したか！Adobe Illustrator CCでついに画像アセットができるようになったぞ！ | unitopi - ユニトピ -
こんにちは。ナガタです。 ナガタは非常に興奮しています。 それはタイトルの通り、「Adobe Illustrator CCでついに画像アセットができる」ようになったからにほかなりません。Photoshopが画像アセット対応してからというもの、スライス作業が楽になったこと楽になったこと。 画像アセット…Photoshopで標準機能とされる書き出し機能。レイヤーにxxx.png等つけることで一括で書き出すことが可能。詳しくはこちらの記事を参照ください。 データはフォトショですか？イラレですか？イラレは２倍料金ください。 画像アセットになれてからの日々、画像アセットができないイラレファイルでデザインが来るのを非常に嫌がっていました。懇意にしてくださる制作会社さんから「案件のお願いがあるんだけど〜」と言われた日には即「データフォトショですか？イラレですか？」と確認をし、イラレだった場合には非常に嫌
Illustrator初心者に向けたオススメのチュートリアルや素材のまとめ記事7選
Illustratorチュートリアル スキルアップのためには場数を増やせ！Illustratorチュートリアル60選 【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個 Illustratorを学ぶ！すごいデザインチュートリアル2013年総まとめ ここまでできるIllustrator！すごいデザインチュートリアル、作り方まとめ 2015年8月度 ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ Illustrator素材 Illustratorで美しくデザインされた、ユーザーフローを設計するワイヤーフレーム用のAI素材 Illustrator小技・テクニック Illustratorの3D効果でむずかしい傘のイラストを簡単に描く方法 オススメ記事 この記事ではIllustrator
これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App
Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで簡単に利用できる無料アプリを紹介します。 14,700個はビジネスからホビーまで全39カテゴリ、すべてIcons8のアイコンなので、同じテイストのデザインで非常に高品質です。下部にはプレゼント企画もあるので、チェックをお忘れなく。 応募期間は、2015年7月30日で終了しました。 Icons8 App Icons8 Appのインストールは、下記ページから。 上部でMac用・Win用を選択すると、下部の「Donwload Icons8 App」がそのOS用に変わるのでダウンロードしてください。 ※ダウンロードにはメールアドレスが必要です。 Icons8 App どんなアイコンが利用で
Illustratorでのデザイン作業に変化を与えた便利な機能・テクニックのまとめ
Illustratorも他のソフトウェアと同様にバージョンアップを繰り返し、より使いやすくより便利なものに進化し続けています。 デザインをIllustratorでする際に変化を与えた、ここ数年の間に学んだ便利な機能、新しいテクニックをSpoonGraphicsから紹介します。 Illustratorはクオリティの損失なしで拡大縮小が無限にできるベクターのアートワークを扱います。あなたがそのサイズを変える時、アートワークが太ったり痩せたりして困惑してしまうことはありませんか？ もしその線幅や効果を一緒に拡大縮小したいのであれば、環境設定パネルを確認してみてください。 設定方法 「環境設定 - 一般」の「線幅と効果も拡大・縮小」をチェック はさみツール
イラレSVGインタラクティビティとファイルの使い方と理解 | Web Club
SVGインタラクティビティとは SVGインタラクティビティとはオブジェクトにjavascriptを埋め込み、インタラクティビティの意味の「相互作用」などのコミュニケーションを可能にする事ができます。javascriptとは、webに動きなどを与える事ができる簡易ブログラムです。（注・このページではSVGインタラクティビティの使い方の解説です。） つまり、SVGインタラクティビティを使うと、ActionScriptのようなボタンアクションに近い動作を与える事ができ、具体的にはクリックでメッセージ表示などの機能を持ったボタンなどがつくれます。 イベントとは、オブジェクトをクリックした時やマウスカーソルを合わせた時などに、どのように動作するかを設定するものです。 例えば「オブジェクトをマウスでクリックすると」オブジェクトに書き当てたjavascriptが実行され、メッセージを表示したりする事がで
【24h_aiまとめ】Illustratorがもっと便利になるスクリプト6選 - hamfactory
あらためまして、24時間Illustratorスペシャルイベント「愛（Ai）はクリエイティブを救う」にご参加＆配信をご覧くださった皆様、ありがとうございました！ 過去に例の無いタイプのイベントということでしたが、自分自身もとても楽しむことが出来ました。 アーカイブが観られるよ 公式サイトでは、現在すべてのアーカイブを観ることが出来ます。 （事前に「アーカイブなし」の告知があったセッションは除きます。） アーカイブの試聴も無料。Adobeさん太っ腹！ 深夜のセッションなど「起きてられなかった…」という方、 観てたけど「もう一回おさらいしたい」という方は是非公式サイトへどうぞ。 紹介スクリプトのおさらい イベント当日は普段から愛用させて頂いている、とても便利なスクリプトを使ったテクニックをご紹介させていただきました。 Twitterなどでも流したのですが、こちらでもまとめておきますね。 スクリ
パスの方向線を可視化するIllustrator用スクリプトを作りました - saucer
少し前に、「Illustratorプロフェッショナルの教科書 デザイン作成とパス・文字を正しく扱う技術 CC 2014/CC/CS6対応版」というIllustratorの書籍を執筆させていただきました。その際、パスや方向線などを図に表す必要があったのですが、これを作るのが意外と面倒でした。パス自体やアンカーポイントはまだいいのですが、方向線や方向点となると、スマートガイドを駆使しつつ1本ずつ作成しないといけません。なんとかこれを自動化できないかと思ってできたのが、このスクリプトです。選択したパスに、「方向線」、「方向点」、「アンカーポイント」をオブジェクトとして追加します。人によっては重宝すると思いますので、興味があればぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC2014ダウンロードスクリプトをを
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
イラレマスタ