伊藤園、「おーいお茶」のパッケージに画像生成AIを活用
伊藤園は8月28日、9月に発売する「お～いお茶 カテキン緑茶」のパッケージデザインに画像生成AIを活用したと発表した。同様の取り組みは同社初。「中身だけでなく、外観も時代に合った魅力を伝えられる製品開発に努める」（同社）という。 画像生成AIサービスは、商品パッケージのリサーチやデザインを手掛けるプラグ（東京都千代田区）のものを活用。商品デザインに特化したAIサービスの先行試用版で生成した画像を参考に、デザイナーが一から作り直したという。 AI活用のデザインは500ミリリットル、1リットル、2リットルのペットボトルに加え、パウダータイプの「お～いお茶 カテキン緑茶 スティック」で採用。「茶葉の生命力を現したもので、従来のデザインとは一線を画す鮮やかな色彩と抜群の視認性を最大限に引き出したデザインをあしらった」（伊藤園）としている。 関連記事 AIが生成した絵画が、アニメ「BEASTARS」
一から学ぶベジェ曲線 | POSTD
(編注：SVGアニメーションを元記事にならい追加しました。リクエストありがとうございました。) 皆さんは線分のことをどう表現しますか？ 線分は、端点によって考えられるかもしれません。その端点を P0 、 P1 と呼ぶことにしましょう。 線分を厳密に定義するならば、「 P0 と P1 を結ぶ直線において、 P0 と P1 の間にある全ての点の集合」と言えるかもしれません。これは以下のように表せるでしょう。 便利なことに、上記の定義から、その線分上のどこにある点の座標でも簡単に求めることができます。例えば、中点は L(0.5) にあります。 実は、2点間のどんな値でも、任意の精度で 線形補間する ことが可能です。そのため、時間関数 L(t) の t で線をたどるといった、より複雑なことができるのです。 ここまで来ると、「それが曲線と何の関係があるのか？」と不思議に思うかもしれません。2つの点だ
チャートやグラフを飛躍的に分かりやすくするシンプルなポイント10個
情報を可視化すると人に伝わりやすく、また強く印象に残すことも可能です。そのためプレゼンテーションにおけるチャートやグラフは非常に重要になってきますが、一歩間違えば情報を分かりにくく、最悪の場合、間違った理解を見ている人に与えてしまいます。そこで、HubSpotがチャートやグラフのデザインなどプレゼン資料を飛躍的に見やすくするポイント10個を公開しています。 Why Most People's Charts & Graphs Look Like Crap http://blog.hubspot.com/marketing/data-visualization-mistakes Why Most People's Charts and Graphs Look Like Crap http://visage.co/peoples-charts-graphs-look-like-crap/ ◆01
画像処理入門講座 : OpenCVとPythonで始める画像処理 | POSTD
この記事を書くに至ったきっかけ Recruse Centerでは、私は、画像処理の勉強に時間を費やしていました。独学をし始めた頃は、何をするものなのか全く理解しておらず、ただ、文字や輪郭、模様などを識別するのに役立ち、これらで面白いことができる、ということくらいの知識しかありませんでした。 私の情報源は、主にWikipediaや書籍、公開されている大学の講義ノートです。これらの資料に慣れ親しんでくるにつれ、画像処理の世界における基礎を伝えられる「入門向け画像処理」を望むようになりました。 これが、この記事を書こうと思ったきっかけです。 前提条件 この記事は、Pythonが扱えるということを前提に書いています。その他の事前知識は必要ありませんが、NumPyや行列計算に慣れていると理解しやすいでしょう。 初めに 使用するのは、Python版OpenCV、Python 2.7 ^(1) 、iPy
海外のゲーム会社に勤めるアーティストが開発した無料で使えるパース作成ツール「Carapace」が使いやすい！！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
今回ご紹介するのは 無料で、 どんなお絵かきソフトにも使え 背景を描くためのパースグリッドが簡単に引けるツール 「Carapace」 のご紹介です。 このソフトは、 有名なゲーム開発エンジン 「Unreal Engine 4」 を開発した 「Epic Games」 に努めている シニアアーティストである 「Warren Marshall」さん が作ったツールです。 使用方法はとても簡単です。 まずは、使用方法の動画をご覧ください。 どういったことが出来るか把握できると思います。 【操作方法】 ・[左クリック] + [マウス移動] ： 選択したものを移動 ・[中クリック] + [マウス移動] ： カメラのパン ・[マウスホイール] ： カメラのズーム ・ ： 選択解除 ・ ： カメラのリセット ・ + ： ドキュメントのリセット ・ + ： ドキュメントのリサイズ ・ ～ ： マウスカーソル
UnityのuGUIのクリック範囲を広げたり制限したりする方法 - テラシュールブログ
Unityのボタンは画像の範囲でクリック判定を行います。 この範囲は基本的にGraphicクラスが表示されている範囲に適応されます。要するに「画像が表現されている範囲（の四角）」に適応されます。 この当たり判定の範囲を絞るには、ICanvasRaycastFilterを使用します。この範囲を設定することで、実際に当たり判定が発生する範囲を限定することができます。 例えばボタンの当たり判定を円形にくりぬくような場合、以下の様なコードが使用できます。 円形当たり判定のボタン 逆に当たり判定の範囲を広げる場合、以下のコードが使用できます。 このコードは単純に画像を描画せずGraphicの当たり判定の範囲だけを使用します。 GraphicRaycasterの当たり判定だけを使う このコードをImageの変わりに設定し、Buttonの子オブジェクトに設定すると、RectTranformのサイズをボタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
