【マンガの産業革命！？】「写真からマンガ背景用の線画を抽出するAIの性能が割とえぐい感じになった」
🐸かえる明王.jp🐸🛋️ @FrogMyoO コレ、商品として売ったら絶対産業革命がマンガ業界で起きるわ しかもこれをblenderで作った3DCGデータにも使えれば本当に一人で週間マンガ描ける時代が来るわ twitter.com/minux302/statu… 2022-06-17 19:12:22
🐸かえる明王.jp🐸🛋️ @FrogMyoO コレ、商品として売ったら絶対産業革命がマンガ業界で起きるわ しかもこれをblenderで作った3DCGデータにも使えれば本当に一人で週間マンガ描ける時代が来るわ twitter.com/minux302/statu… 2022-06-17 19:12:22
2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWebデザインの10個の最新トレンド予測をご紹介したいと思います。1つ1つのトレンドごとに実際のWebサイトの事例を掲載しているので、ぜひご自身で体験してみてください。 1. 3Dイラスト 3Dのイラストを使ったデザインは、2021年の大きなトレンドの1つとなりましたが、2022年はさらに注目すべきトレンドの1つとなるでしょう。特に2Dのフラットなイラストを3Dに変化させたような、2Dと3Dを組み合わせたスタイルは要チェックです。 リアルで魅力的な楽しいイラストに、柔らかなキャンディーカラーと組み合わせたようなスタイルは、特にアプリのデザインなどでトップトレンドになると考えています。 Dribbb
CSSとSVGでグラデーションにノイズを与え、粒子の粗いグラデーションを実装する方法を紹介します。 背景など通常のグラデーションに使用するだけでなく、暗くしてシャドウに使用したり、輝度とコントラストを上げてホログラムのような虹色のグラデーションとして使用することもできます。 Grainy Gradients by Jimmy Chion 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ノイズを加えたグラデーションを生成できるオンラインツール 実装: SVGノイズとCSSグラデーション SVGのturbulenceを使用する SVGとグラデーションを使用してCSS背景を作成する 明るさとコントラストを高める ノイズのカラーが均一でない CSSのブレンド機能 粒子の粗いグラデーションの使用例 さらに詳しく ブラウザのサポー
「新しい働き方」が声高に叫ばれる令和の時代――。多くの場面で「効率的な作業」についての議論がされている。機械学習を活用した最新ツールを導入し、自動化できる工程を増やす。そして、人が手作業で行う単純労働を極力減らすことで、限られた集中力を、より生産的でクリエイティブな方に向ける。そんな文脈のなかで、多くのビジネスパーソンは暮らしているはずだ。 しかし、こうした時代の潮流に真っ向から逆らう非生産的な文化もいまだに存在する。例えば、メールに添付された表計算ソフトのデータを開いた際に、セルのサイズが均一な正方形に整えられ、セル結合を多用し、方眼紙のマス目状となった1セルに対してそれぞれ1文字のみを入力するという形式になっていたら、ギョッとすることだろう。 表計算ソフトを活用したこうしたファイルは、俗に「神Excel」（ネ申Excel）と呼ばれ、実際に役所で長らく使用されてきた歴史がある。では、なぜ
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
日本で唯一海の上に浮かぶ小学校「旧赤崎小学校」の異世界感がすごい「コミティアの漫画に出てきそう」「文明崩壊後の世界」
遠藤たつみ@色々準備中 @EndDragon 背景資料で撮りまくってた写真を整理してたんだけど、やっぱこの小学校の異世界感は凄いわ。コミティアの漫画に出てきそう pic.twitter.com/PSUpqIFUsx 2020-08-01 17:36:25
初代ガンプラ王のプラモ教室、エアブラシの塗膜を綺麗に塗る理論を聞く。『これもう大学とかで教えてもいいんじゃないかなぁ』
マッキーめぐみ@ガンプラとかVRとか好きな人 @mamegumeru 初代@cv09essex のプラモ教室、新新宿にてエアブラシの塗膜を綺麗に塗る理論を聞く。 これもう大学とかで教えてもいいんじゃないかなぁ、ってレベルなので見てみて pic.twitter.com/QluVQnRatZ 2020-09-13 19:00:29
先週、AppleのM1をネイティブサポートしたPhotoshopがリリースされましたが、それとともにAdobe Camera Rawもv.13.2にアップデートされ、新機能として「スーパー解像度（Super Resolution）」が実装されました。 スーパー解像度とは写真画像をAdobe SenseiのAIで幅と高さを2倍に拡大にできる機能で、拡大してもディテールは保持されたまま4倍の解像度になります。 写真素材: ぱくたそ 参考: Adobe Blog: 新機能「スーパー解像度」の活用方法 スーパー解像度とは スーパー解像度の使い方 スーパー解像度とは スーパー解像度の元となっているのは2年前の「ディテールの強化」で、そこからさらに進化し、第2の「強化」機能「スーパー解像度」としてリリースされました。 現在のところ、スーパー解像度が利用できるのはAdobe Camera Raw v.1
会社のwebデザイナーが無能すぎてヤバいｗｗｗｗ
去年の冬に転職したweb系のプログラマー。 今の会社のwebデザイナーが無能すぎてしんどい。 以下愚痴 1. photoshopでwebデザインすんな！photoshopで作ったpsdのwebデザインを渡されて、フロントエンド担当がHTML/CSSコーディングしてるんだけどどうなのこれ？ なんでphotoshop使うの？webページ作るんでしょ？最初からHTMLで書けよ？ いや分かるよ ラフの段階でphotoshopでササっと書いた方が客と調整しやすいもんな でも最終的にはHTMLで出すんだから、デザイナーがHTML/CSS書いて来いよ それをなんか知らないけど、普段使わねーphotoshop開いてルーラー出して、 「ここと、ここのボックスは10pxだからーmarginを...」 「ここは、webフォントの〇〇を使おう」 とかフロントエンド担当が相談してんのｗ バカなの？死ぬの？ 最初から
Adobe IllustratorをCS4から10年以上使っているんですが、そろそろAdobeにも飽きてきたので他の選択肢を探してみようと思い色々休日に調べていました。 探してみると選択肢は非常に少なく、フリーのInkscapeか有償のAffinity Designerのどちらかを選ぶという状況です。 Affinity Designerも有償と言えど6,000円程なので、たったのCC1ヶ月分です。 https://affinity.serif.com/ja-jp/designer/ Affinityという名前は初めて聞いたのですが、多くのIllustratorの機能をサポートしている上に、公式サイト・ヘルプが日本語に翻訳されており敷居も低いです。製品ラインは3つ用意されており、 Affinity Photo: Adobe Photoshopの代替え Affinity Designer: A
Twitter機能不全の背後には何が？——セルフDDoS、支払い停滞、組織弱体化の疑惑｜星 暁雄（ITジャーナリスト）
[ 星暁雄の仕事はこちら ] 2023年7月1日、日本でもTwitterの不調、不具合を訴えるツイートが増える様子を見た。「API制限のメッセージが出て閲覧できない」「自分のツイートも見られない」などの内容だ。今回の機能不全に関して、メモを残しておきたい。一言でいえば、Twitterの経営判断ミスと技術的ミスの積み重ねにより、ユーザーに迷惑がかかる結果となった。その背後には組織の弱体化があると考えられる。 Twitterのオーナーであり、CTO（最高技術責任者）を名乗るイーロン・マスク氏は7月1日（現地時間）、Twitterユーザーが感じている不調の理由は「異常なスクレイピング（注：Webサイトから機械的にデータを取得すること）の負荷に対応するため、閲覧できるツイート数を制約したため」と説明した。 いくつかのアカウントが機械的に大量のツイートを収集する挙動をしているため、全ユーザーに対して
まとめ 【新世代コミPo】「Midjouney」にマンガを描かせてみるテストで出来上がった超美麗フルカラー漫画「サイバーパン.. 「作れるかも」といっている暇があったら「作ってしまってから考えればいい」という精神、実にクリエイターらしくて良い 128873 pv 510 631 users 324 中本アイアール＠水平思考ユニットうみがめ部 @air_nakamoto Midjourneyさんに、 TRPGセッションの背景画像をご担当いただきました。 17世紀大航海時代シナリオということで、 背景の用意をどうしたものかと思っておりましたが、 短納期にもかかわらず、快く引き受けてくださいました。 ほんと、女神様やで。 pic.twitter.com/SlCBnEgprA 2022-08-11 18:18:57 リンク TRPG JAPAN Midjourneyの使い方｜TRPGの背景や挿絵に
2022年のロゴデザインのトレンドはワードマークとタイポグラフィがより重要な役割を果たしています。特にジェンダーや環境配慮などはどのジャンルのデザインでも積極的に取り入れられています。 デザインの引き出しを増やすには、注目されているトレンドを押さえておくことが大切です。ロゴにはタイポグラフィ、カラー、形など、デザインの基本となる要素が詰まっており、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2022 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2022年、ロゴデザインのトレンドの傾向 三角形を2つ使用したロゴ「BowTies: 蝶ネクタイ」 一滴の重要性がわかるロゴ「Uvula: 口蓋垂」 ライフラインを表現するロゴ「Rooters: 木の根」 圧力を反転さ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間
Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景パターンをCSSだけで作ることができ、使い方を覚えておくとWebデザインに色々と活用することができます。 今回は、CSSだけで背景パターンや模様を表示するメリットや、様々なサンプルコードが掲載されているおすすめのサイトをご紹介したいと想います。 CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが挙げられます。 背景画像を書
AD時代の「アウトプット」の思い出 私自身が初めて高速仕事術をしたときのエピソードを紹介します。 そのとき私は19歳でした。私は幼い頃から「作家になりたい」という漠然とした夢を抱き続けていました。当時、憧れの作家の経歴をみると、秋元あきもと康やすし氏をはじめ「放送作家」をしている人が少なくなく、作家への足掛かりとして放送作家になることに決めました。放送作家へとフォーカスしたのです。 何もわからないまま、私は大学に通いながら、テレビ番組の制作会社に出入りするようになりました。何の実績もコネもない私がいきなり放送作家になれるわけもなく、初めのうちは当時一世を風靡ふうびしていた「天才・たけしの元気が出るテレビ‼」のAD（アシスタントディレクター）としてハードな毎日を送っていました。 テレビ業界に入って数カ月後、私は放送作家になるためのアウトプットを何も起こせていない自分に焦りを感じていました。行
デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
※本記事はアフィリエイトプログラムによる収益を得ています 建築専門誌『建築知識』を出版するエクスナレッジから発売された『いちばんやさしいパースと背景画の描き方』（税別2200円）が、漫画家やイラストレーターなどの絵描きを中心に人気を呼んでいます。建築専門書としては超異例の発売前重版が決定するほどの大反響！ 『いちばんやさしいパースと背景画の描き方』（エクスナレッジ／著・中山繁信） 漫画やアニメの背景をよりリアルかつ効果的に見せるために欠かせない基本的な建築の知識を、パースの描き方と一緒に学べる一冊。著者は、2019年に発売され完売するなど話題になった『建築知識2019年10月号』の「パースと背景画」特集でも多くの記事を執筆した中山繁信さんです。 内容としては「二点透視図法」「陰影のつけ方」などの図法の基本から、手早くうまく描けるテクニックなどを紹介。さらに建物の各部位の寸法から名称までも丁
「偉い人の考えるプログラマーの作業効率と実際の作業効率の違い」のグラフに他業種からも共感の声ぞくぞく「即続きからできると思うな」
mizoono @5plus2_ @bugnekotinyan 紙に、1～10を書いてから、あ～こ、a～jを書くのと、1、あ、a、2、い、b、3、う、c…と書くのでは、倍以上の時間がかかる（自身の実験結果） 如何に割り込みやマルチタスクがパフォーマンスに悪影響を及ぼすのかが良くわかりますね。 2020-05-30 11:13:16
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
元Evernote CEOで、現在All Turtlesの代表をつとめているPhil Libinさんから、すごいアプリの発表がありました。 テレビカンファレンスから、ゲーム実況、プレゼンテーションのやり方さえも変えてしまう画期的なアプリなのですが、問題はその発音です。「mmhmm」（んーふー）という、英語であいづちを打つときに発する音がアプリ名になっています。 んーふー。なるほど。 mmhmm は、最も簡単に紹介するならば「Zoom や Google Meetなどのテレビ会議用のプレゼンアプリ」といえます。しかしその可能性は、はるかにそれを上回るものです。 その威力を見てみましょう。 Zoomを遥かにこえる自在の背景映像 まず、mmmhmm ではZoomのバーチャル背景のような画像をすぐに作り出すことができます。 たとえばこのように、テレビショーのホストのように、画像を後ろに呼び出すことが
2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示
TVアニメ『僕の心のヤバイやつ』の背景から英語を残してハングルと中国語が選択的に消されたらしい件 - 法華狼の日記
先ごろ放映された第5話に対して、韓国人らしき下記ツイートの指摘が注目を集めている。 뭐가 이상한데 싶었는데 역시 이상하다. 애니에 등장하는 해당 씬의 간판은 다국어표기가 되어있어야 하는데 이상하게 '한글'만 빼놨음 ㅋㅋㅋㅋ 이상하게 좌우 벨런스가 안맞는 디자인을 할 리가 없는데 왜저러지 싶어서 찾아본건데 ㅋㅋㅋ https://t.co/lpji53PsZ3 pic.twitter.com/rHpdFex69j— 마이너스의 손 (@Dangerplanet) 2023年5月1日 뭐가 이상한데 싶었는데 역시 이상하다. 애니에 등장하는 해당 씬의 간판은 다국어표기가 되어있어야 하는데 이상하게 '한글'만 빼놨음 ㅋㅋㅋㅋ 이상하게 좌우 벨런스가 안맞는 디자인을 할 리가 없는데 왜저러지 싶어서 찾아본건데 ㅋㅋㅋ 手直しせずgoogle翻訳をとお
デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2019 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2018年のロゴデザインのトレンド 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザインのト
過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ
MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。 アイコンは角が丸く、形状が単純化されており、スマホでの視認性や操作性が考慮されています。スタイルはソリッドとベタ塗りの2種類、2,186種類すべてがSVGアイコンです。 Fluent Icons ※オープンソースなので、有志によるサイトも作成されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。 アイコンは全部で、2,186種類！ アイコンのスタイルは、Regularのソリッド、Filledの塗りつぶしの2種類。 スマホのUI用に、24pxでデザインされたアイコン。 ダークモードにも対応。 アイコンはSVGで、コードのコピーあるいはファイルのダウンロードで利用できます。 すべてSVGアイコンなので、サイズやカラー
乙女ゲームのロード画面では、“自分の映り込み”に配慮して黒背景を禁止する例があった。複数タイトルの検証によって見えてきた、没入感への配慮 - AUTOMATON
ホーム ニュース 乙女ゲームのロード画面では、“自分の映り込み”に配慮して黒背景を禁止する例があった。複数タイトルの検証によって見えてきた、没入感への配慮 日々ゲームを楽しむにあたって、“没入感”を大切にしているプレイヤーは少なくないだろう。しかし、どっぷりとゲームの世界観に浸りたくとも、ちょっとしたことで興をそがれてしまうことがある。よくある例が、「暗転した画面に自分の顔が映り込んでしまう」というものだ。画面がツルツルして反射しやすい、携帯ゲーム機やスマートフォンで顕著に発生する事象である。虚構から突如として現実に引き戻されてしまい、人によっては大きなダメージを受けることだろう。 この「映り込み現象」に対して、女性向け恋愛シミュレーションゲーム、いわゆる乙女ゲーム業界では、興味深い対策がおこなわれていたようだ。ゲームプログラマーのまかべひろし氏はTwitterに「大昔、乙女ゲーとかではL
覚えておくと便利なCSSデザインTipsを9つ集めてみたUpdate2023.05.18Release2023.05.18Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。 見出しの改行位置をCSSで調整する見出しの改行位置を調整する見出しの文章が中央揃えである程度の文字数があると、スマホで見た場合意図したところで改行ができていないことがあります。上の動画をご覧ください。上側の文章は改行されると2行目3行目も中央寄りになるため、画面サイズによっては最終行が1〜3文字になってしまい
AIベンチャーのラディウス・ファイブ（東京都新宿区）は7月29日、AIを使って写真からアニメ用の美術背景を生成するサービス「Anime Art Painter」を始めた。写真をアップロードするだけでアニメ風の背景に変換できる。1枚の画像から4種類の背景を30秒程度で生成する。背景の生成は無料だが、画像のダウンロードは有料で料金は480円から。 大まかには、ディープラーニングを使い、写真のテクスチャ（質感）を簡略化。アニメやイラストに使われるような画風に変換する仕組みという。建物や夜景、山などの自然物、近距離で撮影した物体、屋内の背景など、物体に応じてテクスチャの変換や色合いを調整するという。生成される4種類の画像は、アニメでよく使われるような水彩風の絵を2種類と、べた塗りに近いアニメ風の絵が2種類。 同社は現在のアニメ業界について「制作が2年待ちといわれるほど行き詰まっている」と指摘する。
新型コロナウイルスの影響で、従業員に在宅勤務を指示する企業が増えている。これに合わせて「Zoom」「Google Hangouts Meet」「Microsoft Teams」といったWeb会議ツールを使ったミーティングを行う機会が急増中だ。基本的にはWebカメラとマイクスピーカーなどを使ってビデオ通話を行うのが一般的だが、中には自宅の様子を映したくないという人も多いだろう。 そんなニーズに応えるため、「Zoom」と「Microsoft Teams」には、「バーチャル背景」と呼ばれる機能が備わっている。カメラに映る人物を認識し、その背景だけに画像や動画を合成できる。本来ならクロマキーなどを使う合成処理を手軽に反映できるとあって重宝されている。 バーチャル背景に設定できる画像や動画はユーザーが好きなものを使える。そこで、業種を問わずさまざまな企業などが、バーチャル背景としての用途に適した公式
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
米Adobe Systemsは、Photoshopで加工した顔写真を見分けられるAIを開発しました。加工した部分を特定して、もとに戻すことも可能です。 加工された顔 開発はカリフォルニア大学バークレー校の研究者と共同で行いました。同社は過去の研究ではツギハギや複製などによる画像加工を対象にしていましたが、今回は顔のパーツを調整するPhotoshopの「Face Aware Liquify」機能を使って加工した写真を特定できるツールにフォーカス。この機能が人気があるためとしています。 検知された加工部分 研究ではConvolutional Neural Network（CNN：畳み込みニューラルネットワーク）に、多数の加工写真と元の写真をディープラーニングで学習させました。その結果、開発されたツールは99％の精度で加工された写真を特定できたといいます。一方人間では53％の精度でした。 またこ
Adobe MAX 2022「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」フォローアップ | DTP Transit
Adobe MAX 2022、10月19日[水] 15:00-15:30の「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識 [S953]」セッションのフォローアップです。 この記事内の目次 アーカイブ アドビのサイトでの公開が終了したため、YouTubeチャンネルに移しました（2023年7月9日）。 セッション概要 2012年のCreative Cloud以降、いわゆるメジャーアップデート以外のタイミングでも新機能や機能強化が行われるようになりました。デモ映えするけど現場でニーズのなさそうな機能は控え目に、“地味だけど日々の仕事にすぐに役立つ”機能強化が増えています。 昔の使い方のままでも日々の仕事はこなせますが、「知っていたら早く終わる」「使えばキレイに仕上がる」機能を使わないのは「損」です。ここ10年で、ゆうに200以上はある新機能・機能強化の中から厳
h1やpなどブロック要素にボーダーや背景をつけると、通常はその要素のコンテナボックスいっぱいに適用されます。要素やコンテナのサイズに関係なく、ボーダーや背景を拡張させるCSSのテクニックを紹介します。 入れ子で実装？ と思いましたが、全然違いました。h1要素は1つだけ、他の要素はなし、疑似要素もなし、複数行になっても問題なし、CSSのプロパティ1つで実装できます。しかもすべてのブラウザにサポートされています。 下記のようにボーダーや背景をボックスからはみ出して配置できます。
ヒイラギ🛡 @hiiragi_1226122 @phi16_ なるほど！鏡鏡って皆言ってるからどうやって写してるんだろう？って思ったらただ単にシール貼ってるだけか！全然わかんなかったww 2019-08-10 19:11:02
最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2020
オンラインで本格的なロゴを作成できる「Logaster」で作成された9,000,000個の中から、2019年に人気だったロゴのデザインを調査・分析し、2020年に注目されるロゴデザインのトレンドを紹介します。 Logasterの中の人から依頼があり、今年も日本語化するお手伝いをさせていただきました。ここに掲載されているロゴのデザインは、小さいサイズならすべて無料で作成してダウンロードすることができます。 ※2022/10: Logasterは買収されました。 また、過去のトレンドと比較してみるのも、面白いです。 2018年、ロゴのデザイントレンドのまとめ 2019年、ロゴのデザイントレンドのまとめ 1. ロゴの単純化 デザインの単純化は今までのトレンドから、確立された哲学へと発展しました。すっきりとした構成により、ロゴの用途が広がり、実用性も向上しています。その結果、ロゴのミニマルなデザイ
彰国社エディターズ @shokoku_editors 丸善丸の内本店 様（丸の内オアゾ）３階 理工書コーナー 新刊『エスキスって何？』小川真樹他著 『スケッチ感覚でパースが描ける本』中山繁信著 置いていただいてます！ やりたいことをカタチにできる！適当なのにきちんと見える！ お手に取ってみてください！（撮影は許可をいただいております） pic.twitter.com/Nfg4ZS7H2C 2020-01-20 19:21:00
「絵の上手い方は観察の解像度が全然違うんだな…」となりのトトロ美術監督の男鹿和雄さんに木の書き方を聞いたときのエピソードが参考になる
遠藤正明 @T35endou 昔話を一つ「となりのトトロ」の時、美術とは同じフロアだったので美術監督の男鹿さんに不遜にも木の書き方を聞いてみたのです（自分はLOで木がうまく書けなかったのですが美術設定のあまりのうまさに感激して聞いてみたのでした）男鹿さんは快く教えてくれました。 2021-09-24 01:20:52 遠藤正明 @T35endou 何時の間にか還暦を超えていた初老のアニメーターです。アナログでものぐさなのでつぶやきは少ない予定、軽口をたたかない様に徐行運転で行きます。音楽はバッハと梶浦由記が好き、歌は歌いません。カロリー制限中なのでいつも腹ペコ… 遠藤正明 @T35endou 「根元にひこばえを書くといいよ」と、さらさらと見本を書いて見せてくれて、次は「木の種類にもよるけど枝を捻じらすと感じが出る」そして「枝は枝分かれするまで同じ太さで書く」覚えているのはこの３つ、これだけ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2022年に流行するWebデザインの最新トレンド10個まとめ | Web Design Trends
最近見かける、粒子の粗いグラデーション！ほんの少しのCSSとSVGで実装できるの知ってた？
なぜ「ネ申エクセル」は生まれたのか 誕生を目撃した元市役所職員が語る“美しさ”の追求
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
Adobeの新機能「スーパー解像度」がすごすぎる！古い写真画像でも驚くほど美しく拡大できる
Illustratorの代わりにAffinity Designerを使う
キャラを自分で描ける人によって「Midjourney」にマンガやイラストの背景を描かせる研究が着々と進んでいる模様
2022年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
コピペでOK！CSSで作る背景パターンのサンプルコードまとめ | Web Design Trends
仕事が速い人は｢自力でドーパミンを出す方法｣を知っている 平穏無事な毎日を送っていてはダメ
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
建築専門書『いちばんやさしいパースと背景画の描き方』が異例の発売前重版 絵師に刺さると話題に
Web制作を変える！2021年の便利オンラインツール・ベスト100選
万能のバーチャルカメラアプリ mmhmm（んーふー）がすごい
モバイル幅で作成されたWebサイトの特徴と作例
2019年のロゴデザインのトレンド -2019 Logo Trend Report
「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons
覚えておくと便利なCSSデザインTipsを9つ集めてみた | BUILD Journal
写真を「アニメの背景」に変換するAI 30秒で“水彩風”など4種類の背景を生成
Web会議で使える「 #バーチャル背景 」配布がブームに 企業まとめ
Photoshopで加工した顔写真を見分けるAIツール、Adobeが開発
CSSでこんなことができるの知ってた？ 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック
どうなってるの？ビッグサイト南館にある掲示板が謎技術すぎる→と思ったら意外に簡単な仕組みだった
建築系の本だけどイラスト描きさんにも！定規なしでも感覚的にパースが描ける本が話題に→建物版・インテリア版があります
laboratory.kazuuu.net
www.gamespark.jp
qiita.com/tomoikey
youtu.be
www.google.com
ascii.jp