タグ

Tipsとimageに関するko-ya-maのブックマーク (18)

  • DALL-E3 (ダリスリー) の無料教科書:初級編|プチpony

    DALL-E3を実装日からほぼ毎日使用し面白さにとりつかれています。何となくで触っているため, いまいち思った画像が出来ないことも多々ありましたので今回まじめに作成法を勉強してみました。初級編と名前がついているのは高等テクニックを教えるほどの技術がないだけで後に上級編が控えているという意味ではないです。 0. はじめに DALL-E とはシンプルなテキストのみで画像がつくれるAIです。 簡単なテキストのみで画像生成語源は『ウォーリー探せ』と芸術家の『ダリ』から来ているみたいです。ウィーリーはある種の「探し物」をする, userが提示するテキストのプロンプトから隠された要素やまだ見ぬ画像を「探し出し」生成することらしいです。 ウォーリーをインスパイアした少年1. 問題点, 主に著作権やはり何と言っても著作権問題ではないでしょうか。現在法整備が進行しているところです。OpenAIはコンテンツポ

    DALL-E3 (ダリスリー) の無料教科書:初級編|プチpony
  • Stable Diffusion WebUI 忘備録|かたらぎ

    LoRA 簡単に言えば素材となる画像を20~30枚程度用意し、AIに特徴を覚えさせることで人物や、背景、絵柄などを簡単に変更できるファイルのこと。 例えばキャラクターの髪や目や服の色がまちまちだったり、そもそもうまく出せなかったりそんな悩みを解消します。 既存のLoRAを自分の環境で使いたい場合はcivitaiなどからダウンロードしてください。

    Stable Diffusion WebUI 忘備録|かたらぎ
  • NovelAIを少しだけしか触ってない人に色々説明1(ざっくり知識編)|852話|note

    この記事はNovelAIで生成を何度か行ったことがあるけどそんなにドはまりしてない的な人向けの便利なサイトない?これって結局どういう意味?なまとめ記事です。 ある程度自分がTwitterでつぶやいたことの重複にもなるので適当に読み飛ばしてください。 2022年11月28日時点のNovelAI公式webを使用した記事内容になってます。 ・便利サイト紹介個人サイト『魔術書』 by Plat https://p1atdev.notion.site/p1atdev/611b109989c54ffca6219edd95d1b247

    NovelAIを少しだけしか触ってない人に色々説明1(ざっくり知識編)|852話|note
  • midjourney、AI画像生成のプロンプトを考える。(AIアート初心者向け)|852話

    この記事は初心者向けです。 こんにちは。852話(ハコニワ)です。 皆様AIアート楽しんでいるでしょうか? テキスト入力で画像を生成してもらえる夢のような時代ですね。 でも実際AI画像生成サービスを利用して、皆さん思ったんじゃないでしょうか。 「なんか変なのしか生成されない!」 プロンプトを探すのって結構面倒です。midjourneyは公式サイトのfeedやranking、検索からコマンドプロンプトを探したり出来ますし、stable diffusionもプロンプト検索サイトも色々あります。画像からプロンプトを抽出してくれるサイトなんかもあります。 「でも面倒くさい! もっと攻略的なサイトないの!?」 って結構思ってる人がいるんじゃないでしょうか。 そういう面倒くさがり向けの、要点のみを押さえた汎用プロンプトをまとめました。コピーペースト切ったり貼ったりで"それっぽい"ものを作ってみましょ

    midjourney、AI画像生成のプロンプトを考える。(AIアート初心者向け)|852話
  • Midjourney/Memeplex(StableDiffusion)などの画像生成AIで思い通りの画像を出すヒント|shi3z

    このnoteの収益を使ってStable Diffusionを使ったWebサービス https://memeplex.appを公開しました。誰でも無料で何枚でもAI作画をすることができます(そのかわり、混み合ってる時は時間がかかると思います)。 このnoteで学んだことをぜひ活用して、AIによる新しい時代の風を感じてください。 また、文中にMidjourney、StableDiffusion、DreamStudio、Memeplexなどの言葉が頻出するため、全面的な修正を行うことにしました。StableDiffusionに統一しておきたいと思います。 現状(2022/8/28)は、StableDiffusion=DreamStudio/Memeplexと考えて構いません。Memeplexは将来的にStableDiffusion以外のアルゴリズムもサポートする予定だからです。

    Midjourney/Memeplex(StableDiffusion)などの画像生成AIで思い通りの画像を出すヒント|shi3z
  • 濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール

    デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう? グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅

    濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール
    ko-ya-ma
    ko-ya-ma 2021/03/03
    くすむなら間にカラーストップを追加する…言われてみれば確かにそうしている
  • Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説

    ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

    Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説
  • Affinity Designer Japan Wiki

    Affinity Designer Japan Wiki Serif社開発・販売しているMac向けグラフィックソフト「Affinity Designer」の非公式Wikiです。 トップページページ一覧メンバー編集 トップページ 最終更新:ID:pfATKs5u6g 2015年07月02日(木) 20:08:06履歴 NEWS Affinity Designerへ投票を このたびAffinity Designerが2015 net awardにノミネートされました。ぜひこれに投票を検討していただけたらと思います。 私たちはアプリケーションの開発にほとんどすべてのリソースを注ぎ込んでいて、Affinityのマーケティングには多額の資金をあてられません。 ですので、この類の賞を勝ちとり世間に露出することは、私たちにとって大きなメリットになります。 こちらからAffinity Designerへ投

    Affinity Designer Japan Wiki
  • もうサムネイルで泣かないための ImageMagick ノウハウ集 - Cybozu Inside Out | サイボウズエンジニアのブログ

    こんにちわ、アプリケーション基盤チームの青木(@a_o_k_i_n_g)です。好きなみかんは紅マドンナです。 今回は、サイボウズのサムネイル事情について記事を書きたいと思います。サイボウズに限らず通常の Web アプリケーションでもサムネイル作成はよくあると思いますが、ハマりどころが多く涙しているサムネイリストも多いかと思います。これからの時代を生きるサムネイリストが快適なサムネイルライフを送れるよう、知見を共有したいと思います。 弊社では画像変換ツールに ImageMagick を用いており、従って知見は ImageMagick 固有のものがほとんどです。 画像比較は人間の眼で行うべし サムネイル周りに何か修正を入れたら修正前後の画像を比較しましょう。機械によるバイト列の比較では画像の良し悪しがわかりません。頼れるのは人間の眼だけです。肉眼で確認しましょう。 比較できるツールを作ると良

    もうサムネイルで泣かないための ImageMagick ノウハウ集 - Cybozu Inside Out | サイボウズエンジニアのブログ
  • pelletkachels | blog over bedrijven en feitjes en de pelletkachel

    Welkom bij Pelletkachels.nl, jouw ultieme bron voor alles wat met pelletkachels te maken heeft! Maar we zijn meer dan alleen een platform voor het bespreken van warmtebronnen. Bij Pelletkachels.nl geloven we dat het delen van kennis en ervaringen over bedrijven en gebeurtenissen ook essentieel is voor het creëren van een betrokken en geïnformeerde gemeenschap. In dit blog duiken we dieper in de we

    pelletkachels | blog over bedrijven en feitjes en de pelletkachel
  • Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - その後のその後

    とあるお仕事で、iPad をサポート(= Universal 化)してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus (4.7 / 5.5 inch スクリーン)もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 から Asset Catalog でベクター形式がサポートされるようになったので、こちらもトライしてみました。 で、そのときに学んだ諸々の断片的なメモです。勘違いもあるかもしれないのでその際は優しくご指摘いただけますと幸いです。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 Size Class の前提知識をつける 「Size Classsとは

    Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - その後のその後
  • 風景から歩行者を消す手軽な方法 | 配電盤

    固定したカメラで撮った動画で、画素ごとに時間について平均を取れば、(適当な速度で)動くものを消せます。Mathematicaだとこんな感じです。(参照:フリーソフトウェアを使う方法) Export["result.jpg", Image[Mean[Map[ImageData, Import["movie.mov", "ImageList"]]]]] おまけ:フレームの平均を計算していく過程(最初の5秒を30秒で) 詳細:風景から歩行者が消えていく様子(リアルタイム版) 追記:画質的には平均ではなく中央値や最頻値を使った方がいいかもしれませんが、「手軽」ではなくなります。「平均でもできるんだ」という「手軽」さの実例だと理解していただければと思います。 中央値:MeanをMedianに置き換えるだけで試せますが、計算時間・消費メモリともに増大します。平均なら約90秒で終わるこの動画(1280x

    風景から歩行者を消す手軽な方法 | 配電盤
  • https://design-spice.com/2012/06/13/responsive-web-design-image/

    ko-ya-ma
    ko-ya-ma 2012/06/13
    事例多数。
  • html5-memo.com

    html5-memo.com
    ko-ya-ma
    ko-ya-ma 2012/03/16
    画像や背景のサイズ指定が、iPhoneなどのWebkit系でどのように解釈されるかのまとめ
  • fladdict さんのTweetから:複数枚の写真からPhotoshopで動いている物を自動で消す方法 | アプリなどのこと | s-style-arts

    先日、@fladdict さんの「500枚ぐらい同じ写真とって全画素でピクセルの最頻出の値を採用したら、街の写真とって移動する人物全部自動で消すとかできるのかなぁ・・・とか。」と言うTweetに反応して、Photoshopで出来る事をお返事したところRTして頂いたのが物凄い数ふぁぼられて思わぬ反響だったので、実際に素材を撮ってデモってみました。 ちなみに多くの皆さんはご存知だとおもいますが @fladdict こと深津貴之さんは、TiltShift GeneratorやToyCameraなど作っておられる日で最も有名なiPhone・iOSアプリ制作者のひとりです。 さて、まずは素材に使う写真が必要なので人が多い雑踏に行こうと。東京なら渋谷のハチ公前とか、大阪なら駅前の歩道橋とかぱっと思いつきますが田舎なのでなかなかいい場所が思いつきません。まぁ世界遺産姫路城であれば平成の大修理真っ只中と

  • 画像検索SEOで上位表示するコツ

    画像検索でランキングを上げるコツをGoogleのMatt Cutts(マット・カッツ)氏がビデオで説明しています。 “Googleは画像を上手に理解できるようになってきているけど、画像の内容を完全に理解するのは一般的に言ってコンピュータの世界ではまだものすごく難しいんだ。 そこで画像を囲むデータに協力させるといい。 アドバイスとしては、たとえば次のような要素を利用できるだろう。 画像のメタ情報 画像のタイトル 画像の名前 画像の周りの文 画像を置いたページのtitleタグ ページのあちこちのテキストがあったほうがいいね。 ちょっとした秘訣を教えてあげよう。 ユーザーがメッセージを残せるコメント欄を準備しておくんだ。 Flickrはそうなっているね。 画像だけしかなくて何の画像か分からなくても、その下にあるコメントを見て「あぁ、これは○○の写真だ」と理解することができる。 コメントにはキーワ

    画像検索SEOで上位表示するコツ
    ko-ya-ma
    ko-ya-ma 2010/07/23
    「ユーザーがメッセージを残せるコメント欄を準備しておくんだ」
  • 透過性をウェブデザインに取り入れる方法

    CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te

  • 画像を最適化するための12項目 | SEOモード

    先日からSMO(ソーシャルメディア最適化)やDAO(デジタルアセット最適化)について、英語記事の翻訳を通じてご紹介してきました。SEOの観点から見ると、これらがますます重要になってきている背景には検索エンジンにおけるブレンド検索の強化が影響しているといえます。 これらDAOやSMOを含む取り組みについてはこれまでにも様ざまな事例やチップスが紹介されており、最近でも色々と動画関連のSEOに関する記事が公開されていますね。例えば、海外SEO情報ブログの鈴木氏による「YouTube SEOのまとめやjapan.internet.comでの渡辺氏による「VSEO 動画検索エンジンへの最適化―DAO」などが参考になるでしょうし、私も昨年(2009年)の10月に「Youtube SEO ― ユーチューブを最適化する18の方法」という記事を書いたり、「DAO(デジタルアセット最適化)とは何か」の中で5つ

  • 1