加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける

2021/10/08 250 users グリッチ search 一過性 www.google.com

グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありま... 続きを読む

輪郭をブレさせて色ずれを起こすテクニック「RGBずらし」が話題！　簡単にエモい雰囲気の画像が作れるスゴ技 (1/2) - ねとらぼ

2017/12/30 262 users 輪郭 Twitterユーザー イン とらぼ スゴ技

イラストや写真の主線を意図的にずらすことにより、印象的な加工を施すことができる「RGBずらし」というテクニックが注目を集めています。これを使えばエモい雰囲気の画像が簡単に作れる……！ Twitterユーザーの むいん（@plant_number） さんが紹介したのは「RGBずらし」と呼ばれるテクニック。ネット上で話題になっていた手法をむいんさん自身のイラストを使って分かりやすく説明したところ、「す... 続きを読む

ノンデザイナー向け！グラフィックデザインの基本用語、50個まとめました。 - PhotoshopVIP

2015/10/14 122 users PhotoshopVIP ノンデザイナー向け カーニング

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 グラフィックデザインの世界に飛び込もうとしたときに、新しい言語を学んでいるような気分になるときがあります。 カーニングやトラッキング、暖色、寒色、CMYK、RGBと覚えなければいけない用... 続きを読む

Photoshopで、1枚のレイヤーから線画だけ抽出する方法

2014/12/14 270 users Photoshop レイヤー Illustrator ペン

合成済みレイヤーや、紙に描いてスキャンした線画をPhotoshopで抽出する方法を紹介しています。Illustratorが使えるようになってからあんまりやらなくなっちゃったんですが、昔は線画がPC上でうまく描けなかったので、よく紙にペン入れしたものをスキャンして線画抽出していました。メジャーな方法かもしれませんが、思い出しメモがてら。 チュートリアル これが元画像。単色で抽出するので、RGBでスキ... 続きを読む

【絶対に知っておかなきゃいけない】紙媒体とWEBデザインにおけるデザイン作法の違いについて #デザイン#web | 久米さんの憂鬱

2013/11/13 112 users 紙媒体 久米さん webデザイン デザイン CMYK

最近、紙媒体のデザインとWEBのデザインでは、結構作法が違うところが多いなぁ、と思うことが増えてきたので、少しまとめてみたいと思います。 僕自身は、WEBからデザイン業界に入った人間なので、紙媒体のDTPやデザインに関する認識が甘い・間違っている部分があるかもしれませんが、ご指摘いただけると幸いです。 また、RGBとCMYKの違いなどに関しては、本筋からズレるので、割愛しておきます。 紙は固定サイ... 続きを読む

人間の目に優しい色合いを設計するためのカラースペース -HUSL | コリス

2013/10/06 129 users コリス カラースキーム 色合い パステルカラー 設計

iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計... 続きを読む

WEBも紙も縦横無尽。RGBとCMYKを行き来する際に注意したい事 | 株式会社LIG

2013/03/29 145 users CMYK 株式会社LIG フライヤー web 前提

こんにちは、あゆみです。 早速ですが、WEB用としてデータを作成し、フライヤーなどで印刷が必要になった！という時、「印刷の色がなんか色が違うなあ・・・」と思ったこと、ありませんか？RGBからCMYKへ変換すると、墨がくぐもったような仕上がりになることがあります。今回はWEBと紙の両方でデザインをするときに気をつけたい、ちょっとした事をまとめてみました。 その前に、まずは前提として色そのもの（CMY... 続きを読む

CSS3のよく使いそうな１０個のテクニックのまとめ:phpspot開発日誌

2011/04/20 162 users phpspot開発日誌 まとめ テクニック CSS3 RGBa

The top 10 CSS3 techniques | Feature | .net magazine CSS3のよく使いそうな１０個のテクニックのまとめエントリのご紹介。 font-face によってマシンに入ってないフォントを使うCSS例 opacity による要素の透明度指定 rgbaでRGBと透明度を併せて指定 border-radiusによる角丸 box-shadowによるブロックに影... 続きを読む

日本人が作成したフリーの可逆圧縮コーデック「ZeroCodec」 - GIGAZINE

2009/07/09 227 users GIGAZINE リモートデスクトップ IchiGeki氏

「ゲーム」「動画」「音楽」 などに特化させた超高速リモートデスクトップソフト「ZeroRemote」の作者であるIchiGeki氏が、ZeroRemote使用時の高速性において、自身の速度を追求するのではなく「動画圧縮コーデックを使って速度向上」を目指すという方向で開発した結果、誕生したのがこのフリーの動画圧縮コーデックである「ZeroCodec」だそうです。入出力対応形式は「RGB」「UYVY」... 続きを読む

IT戦記 - getComputedStyle について調べてたら深みにハマったのでメモ

2007/06/11 223 users Element 深み alert IT戦記 color

javascript, メモ getComputedStyle とは！？ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二... 続きを読む

相性の良い色を自動でピックアップしてくれる「ColorBlender」 - GIGAZINE

2007/03/28 692 users GIGAZINE MAT スライダー 配色 相性

ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Mat... 続きを読む

カラーパレットのランキング投稿サイト「COLOURlovers」 - GIGAZINE

2007/02/22 141 users GIGAZINE COLOURlovers hex スコア

いろいろなユーザーがデザインしたカラーパレットに対して投票を行っており、そのデータを見ることができるサイト。それぞれの色には名前が付けられており、その組み合わせであるカラーパレットにも全部名前が付いています。カラーパレットはユーザー投票によってスコアが決まっており、どういう色の組み合わせの人気が高いのかが分かります。また、さまざまな条件でカラーパレットを検索することができ、HEXやRGBも表示され... 続きを読む

IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール

2006/06/19 234 users memo.xight.org CSS FFFFFF bold

- Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; ma... 続きを読む