PromptBase | Prompt Marketplace: Midjourney, ChatGPT, DALL·E, Stable Diffusion & more.Midjourney, ChatGPT, DALL·E, Stable Diffusion & more
Personas by Draftbit | A playful avatar generator for the modern age.
Want to make your own? Get the Sketch file on Gumroad.
Trianglify.io · Low Poly Pattern Generator
Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
Compressor.io - optimize and compress JPEG photos and PNG images
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
Twixtor v7 - フラッシュバックジャパン
【Twixtor v8 (ベータ版)】提供開始 RE:Vision Effects社がTwixtorの最新バージョン、Twixtor v8 (ベータ版)の提供を開始しました。最新バージョンはML(マシンラーニング)機能を搭載し更に高品質でスムースなスローモーションを実現します。 2024年2月1日以降に購入されたTwixtorのライセンスは、Twixtor v8への無償アップグレード対象です。 Twixtor v8 (ベータ版)は以下のホストアプリケーションに対応しています。 After Effects / Premiere Pro / Assimilate Scratch / Left Angle Autograph / Sony Catalyst Edit / FxHome HitFilm / Inria Natron / Blackmagic Resolve / Magix Vega
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
男性と女性の目線の違い： アイトラッキングで広告の見られ方を分析する - e-StoryPost
感覚的にはすでに分かりきっていることかもしれないが、近年のアイトラッキング（視線解析）技術の発達で、視線の違いを明確に可視化できるようになった。広告やコンテンツをデザインする上で、この違いを知ることはとても重要だ。 そこで今回、画像に対する男女の目線の違いをはっきりと表した「アイトラッキング調査」を、いくつかネットから集めてみた。 まずは、最も分かりやすく、あからさまな例から： 1. セクシーなお姉さんの場合 男女30人の調査対象者に、「胸元を強調した女性の画像」を20秒間見つめてもらって得た「視線軌跡データ」（miratech.comより）。男女それぞれが、「どのポイントに」「どのくらいの時間」注視していたかが分かる画像だ。
テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」
twitter facebook hatena google pocket 人間、隠されているものって気になりますよね。 jQueryプラグインのSPOILER ALERT!は、テキストや画像に簡単にぼかしを入れられ、クリックで表示させられます。 sponsors 使用方法 SPOILER ALERT!からファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="spoiler.js"></script> <script type="text/javascript"> $(function(){ $('.class名').spoilerAlert({ max: 10, //ぼかし範囲 partial: 4, //ぼかしの度合い hintText:"やらしい人で
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
色選びで迷った時に！配色のインスピレーションを得られるツールまとめ6つ | Goodpatch Blog
MEMOPATCHをご覧になっている方のほとんどがWebデザインやUIデザインに関わっている方だと思います。そして多くのデザイナーが頭を悩まされるのが配色ではないでしょうか？。そこで今回は配色の参考やインスピレーションを得られるツールを6つご紹介します！ COLRD http://colrd.com/ 大まかな色から、その色が使われている写真やカラーパレット、グラデーション、パターンを探す事ができるサイトです。カラーパレット、グラデーション、パターンにはそれぞれに使える便利な機能があるのでご紹介します。 ・カラーパレット 検索して出てきたカラーパレットは編集可能で、Photoshop用にカラーパレットをダウンロードできる（.acoファイル) ・グラデーション 検索して出てきたグラデーションはcssのコードを生成することができる ・パターン パターンはそのまま使えるパターン素材（繰り返し可能
最もずるい方法でサイトのキャプチャ画像を自分のサーバーに保存する方法
もしもこのAPIサービスが無くなったら？あんたどうしますか！ この手のキャプチャサービスは、サーバーに相当な負荷がかかるため、しかも無料で運営されておりいつか使っているサムネイルのキャプチャサービスが無くなる可能性だってありますし、自分のサーバーに画像を保存しておかない限り、自サーバーにキャッシュ化させるのも難しいですね。 前置きが長くなりましたが、ずるい方法でキャプチャ画像を自サーバーに保存する最も簡単で最もずるい方法です。 たった5行。 if (file_exists('./img/hoge.jpg')){ } else{ $imgdata = file_get_contents("http://capture.heartrails.com/400x300?http://www.kaasan.info/" , FILE_BINARY); file_put_contents("./img
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」
Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc
短時間、高クオリティ！Appleデバイスのはめ込み画像が簡単に作れるMacアプリ「Promotee」 | Goodpatch Blog
このアプリを使うとできるのが下記のような画像です。 簡単に「Promotee」の使い方を説明します！ 使い方 使い方はとてもシンプルです！ 起動するとすぐにこの画面が開きます。 上のデバイス一覧からはめ込み画像を作りたいものを選択します。 矢印のところにはめ込みたい画像をドラッグ&ドロップ できました。 最後に保存先を指定して終了！ 簡単ですよね！ この手でiPhone4Sを握っているテンプレート以外にも iPhone5、iPad、Mac Book Air、Android（Nexus4, 7, 10）もあります！（全27種類） （下記画像参照） 斜めの画面にも対応されてる！ iPhoneやiPadが斜めになっているものもありますが、 ちゃんとはめ込み画像も斜めに加工されているのがすごいです！ はめ込む画像のサイズ、比率はiPhoneの2:3やiPadの3:4以外でも使用可能です。 （下の画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://w-fire.com/2013/05/24/%E7%94%BB%E5%83%8F%E3%82%84%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%8B%E3%82%89%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E9%81%B8%E6%8A%9E%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%99/
株式会社ブランディングワークス｜Web・SEO・ブランディングを総合支援
Web制作者必見！Photoshop CCにSlicyのような画像アセット（Generator）機能が追加
we-love-social
サイトのサムネイル、PDF の生成サービス