Design has entered a new era, and so has the Design Tools Survey. We take a first look at how tools are evolving with the use of AI, which we'll continue to watch year over year. We appreciate our community and their participation this year, as always! The raw data is freely available for download. Sign up for the newsletter Join 70k+ other subscribers and get updates on next year's survey! You'll
Webアプリ版Photoshopを実現させた最新Web技術をGoogleが紹介。WebAssemblyのスレッドによる高速化、ストリーミングコンパイル、Web Componentsなど Photoshopは画像の作成や加工といった専門的な用途を目的に、長年にわたって作り込まれた代表的なデスクトップソフトウェアの1つと言えます。 プロフェッショナルな用途を満たす膨大な画像処理の機能を細かく作り込まれたユーザーインターフェイスから操作し、画像の変形や加工、フィルタリングなどの大量の複雑な演算処理が実行されるなど、Webアプリケーションへの移植を難しくする要素が満載です。 それらの困難を克服し、Photoshop Webではデスクトップ版Photoshopでよく使われる一般的な機能を、類似のユーザーインターフェイスでWebに実装し、商用サービスとして提供することに成功しました。 Photosho
FigmaのデザインをReact Nativeにエクスポートする方法について、開発者向けのガイドが公開されました。このガイドでは、FigmaのDev Modeやさまざまなプラグインを使用することで、デザインと開発のギャップを埋める方法が詳しく解説されている。 FigmaのデザインをReact Nativeにエクスポートする方法について、開発者向けのガイドが公開されました。このガイドでは、FigmaのDev Modeやさまざまなプラグインを使用することで、デザインと開発のギャップを埋める方法が詳しく解説されている。 FigmaのDev Modeは、デザインアセットと開発環境をリアルタイムに接続することで、デザイナーと開発者の間でのコミュニケーションとコラボレーションをスムーズにする機能を提供している。デザイナーはFigmaでUIコンポーネントや画面を作成し、Dev Modeを使用して開発者と
米Adobeは9月28日、β版として提供していた「Adobe Photoshop Web」の正式版をリリースした。インストール不要でブラウザからPhotoshopの機能にアクセスでき、同社の生成AI「Firefly」などの機能も利用可能。無料版はないものの、Photoshopを含む全てのCreative Cloudプランで使えるとしている。 Web版はインストールなしに、ブラウザ上でPhotoshopの機能が利用できるもので、ファイルの作成や編集だけでなく、デスクトップ版に移動しての作業もスムーズに行うことができる。デスクトップ版と機能は同一ではないものの、β版のリリース以降、よく使われる機能の大半をWeb版に搭載したとしている。 また、データの共有先がPhotoshopユーザーではない場合でも、共有時に生成したリンクからWeb版Photoshopを立ち上げることができ、ファイルの表示とコ
Adobeが画像編集アプリ「Photoshop」にジェネレーティブAI「Firefly」を統合し、AI機能「ジェネレーティブ塗りつぶし」を追加することを発表しました。「ジェネレーティブ塗りつぶし」では「画像の続きを生成」「画像の一部をAIで生成した画像に置き換え」といった操作を実現可能です。 アドビ | Adobe https://www.adobe.com/jp/ Photoshopに搭載されるAI機能「ジェネレーティブ塗りつぶし」はこんな感じ - YouTube 「ジェネレーティブ塗りつぶし」の実例こんな感じ。まず、画像の一部を選択状態にします。 続いて「Generative Fill(ジェネレーティブ塗りつぶし)」をクリック。 すると、道路上のタイヤ痕が消えました。 続いて道路の中央部分を選択。 「yellow road lines(黄色い車線)」と入力して「Generate」をクリ
pixiv SketchのWeb版はReact + FluxibleでSSRを実現していました。 今回、FluxibleというライブラリをRedux Toolkit + Next.jsでリプレースした話をさせていただこうと思います。 このリプレースで狙った効果は、クライアントサイドのパフォーマンス向上と、開発容易性・メンテナンス性の向上の2つです。 背景 Next.js化前、つまりFluxibleの時点での状態として以下のものがありました。 Fluxibleの開発が止まってしまっている・Fluxibleの知見が少ない 致命的なバグや脆弱性があったときに対応できない FluxibleはReact 15.x までしか対応しておらず、16以上はサポート対象外 Storybookのstoryにできるコンポーネントと、できないコンポーネントにわかれてしまう コンポーネントにFluxible由来のアク
「スマホで手軽に、こだわったきれいな写真を撮りたい」というわがままな要望をかなえてくれるアプリがある。アドビがスマートフォン向けに「基本無料」で配信しているアプリ「Adobe Lightroom」を使えば、シャッタースピードやISO感度はもちろん、アドビのAIを使った高度なフォーカス機能や色補正を利用できる。 「基本無料」なのはスマートフォン単体で利用した場合のみで、PCとの連携やクラウドストレージを利用したい場合は、「Creative Cloud」の月額1078円(税込み、以下同)で利用できる「フォトプラン」や、月額6248円の「Creative Cloudコンプリートプラン」を契約する必要がある。PCとクラウドで連携して編集にこだわりたい、という場合にはこちらをおすすめする。
After Effectsで自己紹介モーショングラフィックスを動かそう Adobe After Effectsは、最先端のビジュアルエフェクトとモーショングラフィックスを実現する、強力かつ柔軟に対応可能な映像制作・合成ソフトウェアです。 ウェブでよく目にするようになった動画の種類は、商品やサービスのPRを目的としたもの、動画そのもので収益を上げるもの、オープニングムービーやモーショングラフィックス、趣味やコミュニティを目的としたものなど等、多種多様な広がりを見せています。 本セッションでは、気軽に作れる制作デモを交えながら、今すぐ実践できるAfter Effectsの基本解説やワークフローをご紹介します。 これを機に、皆さんも気軽にAdobe After Effectsで動画制作を始めませんか。 今回のセッションで取り組む「自己紹介モーショングラフィックス」の作例 作例で使用しているAft
Photoshopいらず? 写真から不要なものを削除できる無料ツールがすごい!2021.11.13 16:0014,586 lifehacker Jake Peterson – Lifehacker US [原文] ( 編集部 , ぬえよしこ ) ライフハッカー[日本版]2021年10月30日掲載の記事より転載 傑作を撮影したと思ったのに、不要なものが写ってしまっていたらがっかりします。 気づかないうちにシャツについていたコーヒーの染み、赤の他人が背景に写っていた。 そんなとき、Photoshopに頼る前に無料のオプションを試してみてはどうでしょう。 以前、私はPhotoshopを使っていたのですが、使いこなしていたとは言えないレベルでした。基本的な編集作業はできたのですが、少しでも複雑な作業になるとものすごく時間がかかっていました。 もうPhotoshopは持っていません。ですから、今ま
おつかれさまです。デザイナーのみやです。みなさんはデザインをクライアントに提案するときに、アニメーションの話はどこまでしていますか? Webでは一口にデザインといっても、ビジュアルだけではなく情報設計やインタラクションなども含まれます。コンセプト、デザインカンプ、戦略などの提案でも必要十分ですが、ホバーやオープニングアニメーションを合わせて提案することでより完成時のイメージが伝わりやすくなります。 アニメーションサンプルを作るメリット わかりやすく説明できるため 文字より絵、絵より動画で伝えた方が、ぱっと見での情報量が段違いに変わってきます。 言葉だけでイメージを伝えるのはとても難しいことです。頭の中のイメージを言葉やジェスチャーだけで相手に完全に伝えることはできません。擬音一つとっても同じものをイメージしているとは限らないため、よりわかりやすく伝える手段を用いる必要があります。 伝えるた
Adobeは米国時間6月8日、Appleの「M1」プロセッサーを搭載する「Mac」にネイティブ対応する、「Lightroom Classic」の初めてのバージョンをリリースした。電力消費効率の高いAppleのハードウェアをさらに有効活用したいフォトグラファーにとって、うれしいニュースだ。 新しいLightroom Classicに追加された主要な新機能は、Adobeの「スーパー解像度」技術によって写真サイズを4倍に拡大できるというもの。3月に「Photoshop」で初めて提供されたこの機能を使えば、遠くの物体にズームインしたり、より大きなサイズで写真を印刷したりできる。この機能はLightroomのすべてのバージョンで提供されているが、M1搭載Mac上では、Appleが自社製プロセッサーに組み込んだ、AIアクセラレーションの「Neural Engine」回路が活用されているため、特に高速化
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というWebサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 この記事では、フォントワークスがGitHubで配布している無償フォントをPhotoshopやIllustratorで使用する方法について解説します。 フォントワークスがGitHubで公開しているフォントは「SILオープンフォントライセンス」のため、無償で個人利用はもちろん、商用利用も可能です。 SILオープンフォントライセンスについて、詳しくは以下のページに書かれています。使用前に確認しま
iOSシミュレータ上の操作を録画しSlackやGitHubなどで共有できるMacアプリ「RocketSim」がSketchやFigmaなどのイメージソースとの比較とTouch操作の録画をサポートしています。詳細は以下から。 RocketSim for XcodeはAntoine van der Leeさんが開発している開発者向けのユーティリティアプリで、iOSシミュレータの画面や操作を録画しSlackやGitHubなどで共有できるようGIFやMP4形式で書き出してくれる機能がありますが、このRocketSimがデザインを比較できるRocketSim Compare機能を搭載した「RocketSim for Xcode v4.0」をリリースしています。 Introducing RocketSim Compare Compare designs from Sketch, Figma,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く