タグ 奥行き
新着順 10 users 50 users 100 users 500 users 1000 usersリッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すために... 続きを読む
アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Overtex Times by 朝山貴生
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言うことが欧米で話題になっておりました。それでは早速12連発でどうぞ!123456789101112縦線の奥行きでの位置(Y)を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。素晴らしい!普段は欧米の最先端テクノロジー業界情報を配信しておりま... 続きを読む
最新の国内のパララックス効果を使用したサイトをまとめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。 最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。 今回はそんなパララックス効果(parallax)を使用した最新の国内サイトをまとめてみました。 中にもパララックスじゃなくてスクロールするサイトじゃないか?と思われるか... 続きを読む
こマ?iPhoneの「ポートレートモード」で撮った写真は奥行き(3D)情報が保存されてるから「撮影後に光源を足す」とかできるという事実 - Togetter
iPhoneのポートレート写真、写真の奥行き(3D)情報が保存されてるから、他のアプリで「撮影後に光源を足す」とか奇天烈なことできてめっちゃ楽しい pic.twitter.com/vh1hqrO3Kf 続きを読む
Photoshop ドロップシャドウいろいろ - DesignWalker
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変... 続きを読む
ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方 | コリス
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方... 続きを読む
美しくて機能するウェブデザインを作成するPhotoshopの7つのテクニック | コリス
クリーンで、エレガントで、美しく、そしてしっかりと機能するウェブデザインを作成するのに役立つPhotoshopのテクニックを紹介します。 下記は各ポイントを意訳したものです。 1. Space(ホワイトスペース) 2. Depth(奥行き) 3. Detail(ディテール) 4. Definition(明確) 5. Interest(興味) 6. Perspective(遠近法) 7. Reada... 続きを読む
業務スーパーの優秀すぎる食材「フライドオニオン」を使い倒したらみんながハッピーになった話 - メシ通 | ホットペッパーグルメ
(画像提供:株式会社神戸物産) 優秀すぎる業務スーパーの冷凍食材 スーパーで、ある食材を手に入れました。 この商品を手に入れてから私の食生活はガラリとかわりました。 どんな料理でもこれをささっと入れるだけで一気にうまくなる。簡単な料理でも、一気に奥行きを与えてくれるんです。 その日から私の食卓は一気に... 続きを読む
ウェブデザインで効果的に半透明とオーバーレイのテクニックを使う方法とその実例 | コリス
半透明とオーバーレイのテクニックは効果的に使用すると、奥行きとリアリズムを作り出し、退屈なウェブデザインにモダンな印象を与えます。 Onextrapixelから、ウェブデザインにおいて効果的に半透明とオーバーレイのテクニックを使う方法とその実例を紹介します。 下記は各ポイントを意訳したものです。 Dark Overlay Light Overlay Color Mixes Dark Overlay... 続きを読む
効果的に「奥行き」をデザインに与えているウェブサイトのまとめ | コリス
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。 そんな奥行きを効果的にとりいれたウェブサイトを紹介します。 Showcas [...] 続きを読む
Mac Proモドキを例のゴミ箱で自作してみた by元店員M
どうも、はじめまして、元PCパーツショップ店員のMこと元店員Mです。 WWDC2013でちら見せして、その斬新な形状が話題になった新型Mac Pro。に、そっくり(Amazonが商品を間違わぬよう注意を促したほど)なideacoのゴミ箱『Tubelor』にパーツを詰め込んでなんちゃって新型Mac Proを作ってみました。サイズを見たら、高さ30センチ、幅と奥行きが20センチだったのでこれなら「イケ... 続きを読む
Photoshop VIP ☞ ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個)
Home > まとめ > その他まとめ > ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複数のイメージ画像のスクロールするスピードを調整することで、奥行きのある立体的な空間を生み出す、アニメー... 続きを読む
[CSS]box-shadowを使って洗練されたエフェクトを加える二つのテクニック | コリス
CSS3の「box-shadow」を使用して、ウェブデザインに洗練された美しいエフェクトを加えるテクニックを二つ紹介します。 下記は各ポイントを意訳したものです。 box-shadowプロパティとは ページ全体に奥行きを加えるエフェクト 紙がめくれたようなエフェクト 対応ブラウザ box-shadowプロパティとは 「box-shadow」は、ボックス要素の内側・外側に多数のシャドウを加えることが... 続きを読む
のっぺりした写真にさようなら。奥行きのある写真を撮る6つのコツ | ライフハッカー[日本版]
MakeUseOf :ビギナーから中堅のフォトグラファーは、自分の写真が「のっぺり」していて、奥行きがないことに気が付いていると思います。これを乗り越えるのは骨が折れる作業ですが、やってやれないことはありません。以下に、6つのコツを紹介します。これを機に、もっとイキイキとした、奥行きの感じられる写真を撮れるようになりましょう。 手前に物を置く 手前に物があると、見る人の視線がまずそこに注がれ、それ... 続きを読む
pixiv Spotlight - 【講座】実践的なパース講座
【講座】実践的なパース講座 人物と背景を描くとき、なんとなくこんな感じかな?とイメージだけで描いていませんか? より自然な感じを出すときは「パース」を使って描いてみましょう。「パース」とは、遠近法や透視図法のことで、絵に奥行きを出したり、背景にうまく人物を配置したいときの補助となる技法のことです。 パースを書く上で、いくつか専門用語が出てきます。目線の高さを表す「アイレベル」や、奥行きを出すときの... 続きを読む
ファスト風土には「趣味の奥行き」が無いんですよ。 - シロクマの屑籠
執着 ここは退屈迎えに来て (幻冬舎文庫)作者: 山内マリコ出版社/メーカー: 幻冬舎発売日: 2014/04/10メディア: 文庫この商品を含むブログ (16件) を見る ファスト風土はなぜ“退屈”なのか? この疑問について、以下のブログで「生産なき消費は退屈」という視点が書かれていた。 『ここは退屈迎えに来て』ーーファスト風土の“退屈”から抜け出すには - (チェコ好き)の日記 とりあ... 続きを読む
使用済みコピー用紙から水不要で新しい紙を作る「オフィス製紙機」 エプソンが世界初 - ITmedia ニュース
セイコーエプソンは12月1日、オフィスなどで使用した紙から新しい紙を生産できる小型の製紙機「PaperLab」を2016年内に商品化すると発表した。文書情報などを完全に抹消した上で、水不要で新しい紙を作れるという。 2.6(幅)×1.2(奥行き)×1.8(高さ)メートルとオフィスのバックヤードに設置できるサイズ。A4、A3の使用済みコピー紙を原料として、A4/A3サイズのオフィス用紙や色紙、名刺用... 続きを読む
珈琲に合う食べ物
教えてください。お菓子系ではなく飯系だと嬉しい! ●自分が今まで試した中で気に入っているもの ・珈琲×カレー (自分の中では)鉄板。香りや味の奥行き?みたいなものを相乗効果で高め合う気がする。 珈琲なしでカレー食べるとソワソワしてしまう程度には調教されてしまった。(誰に) 最高の相棒。ズッ友。 ・珈琲×麻... 続きを読む
Googleが映像からリアルタイムで動く人物を消し去る技術を開発、ムービーが公開中 - GIGAZINE
ディープラーニングを用いて静止画から物体を取り除いて補正する技術などは既に実現していますが、Googleはさらに映像の「奥行き」に着目することで、ムービーから人や物を消したり、実際には存在しないオブジェクトを合成する技術の開発を進めています。 Google AI Blog: Moving Camera, Moving People: A Deep Learnin... 続きを読む
世界初の「フルカラー3Dプリンタ」で何を作る? - ITmedia News
ニュース 世界初の「フルカラー3Dプリンタ」で何を作る? 石膏の粉にインクと接着剤を吹き付けると、立体模型が完成――カラーデザインの展示会で、世界初というカラー3Dプリンタが紹介されている。 2008年04月10日 17時18分 更新 ZPrinter 450 Systemのサイズは140(高さ)×122(幅)×79(奥行き)センチ 石膏(せっこう)の粉にインクと接着剤を吹き付けると、自動で立体模... 続きを読む
「線一本だけで砂漠の奥行きを表現している」と押井守監督が絶賛した『未来少年コナン』のワンカットにまつわる話 - Togetter
Bellucci @bellucci_0 「線一本だけで砂漠の奥行きを表現している」と押井守が絶賛した『未来少年コナン』のワンカット。 後に押井監督にこのカットについて聞かれた宮崎監督は「よくぞ聞いてくれた! この線一本引くのにどれだけの時間を費やしたか」と嬉々として語ったとのこと pic.twitter.com/jTAu978lZ1 2021-03-2... 続きを読む
フラットの後にじわじわきてるデザインのトレンド -long shadow design | コリス
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイ... 続きを読む
作業用に曲面ディスプレイを導入 – r7kamura – Medium
作業用に曲面ディスプレイを導入 主にプログラミング作業用に 34 型の曲面ディスプレイを導入したので、嬉しがって設置してみた様子を紹介する。 PC での作業用途ならアームが欲しい スタンドがしっかりとした構造になっている分、スタンドが奥行きを取る構造をしている。PC での作業用に使う場合は、少し近すぎるかもしれない。このままでもまあ良いけど、もう少し遠くても良いかな、ぐらいの感覚。 幸い標準的な規... 続きを読む
[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D | コリス
パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 続きを読む
[CSS]ページに美しいシャドウを加え、奥行きを与えるスタイルシート -Depth | コリス
ブラウザ上枠のすぐ下、ページの上部に、いい感じのシャドウを加えるスタイルシートを紹介します。 Chrome, Safari, Firefox, Operaでご覧ください、IEは9+で。 Depth 実装は簡単で、HTMLは特に変更することなく、下記のスタイルシートを加えるだけです。 position: fixed;なので、スクロールしてもシャドウが表示されています。 [css] body:befo... 続きを読む