Explore 130,000+ curated AI prompts made by expert AI creators
Want to make your own? Get the Sketch file on Gumroad.
Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
【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画像シミュレータとは? 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月
感覚的にはすでに分かりきっていることかもしれないが、近年のアイトラッキング(視線解析)技術の発達で、視線の違いを明確に可視化できるようになった。広告やコンテンツをデザインする上で、この違いを知ることはとても重要だ。 そこで今回、画像に対する男女の目線の違いをはっきりと表した「アイトラッキング調査」を、いくつかネットから集めてみた。 まずは、最も分かりやすく、あからさまな例から: 1. セクシーなお姉さんの場合 男女30人の調査対象者に、「胸元を強調した女性の画像」を20秒間見つめてもらって得た「視線軌跡データ」(miratech.comより)。男女それぞれが、「どのポイントに」「どのくらいの時間」注視していたかが分かる画像だ。
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アプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
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
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc
このアプリを使うとできるのが下記のような画像です。 簡単に「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ページを開く