![Adobe Camera RAWに「スーパー解像度」機能が追加 RAWデータでさっそく効果を検証](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a841eec5a6198e8a86e71e0129a85c068526b97/height=288;version=1;width=512/https%3A%2F%2Fdc.watch.impress.co.jp%2Fimg%2Fdcw%2Flist%2F1311%2F416%2Ftop.jpg)
VS CodeのAdobe XD用拡張機能が登場! デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
Do you wish dragons were real? They sadly aren't, but we can pretend they are by using the power of Photoshop! In this tutorial I will show you how to create a mini dragon using a few stock photos. You will learn how to build a dragon out of real animals, how to place it in a hand, and then how to color and blend the elements to make them look like a whole. Tutorial Assets In order to complete thi
普段無意識でやっているようなものは,できないことに気づくと驚きますよね。私にとってはAdobe XDの「キーオブジェクトに整列」がそうでした。XDにもあったら嬉しいですね。 そこで今回は,最後に選択したものをキーオブジェクトとして扱い,整列や分布を実行するXD用プラグイン Singari(しんがり)を紹介します。 Singariって何? 選択したアイテムをキーオブジェクトに合わせて整列・分布するAdobe XD用プラグインです。基本的には最後に選択したアイテムをキーオブジェクトとして扱いますが,どのアイテムをキーオブジェクトとして扱うかは設定で変更できます。操作はメニューまたはパネルから実行可能です。 ちなみに殿(しんがり)とは,軍事用語で後退する部隊の中で最後尾の箇所を担当する部隊をさし,転じて隊列や順番の最後尾を意味します。 インストール方法 今回のXDのプラグインはAdobeの審査を
ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始! Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでしょうか? そこで、Wiresを日本向けに再構築したUIキットWires jpを用意しました。 Webサイトのワイヤーフレームを作成する時に必要な構成要素の中で、使用頻度が高いものはおおよそ決まってきます。オリジナルのWiresを参照しつつ、日本での作業を念頭に、ワイヤーフレーム作成時に使用頻度が高いと考えられる要素を厳選して構築したのがWires jpです。ラベル等のテキストも日本のサイトのものらしさを意識しました。 WiresにはWeb用とモバイル用の2つのファイルがありますが
今さら聞けない!Photoshopで文字を加工する方法【初心者向け】現役Webデザイナーが解説 Adobe Photoshop(フォトショップ)を使って「文字を加工する方法」を紹介する記事です。初心者向けなので、画像を24枚使って解説。基礎から、レイヤースタイル、 作業用パスなどを利用する方法まで紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 初心者の方でもAdobe Photoshopの使い方がわかる記事です。 今回のテ
This is a very quick and easy tutorial for creating an isometric grid in Adobe Illustrator, which you can then either work directly over in Illustrator or print out for freehand sketching. If you want to skip the tutorial and get working in isometric right away, download these completed grids in PDF format, ready for printing or import into Illustrator or Corel: Download 1/4″ (0.25 inch) Isometric
こんにちは! 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです! そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか? 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
Creative Cloud メンバーシップによるメンバー限定の割引をご利用いただけます HP や Dropbox など、メンバー限定の様々なセールや限定ブランドのオファーから選択して、クリエイティブワークフローを合理化することができます。
24時間Illustratorイベントも無事終わりましたね。 いやいや見応えのあるイベントでした(まだ全部観られていませんが)。まだ見ていない人は要チェック! Ai-1ファイトの優勝者はまだ見ていない人のためにネタバレしませんが、納得の完成度でした。素晴らしい! パチパチパチパチ。 他にも三階ラボさんのお話は、私の効率化に対する考え方とベクトルが一致していてとても面白かったです。ただ、極めすぎていて私ですら若干引き気味になったところも参考になりました^^ サキミタマ先輩は、AdobeからIllustrator愛を試される試練を乗り越えるという感動作。そこにいるのにポエム割愛など笑いもあり。 まだチラ見しかしていませんが鱗粉あすさんのペンツールさばきに驚愕、あれだけのイラストをライブで完成していくなど見所満載。 私もあかつきさんのお声がけでネタ出しなどちょっとだけお手伝いするつもりでしたが、
アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛(Ai)はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント! 全国
「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 2016年8月の初投稿から9年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール(17個) ワンクリック、人工知能系ツール(20個) マテリアルデザイン系ツール(4個) Webデザイン・UIデザイン関連ツール(21個) 写真から抽出系ツール(2個) インスピレーション系ツール(14個) グラデーション関連ツール(29個) 配色カラ
300以上のフォーマットに対応 300以上の ファイルフォーマット間で、25600以上の様々な変換を行います。他のどのコンバーターより多くのタイプの変換が行えます 早くて簡単 選択したファイルをドラッグアンドドロップし、変換先フォーマットを選び「変換する」をクリックして下さい。変換完了まで少しお待ちください。全ての変換は1~2分で完了予定です。
前回、WEB上で画像やテキストなどのカラーを識別できるGoogle Chromeの機能を紹介しましたが、今回は色を識別してから、 色彩センスがないけど、きれいな配色が作りたい!! この色には何色と合うんだろう? とお困りではないですか。 【色を識別する記事】これ何色?画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能 今回は、どんな色か特定できてもその色がどんなものなのか、相性の良い色はどの色なのか、配色を検討する参考にできる無料のオンラインツールを紹介します。 紹介する記事の中でこのサイトのロゴなどのテーマカラー「#d86e3a」をもとに紹介します。 簡単にきれいな配色デザインが作れるColorHexaって? 前述していますが、「どんな色か特定できてもその色がどんなものなのか」、「相性の良い色はどの色なのか」、配色を検討する際に参考にできる無料のツールで、色彩セ
最近、Adobe製品を全部消してしまって仕事しています。Adobe製品ではない、次世代ソフトで仕事をしていますが、Webデザイナーがいわゆる「脱Adobe」するとどうなるかなどを書いてみたいと思います。最初は「脱Adobe」するためのラインナップしたソフトを紹介したいと思います。 Webデザイナーやコーダー・フロントエンドエンジニアなど必須なソフトといえばまず、「Adobe」社の製品が上がってくると思います。「Adobe Photoshop」や「Adobe Illustrator」を使わずに仕事している人はほとんどいないと思います。 ただ、「Adobe」社の製品は、「高い」とか「Adobe税」とか揶揄されています。 それゆえに「脱Adobe」したいデザイナーが多いと思いますが、実際に「脱Adobe」している人のレビューを見たことがないので書いてみました。 実際にAdobe製品を全部消してし
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く