この記事では、Adobe XDにインストールしておくことで、デザイン制作をより快適にしてくれる無料プラグインをまとめてご紹介します。 実際にAdobe XDにインストール、使用してみて便利だったプラグインのみを厳選しています。プラグインを利用して、制作スピードを爆速にしてみませんか。 コンテンツ目次 1. プラグインが利用可能に 2. Adobe XDプラグインのインストール方法 3. Adobe XDプラグインの使い方 4. おすすめ無料プラグイン(デザイン効率化) 5. おすすめ無料プラグイン(コンテンツ生成) 6. おすすめ無料プラグイン(描画デザイン系) 7. おすすめ無料プラグイン(コラボレーション・ハンドオフ系) 8. ショートカット機能で作業効率をさらにアップ Adobe XDでプラグインが利用可能に Adobe XDは定期的にアップデートが行われており、昨年10月にリリース
Adobe Animate CCからHTML5 Canvas素材として書き出し、CreateJSで利用する手順を紹介します。YouTubeのチュートリアル動画を参考に進めましょう。 サンプルを再生する サンプルのソースコードを確認する 1. Adobe Animate CCを起動 Adobe Animate CCはもともとはFlashやHTML5制作のオーサリングツールです。ステージに直接グラフィックを描いたり、タイムラインを使ってモーションを作ることができます。今回はCreateJS用のグラフィックとモーションを用意したので、起動したら[新規作成]の一覧から[HTML5 Canvas]を選択します。 作成したら作業用フォルダにStarAsset.flaファイルとして保存しましょう。 2. シンボルを作成する (ここでは「Star」という名前で作成) ツールの一覧から多角形ツールを選択しま
※セール期間外は価格が異なりますのでご注意下さい。 ちなみに、私が買ったのは24ヶ月分で、36ヶ月分も比較したところ、1ヶ月あたりの額は同じでした。12ヶ月分はそれより200円高い3,984円でした。(それでも定価より1,000円近く安い。) 長期間必ず使うことが分かっている場合は、24ヶ月以上のものを買っておくとお得だと思います。 とはいえ一番安いのは「学生・職員版」なので、デジハリなどのオンラインスクールに入学予定のある方は、そちらを利用するのが一番安いです。Adobe Creative Cloud 基礎講座 | Web、CG、映像、アプリ、造形はデジハリの通信講座 年間プラン/月々払い契約中でも使えるのか結論:使えます! 年間プランの場合、更新月以外での解約は解除料がかかることが分かっていました。(携帯電話の2年縛りみたいなシステムです。)Adobe Creative Cloudの年
Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実装を紹介します。 Adobe XDの「自動アニメーション機能」はかなり簡単にさまざまなエフェクトやトランジションが短時間で実装できます。さらに「ドラッグジェスチャー」を加えることで、タッチデバイスのドラッグ操作をシミュレートでき、自動アニメーション機能をさらに一歩進めることができます。 Adobe XD: putting auto-animate to the test 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ここで紹介したAdobe XDのファイルは、記事の最後でまとめてダウンロードできます。 また、こ
こんにちは! 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです! そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか? 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
無料で使いやすいモバイルアプリが登場したことで、SNSなどで誰でも簡単にクオリティの高いグラフィックやビデオを作成することができるようになりました。 その中でも、よりレベルの高い編集技術を持つアプリを配信しているのが、Adobe(アドビ)です。 Adobeのモバイルアプリは用途に応じてクオリティの高い作品を作り出すことができます。 そこで今回は、Adobe無料アプリ14個をご紹介します。 Adobe無料アプリ キャプチャー 1. Capture CC 身の回りでいいなと思ったデザインを写真で取る。 それだけで、色、形、ブラシ、パターンなどの素材を作成することができるアプリが、「Capture CC」です。 気になるものを発見したら、Capture経由で写真を撮ります。 写真からカラーを抽出したり、トレースしてベクターシェイプに変換したり、ユニークなパターンやブラシを作成したりすることができ
僕のワイヤーフレームツールの偏食の遍歴は長く。パワポから始まり、エクセル、HTMLワイヤー、イラレ、Photoshop ElementsにCacooにGoogle PresentationにSketchと手書きと、とにかくアホみたいに色々なツールで作ってきました。2014年時点ではUI Stencilsでしたね。 ただ、偏食を繰り返して来たからこそ思うのが、ワイヤー作成に必要な能力やスキルは多くの場合一定しておらず、プロジェクトによって全く違うという事。それこそメンバーの共通認識が取りやすい(過去の事例や参考が多い)案件と、そうじゃない物でどこまで時間をかけるかも変わるし、単にスピード命で作って泣きを見た事も、細かく作りすぎて怒られた事も何度もありました。手書きがベストなシチュエーションも間違いなくあるし、どれが絶対というのは無いとは思います。 ただ、欲を言えば、スピード、修正の容易さ、レ
「Kwik」(クイック)は、1行もコードを書かずにアプリを開発できる「Adobe Photoshop CC」に対応したプラグイン。Photoshop上でKwikを使って作成したプロジェクトをマルチプラットフォーム対応のアプリ開発環境「Corona SDK」に書き出すことで、コードを自動生成してiOS/Android/Kindle Fire端末向けのアプリを生成する仕組みだ。 Photoshopと聞くと、価格が高くてアプリを開発するにはハードルが高く思えるが、クラウドサービス「Adobe Creative Cloud」に登録すれば月額980円で使えるほか、30日間の無償体験版もある。また、Kwikはアプリ画面を6ページまで作成可能な無料版、Corona SDKは「Starter」という無料ライセンスが用意されているので、とりあえずはすべて無料で試せる。アニメーションや音声読み上げ機能を搭載し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く