伊藤園、「おーいお茶」のパッケージに画像生成AIを活用
伊藤園は8月28日、9月に発売する「お～いお茶 カテキン緑茶」のパッケージデザインに画像生成AIを活用したと発表した。同様の取り組みは同社初。「中身だけでなく、外観も時代に合った魅力を伝えられる製品開発に努める」（同社）という。 画像生成AIサービスは、商品パッケージのリサーチやデザインを手掛けるプラグ（東京都千代田区）のものを活用。商品デザインに特化したAIサービスの先行試用版で生成した画像を参考に、デザイナーが一から作り直したという。 AI活用のデザインは500ミリリットル、1リットル、2リットルのペットボトルに加え、パウダータイプの「お～いお茶 カテキン緑茶 スティック」で採用。「茶葉の生命力を現したもので、従来のデザインとは一線を画す鮮やかな色彩と抜群の視認性を最大限に引き出したデザインをあしらった」（伊藤園）としている。 関連記事 AIが生成した絵画が、アニメ「BEASTARS」
Adobe Fireflyがベータ版として一般公開。待機リストなしで利用可能に
いまのところ利用できるのは、テキストから画像を生成する機能（Text to Image）とテキストに指定した効果を適用する機能（Text effects）、SVGファイルのカラーを変更する機能（Generative recolor）です。 「Text to Image」は、今やすっかりおなじみになった機能ですが、指定したテキストに沿った画像を生成してくれるというのも。なお、いまのところテキストは英語のみを受け付けています。 ▲「部屋の中でスマートフォンを手に持った可愛い女性」で生成 Adobe Fireflyでは、権利的にはっきりしているAdobe Stockの登録画像をAIの学習に利用しているので、商用利用などでも安心して行えるというのが特徴になっています。反面、学習する幅が狭くなっているため、出力されるバリエーションは少なめに感じました。 ちょっとおもしろいと思ったのが「Text ef
Adobe製デザインシステム「React Spectrum」がすごいので紹介したい - Qiita
🚀 Super excited to announce: ♿️ React Aria — Accessible UI primitives for your design system. 👑 React Stately — State and core logic for your design system. 🌈 React Spectrum — Adobe’s design system. Learn more: https://t.co/ucVguh3rqp Github: https://t.co/e8aOfLgCVK — Devon Govett (@devongovett) July 15, 2020 7月15日にAdobeのデザインシステム react-spectrum がリリースされました。 デザイン製も優れていますが、他の部分でのクォリティーが個人的にショックだった
Figma3.0リリースでFigmaがDOPEなデザインツールになった｜SketchでもAdobe XDでもない選択肢｜Nao Komura｜note
みなさんはFigmaというデザインツールをご存知でしょうか。 正直な所、Adobe XDやSketchなどと比べると知名度も低いし、それらのツールと比べても機能は充実しているのですが使い所が微妙。 (ちなみに、Figmaの公式サイトにもXD、Sketch、Invision Studio、Framerと比較したページはあるのですが全部同じ内容で肩透かしをくらいます。) という具合に個人的に推しているデザインツールではあるものの、惜しい部分が多くまだ布教できる段階では無いな、という印象も持っていました。 しかし...... バージョン3.0のリリースでその印象が大きく変わり、最強のデザインツールFigmaを布教するぞ、という気持ちになりました(謎の使命感) ということで、Figmaの機能の紹介をメインに主要なUIデザインツールであるSketchとAdobe XDとの比較なんかも合間合間していこ
サンコー、13.3インチフルHD液晶ペンタブレットポータブルを25,800円で発売 - MdN Design Interactive
本製品は、サイズを抑えることで価格も低くすることに成功したエントリーモデルの液晶ペンタブレット。液タブの初心者向けに設計され、液晶方式は発色が良く視野角も広いIPS方式（水平178度/垂直178度）、最大表示色1670万色、コントラスト比1000:1、色温度6500K、筆圧レベル2048、解像度は高精細な1920×1080（5080LPI）といった基本性能をクリアしている。 書き心地は紙に書くような滑らかさの筆圧レベル2048、応答速度は25msを実現。様々なペンの設定が行える専用ドライバーも付属する。ペンにはペン先の感触（硬さ）やボタンの割当機能、ペンの検出位置のキャリブレーションも可能。充電時間は約20分で連続使用時間は約60～80時間。 13.3インチ（幅360×高さ225×奥行14mm)というサイズは狭い場所や持ち出してのカフェなどでの作業に最適。USB給電なのでパソコンやモバイル
5 Awesome Adobe Apps That Are Completely Free
Adobe is one of the oldest and biggest names in computer software. The company is synonymous with web technologies and design programs. You usually have to pay a pretty penny for them, but you'll be surprised to know you can get some free Adobe apps these days. The company has recently been releasing several apps and programs for free. For instance, lesser-known free Adobe software like Adobe Scan
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体
アドビは、Googleとのパートナーシップにもとづいて、Source Han Sansのリリースを発表しました。この書体は、新しいオープンソースのPan-CJK書体ファミリーであり、Typekitからフォントを入手してデスクトップで使用できます。Typekitアカウントをお持ちでない場合でも、セットアップは簡単におこなえ、無料ですぐにSource Han Sansフォントを使い始めることができます。オリジナルのソースファイルを使用したい方は、GitHubのダウンロードページから入手できます。 Source Han Sansは、7つのウエイトが利用可能で、日本語と韓国語で用いる文字および中国語で用いる繁体字と簡体字のグリフのバリエーションすべてに完全に対応する 書体ファミリーです。さらに、評価の高いSource Sansファミリーのラテン文字、ギリシャ文字、キリル文字も含まれます。ファミリー
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
Specctr | Home
768 px 100 px 200 px 200 px Fill: none Stroke: Solid 13pt #4990E2 Stop spec'ing by hand Design. Iterate. Spec. Sync. Add specs to your designs in an instant. Simplify your design to dev production with Specctr's panel and new automated annotation features. Now open source and free to use. Download Here Introducing Specctr 3.0 Spec in just a few easy steps! Our newest panel is better than ever. New
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
Fireworks後のツールとワークフロー
Fireworks 以外の選択肢は？ Adobe Creative Suite が終了し、Cloud の一本化が発表されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしいツールとはいえません。 Fireworks
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog