Make-A-Video by Meta AI
Make-A-Video is a state-of-the-art AI system that generates videos from text. Make-A-Video research builds on the recent progress made in text-to-image generation technology built to enable text-to-video generation. The system uses images with descriptions to learn what the world looks like and how it is often described. It also uses unlabeled videos to learn how the world moves. With this data, M
魔術として理解するお絵描きAI講座｜深津 貴之 (fladdict)
やればやるほど呪術化する、AI画像錬成について。 以下は、その道の専門家にはメッチャ怒られるかもしれない、雑なロジックと制御講座。 いちおうメジャーなサービスでは、共通して動作するノウハウ（DALL-E2, MidJourney, StableEiffusion, DiscoDiffusion, crayon, dall-e mini 他）。 雑に理解する画像AIのしくみ対話型のAIにとって、呪文プロンプトとは画像錬成の方向性ベクトルを定めるものにすぎない。 たとえば、以下は「I love apple」で錬成された画像の例である。どうにも、ふわっとしたものが出てくる I Love Apple「Apple」という方向性ベクトルは、「リンゴ」「青リンゴ」と「アップルコンピューター（旧レインボーロゴ」「アップルコンピュータ（新ロゴ）」など、複数の可能性を同時に持つからだ。 つまり、「Apple」
スタイラスペンメーカー「Adonit」の無料とは思えない高機能お絵かきアプリ「Forge by Adonit」
「Jot Pro」や「Jot Mini」、「Jot Touch」などスタイラスペンの開発・販売を手がけるAdonitが、ついにiOS向けお絵かきアプリ「Forge by Adonit」をリリースしました。Forgeは無料でありながらも機能が豊富で快適な操作を堪能できるとのことなので、実際に使用してみました。 Forge by Adonit on the App Store on iTunes https://itunes.apple.com/us/app/forge-by-adonit/id959009300 上記URLを開いたら「INSTALL」をタップ。 インストールが終了したらForgeのアイコンをタップして起動します。 「START」をタップ。 チュートリアルが始まるので画面の指示に従って終わらせます。 チュートリアルが終わったら「SKIP EMAIL SIGNUP」をタップ。 ホ
個人商用無料でバックリンク不要！デザインに使いたくなる素敵な写真画像がダウンロードできるサイト -DesignersPics
海外の素敵な街並み、食品や料理がキレイに撮られたもの、パソコン・スマホやオーディオグッズがアップで撮られたもの、ファッションやアクセサリー、おもちゃやネコの写真など、デザインに使いたくなるようないいショットが揃った高解像度の写真画像がダウンロードできるサイトを紹介します。 DesignersPics 写真画像は全て個人でも商用でも無料で、Webサイト・プレゼン、パンフレット・パッケージ・ラベル・Tシャツ・看板など、デジタルメディアでも紙でも利用できます。 また利用の際には、バックリンクは特に必要ありません（してくれたら嬉しいなとあります）。詳しくは下記ページをご覧ください。 FAQ and Terms 写真画像は、現在5つのカテゴリで管理されています。 画像のサイズは3,500x2,318pxで、高解像度なのも嬉しいポイントです。
指定のURL以外からの画像参照は、別の画像に差し替える方法 ｜ 神戸のホームページ制作会社ユニファースの代表ブログ
http://enjiout.com/post-180/ こちらの記事で、「指定のドメイン（=URL）以外から画像を参照して呼び出した場合、指定の画像へ差し替える .htaccess の記述は無いか？」と記載があったので書いてみました。 STEP1 .htaccess の作成 外部のドメインへ参照されると嫌な画像フォルダーを http://pct.unifas.net/img/t/ とすれば、そのフォルダーへ、.htaccess を作成して、以下のように記述してアップします。 RewriteEngine on #直接参照はリダイレクトしない RewriteCond %{HTTP_REFERER} !^$ #以下のURLからのアクセスはリダイレクトしない RewriteCond %{HTTP_REFERER} !^http(s)?://pct.unifas.net [NC] #Googleか
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハック
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
【WordPress】複数画像アップロードとその取得/表示する方法 - 【鋭利団体】PK-Brothers
投稿に対して 複数画像をアップロードした際に、 その投稿画面で複数画像を表示する方法。 (個人のやり方なので参考までに…) 投稿画面で画像の投稿はできますが、 表示する際にその画像をカスタマイズする事はできなかったのでやってみました。 具体的に言うと、 投稿した複数の画像をスライドショーにして表示させたいわけですわ。 そのためには、 複数アップロードするやり方 アップロードしたファイルパスの取得方法 が必要ですね。 で、複数画像アップロードに関してはもう実装されてます。 (2012年時点で) ただ、そのデータを取得する際に取得しやすいように、 今回はカスタムフィールドを使用しました。 具体的には以下のような形になります。 (今回僕はカスタムフィールドテンプレートを使用しております。) — [fileUpload] type = file relation = true multiple =
カスタムフィールドテンプレートで複数画像の出力をしたい
お世話になっております。 カスタムフィールドテンプレートプラグインを使用してサイト構築をしています。 カスタムフィールドテンプレートの設定画面にて下記ののように記述し、 複数画像を無制限に登録するようにしました。 [fileUpload] type = file size = 35 relation = true multiple = true multipleButton = true label = 画像アップロード この登録した画像をシングルページで全て表示させたいのですが、 やり方が分からず困っております。 multipleでファイルアップロードのフォームを増やしていくため、 attachmentの番号を振っていくということができません。 もし上記を実現する出力コードがわかる方がいらっしゃいましたら、 ぜひともご教授願います。
jQueryを使いマウスオーバーで画像を変える基本 | ニトなび
マウスオーバーのアクションで画像を変化させるという方法はたくさんのサイトで用いられていますが、 今まではCSSで割り当てたりHTMLで直接書いてみたりというのが一般的だったと思います。 ここ近年、jQueryというJavaScriptとHTMLの相互作用を強化する軽量なライブラリが登場したことに よりjQueryが普及してきましたが、jQueryは難しいとか思われがちです。しかし、基本さえ覚えてしまえばCSSを書くよりも簡単な感覚で覚えられますので、一番初歩的な画像のマウスオーバーアクションをjQueryを使って動かす方法を記事にしてみたいと思います。 jQueryでマウスオーバー？画像を変える？ つまり、こういう事です。 demo おそらく誰でも目にしたことがあるかと思います。何故、わざわざjQueryで動かすのが良いのか？って思うでしょうが、ズバリ管理が超楽なことと、jQueryという
Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」
Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc
フリー素材、無料画像の検索サイトNo.1【タダピク】
NEW 2022.04.05無料サイト「Blank Phostock」を追加しました。 2021.08.27無料サイト「写真素材のおすそわけ」と「キュンカッツ」を追加しました。 2019.02.25無料サイト「fotoma」を追加しました。 2018.05.23無料サイト「フリー素材ドットコム」の情報を更新しました。 2018.02.21無料サイト「unDraw」、「motionelements」の2サイトを追加しました。 2017.09.08フリーイラスト素材サイト「ありさちゃんがいく!!」を追加しました。 2017.08.01無料サイト「イラスタ」、「じぃばぁ」の2サイトを追加しました。 2017.04.18無料サイト「ダ鳥獣ギ画」、有料サイト「ForYourImages」の2サイトを追加しました。 2017.03.29無料サイト「イラストお助け部」、「スキマナース」、有料サイト「Sn
マウスホイールで画像をズームさせるjQueryプラグイン・jQuery Wheelzoom
マウスホイールで画像を拡大、ドラ ッグ操作によるスクロールが可能な jQueryのプラグイン、jQuery Wheelzoomのご紹介です。シンプルで いいですね。IEは9からの対応だそう なので利用シーンは若干限られそ うですけど。 マウスホイール操作による画像のズームや、ズーム後にドラッグ操作でスクロールも可能にするスクリプトです。 マウスホイールで画像をズームします。それだけと言えばそれだけなんですけど、結構軽量なので一応覚えておくといいかも。 Sample動作サンプルですー ドラッグ操作も可能です。タッチイベントへの対応は・・・別途コードを用意しなきゃかな（確認してない タッチイベントと合わせてスマフォ向けのECサイトなんかに導入したり、というのも良さそうだけどピンチイン/アウトにも対応しないとですかね、多分。 コード<script src='http://ajax.googlea
[CSS]レスポンシブ用に画像を縮小するだけではなく、クロップにも対応させるテクニック
中心箇所を選定 画像は天地左右にクロップ可能なので、中心となる箇所をグリッドから決定します。 HTML HTMLは画像を配置するimg要素の他に、クロップするためにdiv要素が二つ必要です。 <div class="focal-point"> <div><img src="guy.jpg" alt="guy"></div> </div> div要素を余計に使用することはよくないことですが、実装を簡単にするために使用しています。 クロップする箇所を指定するには、classを追加します。 <div class="focal-point right-3 up-3"> <div><img src="guy.jpg" alt=""></div> </div> 右3、上3は、上記のグリッドから算出してもので、右3上3にクロップします。 CSS まずは、ベースとなるスタイルシートです。 * { marg
無料で商用利用できてクレジット表示も不要の画像素材検索サイト「タダピク」
仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク（tadapic） - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込
Web制作するときに探す素材サイト＆参考にするサイトまとめ | ナナメウエBlog
はじめまして ナナメウエデザイナーのはっち（@hacching）です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材！ 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚（何枚だっけ）限定ですが、無料素材がDLできます。 商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 完全無料の写真・Web素材（バナー、オブジェクトなど）素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富！シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
次世代のイメージマップを実現できるjQueryプラグイン「ImageMapster」:phpspot開発日誌
ImageMapster 次世代のイメージマップを実現できるjQueryプラグイン <map> と <area> タグを使って画像上の好きな位置、形でリンクを貼ることができますが、あのイメージマップをjQueryによって次世代にしてしまうプラグインが登場 イメージマップのエリア上をハイライトさせ、背景画像を別のものに差し替えるという効果をつけられます。（別画像はオプション指定） 画像の位置とリンクを関連付けるだけという味気ないWeb1.0なインタフェースをこのプラグインが少しだけリッチにしてくれます。 イメージマップってあまり使うことはありませんが、いざ仕事でこうしたUIが必要で、使わなきゃとなった時に、こんなことも出来るということを知っておくとありがたがられるかもしれませんね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 小さ
フォルダーに入れるだけで自動的に画像をリサイズできるフリーソフト「Dropresize」
画像ファイルを指定したフォルダーに入れるだけでリサイズでき、リサイズと同時に画像ファイルのバックアップ・ファイル名に文字追加・モノクロ加工・プログラムの実行・EXIF情報の消去などもできるフリーソフトが「Dropresize」です。インストール不要でWindows上で起動可能となっています。 操作方法などについては以下から。 Dropresize - SemiGeeK http://semigeek.wordpress.com/dropresize/ 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Dropresize.exe」を起動。 操作画面が表示されます。 まず、画像ファイルが入れられると自動的にリサイズを実行するフォルダーを指定するには、「Add」をクリックしてフォルダーを選択します。 選択したフォルダーが表示されます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
このクオリティはスゴイ！JPEG, GIF, PNG画像をベクターに変換する無料のオンラインサービス -PicSVG
http://wp-and.me/fotorama
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
