web Magazine

Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ

この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。ご了承ください。最新情報はドキュメントを参照してください。下記がドキュメントです。はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい！とおもったのですが，AfterEffectsのすべての機能を使えるわけではありませんでした・・・・・・アニメーションをデザイナー

【５分で読める】Adobe XD User Fes 2019のざっくりしたまとめ

Adobe XD User Fes 2019に行ってきました。 XDのセッションが豪華６本立て！中継のアーカイブもさっそく上がっています。どのセッション観ようかな〜という方のための、ざっくり読めるセッション６本分のサマリ（と、個人的感想）です。【Session1 長谷川恭久さん：あなたはどんなデザイナーになりたいですか】・デザインには２つの評価軸がある。表現重視のものと、業績貢献するもの。あなたの作りたいものはどちらですか？・やってみたいデザイン＋期待されているデザ

Adobe XDのショートカット一覧を作りました

こんにちは、えびです！今回はXDのショートカット一覧を制作したのでそちらを共有します ↓PDF版(印刷してお使いください) DropBoxが開きます ↓XDプロトタイプ版(スマホだと見づらいかもです) XDのプロトタイプ共有が開きます ↓こちらの画像を保存しても（無断転載などは辞めてください）何で作ったの？日本語のXDショートカットキー一覧が無いから！無いというのは少し語弊があるのですが、「XD ショートカットキー」で検索してTOPに出てくるこのページ。 Adobe

2018年のAdobe XDの新機能を最速で振り返る

この記事はAdobe XD Advent Calendar 2018の1日目の記事です。こんにちは、えびです！🍤🍤🍤 僕は毎月行われるXDのアップデートを2分で振り返る、という動画を６月から制作しています。今回はアドベントカレンダーに向けて1~5月の不足分を制作し、2018年に登場した全ての機能の紹介動画ができました！すごい！それでは、ご覧ください！ 1月の新機能1.ズームパフォーマンスの向上 2.DropboxのXDファイルプレビュー 3.100％でアートボードを

Adobe XDでデザインした話

XD信者になりかけている…いや、もうなっている瀧澤です。いや、ぶっちゃけめちゃくちゃ使いやすいんですよ。知らぬ間に無料でも使えるようになってるし（制限あるけど）。 XD発表当初はワイヤーフレームまでがXD→デザインはフォトショかな〜なんて思ってたんですが、アプデを重ねるうちに「デザインまで出来るんじゃね…？」と思って実際お仕事でも使ってみました。この記事の内容XDでデザインした感想＆XDのオススメポイント ×この記事で書かないこと→機能の説明、使い方結論XDでデザ

使ってみて便利だったAdobe XDプラグインを紹介

Adobe XDの10月のアップデートで、ついにプラグインが使えるようになりました！毎日追加されるプラグインを、ぽちぽちとインストールしては試しています。そこで便利だったプラグインをご紹介します。 Google Sheets スプレッドシートからテキストや画像が流し込める超便利ツールです。量産系がはかどりそう。csvでも読み込める。 Resize Artbord to Fit Contentコントロール+F(mac)を押すだけで、コンテンツに応じてアートボードのサイズを

Adobe XDでプレゼン資料を作成したら色々と幸せだった話

2018/3/26に開催された「ポートフォリオナイト」でお話させていただいた「載せる作品が少ないと悩んでいる人に読んでほしい、魅せるポートフォリオの考え方」の発表スライドをAdobe XDで作成しました。結論、めちゃくちゃ作りやすかったし、発表しやすかったです。スライドを俯瞰しながら作成できるLTやセミナーなどでスライドを用意する際、スライドの構成を一括で確認・編集することができます。普段、Illustratorで複数アートボードで書き出しでスライドを作成しているの

【GIFで解説】Adobe XDの自動アニメーショントランジションまとめ

Adobe XDの自動アニメーションが10月のアップデートで使えるようになったので、初めて自動アニメーションを使う方にわかりやすいようにGIF画像でトランジションを解説します。以下のような方に参考にしていただければ幸いです。・「自動アニメーションって何？」という方・自動アニメーションを短時間で理解したい方・どのようなトランジションが再現できるのか知りたい方 ※GIFで作成しており、色や動きが劣りますが、予めご了承ください。 ※設定部分の解説は一部省略しております

WHY DESIGN TOKYO 2019参加レポート

UX MILK & UX道場主催の「WHY DESIGN TOKYO 2019 / 受託Web制作・デザインの価値を変える実践的アプローチ」に行ってきたのでレポートを書きます。 1日目のキーノートセッションアドビのKhoi Vinh氏の「デザインのあるべき姿とは？（What Do We Want Design to Be?）」 GoogleのTravis Neilson氏の「失敗こそがはじめの一歩（Failure is the First Step」こちら人気

デザイナーと開発との連携はAdobeXDとZeplinを活用させよう

こんにちは！初めまして。 EAST DESIGN、ひよっこデザイナーのモエコと申します。「デザイナー」というと、少しかっちょいい雰囲気になってしまいますがデザイナーはデザイナーでも「ひよっこ駆け出しデザイナー」として所属しております。このブログでは、同じような「駆け出しデザイナー」の方が読んだ時に「頭の片隅にでも入れておこう」と思えるようなお話ができたらいいなと思っています。（デザインについて考える機会も増やしたい）記念すべき第1本目は「XD」と「Zep

[メモ]AdobeMaxJapan2018で聞いてきたこと

AdobeMaxJapan2018の各セッションに参加した際のメモです。殴り書きなので、ご了承ください。 1.KEYNOTE 1-1.はじめに・貂明朝テキストが新しくAdobeFontsに追加される仕事をスピードアップ・多くのクリエイターが反復作業が多く、単純作業をAIに任せたいと思っているクリエイティビィティの解放・ツールの連携を取る・デスクトップツールからデバイスを跨いで作業ができるようになっていく新たな表現への挑戦・音声やARなどの表現が今後重

初学者のWeb制作でAdobeは必要？フリーランスと会社で違うかも。 - テキストエディタでもいけること【38Web-6】

Adobeを勉強で使いたいけどめっちゃ高い。フリーランスが目指すスキルと、Web制作会社に入り込む（バイトや社員）ために必要なスキルには、違いがあるのでは？と考え始めた。こんにちは。38歳からWebエンジニアを目指しているフェニックスA子（@lipton_milk999）です。 Adobeのツール（ここでは、PhotoshopとDreamWeaverの2つを話題にします）を使うかどうかで悩んでいます。だって、高いですからね・・。月割りで使えるようになったとはいえ、単

フォローしませんか？

#Adobe