キズナアイは性的搾取だけど初音ミクは視線を散らす工夫がされているのでポルノではない - Togetter

2018/10/04 260 users Togetter 聞き役 上目遣い 搾取 初音ミク

キズナアイというのを見たけれど、これだけ身体の立体感を強調して、動画でも上目遣いで聞き役に徹したりしてたら合わせ技アウトで性的搾取といわれても仕方ないんじゃないかな。 続きを読む

スプラトゥーンのようなゲームを作って欲しいのですが。の依頼/外注 | ゲーム制作・開発の仕事 | ランサーズ

2018/03/21 290 users コンパス ゲームアプリ ランサーズ フィールド 外注

依頼の目的・背景 スプラトゥーンと#コンパスを合わせたようなゲームアプリを作りたいのですが、フィールドはスプラトゥーンのような立体感のあるものにして、#コンパスのようなカード形式で移動やHP 回復をさせたいんです。もし、興味を持って開発出来てプレイストアで売れるようになったら、売上の何%か報酬としてもらいたいです。 開発の範囲 分からないので、相談して決めさせていただければと思います。 開発の継続... 続きを読む

「しずかちゃんの入浴シーン」CG化で生々しく　3D「ドラえもん」映画、監督は「すごく悩んだ」 (1/3) - ITmedia ニュース

2014/08/11 133 users しずかちゃん ドラえもん 入浴シーン 監督 CG化

「しずかちゃんの入浴シーン」CG化で生々しく　3D「ドラえもん」映画、監督は「すごく悩んだ」 (1/3) 初の3DCG「ドラえもん」映画「STAND BY ME ドラえもん」の監督は、しずちゃんの入浴シーンをどう描くか「すごく悩んだ」という。「立体感があって肌の質感が生々しくなってしまう」ためだ。 藤子・F・不二雄の代表的な漫画を3DCG（3次元コンピューターグラフィックス）で映画化した「STAN... 続きを読む

アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 | DesignDevelop

2014/05/30 110 users DesignDevelop Dribbble アイコ 一口

一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。 （Dribbble – Free Icon Set by Catalin Fertu） ラインで描き出されたアイコ... 続きを読む

是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」 | DesignDevelop

2014/04/23 128 users DesignDevelop Dribbble デザ 主流

常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。 （Dribbble – Outline Icons Part 3 by Adrian Goia） さまざまなデザ... 続きを読む

「iOS 7」にまだ慣れない人のための“基本ワザ10選” （ITmedia PC USER） - Yahoo!ニュース

2013/09/22 279 users 初代iPhone USER アップル ティム・クックCEO

アップルは新モバイルOS「iOS 7」のアップデートを2013年9月19日（日本時間）に開始した。iOS 7は「初代iPhoneを発売して以来の大規模アップデート」とティム・クックCEOが語るように、立体感のないフラットデザインを採用し、100以上の機能を追加するなど、見た目も中身も大きく変わっている。 【各設定手順の画像】 　画面の下から上へスワイプすることで現れる「コントロールセンター」や、新... 続きを読む

ズルいデザイン（3）：box-shadowで表現する、「セミフラット」なズルいデザインテクニック (1/2) - ＠IT

2013/08/21 568 users box-shadow 描画 皮切り 組み合わせ トレンド

box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは？ 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、... 続きを読む

Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方 | Arch

2013/04/10 205 users twitte ARCH Twitter Facebook 本物

TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitte... 続きを読む

Photoshop VIP ☞ 保存しておきたい、色鮮やかな100+個の無料グラデーション素材ファイルまとめ

2012/06/29 365 users Photoshop Vip グラデーションツール ボタン

海外デザインブログiPSDで、さまざまなデザイン制作に対応する、Photoshop無料グラデーションを100+個まとめたエントリー「100+ Free Sets of Photoshop Gradients」が公開されていたので、今回はご紹介します。 グラデーションツールを利用することで、味気ない背景デザインにより立体感を与えたり、ボタンなどのインターフェースカラーなど幅広い用途に活用することがで... 続きを読む

ちょっと巻くだけで断然オシャレ！ “ヘアアイロン”使いこなしの基本 - BEAUTY - X BRAND

2012/04/26 237 users ヘアアイロン オシャレ BEAUTY - X BRAND

アイロンの持ち方や巻き方によってカールの向きが変わります。MIX巻きすれば立体感やボリューム感もアップ。まずは基本の3つを覚えて、いろいろなアレ ンジにトライしてみて。 続きを読む

CSS3で作られた雲の立体感がやばい | IDEA*IDEA

2012/03/25 135 users IDEA jQue イラストレーター特訓 iPhone関連

カテゴリー別 Adobe関連 (49) イラストレーター特訓 (44) Android関連 (40) Apple (234) Apple関連 (136) iPhone関連 (60) ひとりStartMac (46) CakePHP関連 (52) Facebook関連 (33) Firefox関連 (48) Google関連 (193) GTD関連 (18) HTML5/CSS3 (28) jQue... 続きを読む

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 | DesignDevelop

2012/02/06 257 users 視認性 クオリティ UIデザイン 両方 クリエイティブ性

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Do... 続きを読む

HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌

2012/02/06 724 users JSライブラリ phpspot開発日誌 turn.js

turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単で... 続きを読む

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ)

2011/11/11 1305 users ガンプラ プラモデル 奥行き フェンリル 長谷川

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すために... 続きを読む

立体感のある水平線をCSSだけで実現する方法 | IDEA*IDEA

2011/06/08 497 users IDEA border box-shadow CSS 水平線

おっと、こいつは便利かも。小技として覚えておきたいです。 えと、あれですね、立体感のある水平線をつくる方法です。 ↑ こういうの。 これ、細かくみると線と影が描き込まれていて、今までは画像で表現するしかありませんでしたが・・・BorderとBox-Shadowで実現できるようです。 Two-Toned Border with CSS3 h1 { border-bo... 続きを読む

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ:phpspot開発日誌

2011/03/08 153 users phpspot開発日誌 サンプル iPhone CSS3 参考

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ。 当サイトでは色々とCSS3ボタンのエントリを紹介してきていますが、ここら辺でちょっとまとめてみました。 画像つくるのはめんどうだしCSS3でやっちゃおうという場合に参考にしてみて下さい。 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル iPhone風のボタン実装 ステップで学べるCSS3ボタンのデザインチュ... 続きを読む

Photoshop Vip » 背景デザインに使えるグランジテクスチャ素材、300枚あつめました。

2010/07/25 498 users Photoshop Vip 背景デザイン 質感 エントリー

デザインをするときに頭を悩ます部分のひとつが背景デザインではないでしょうか。 単色で塗りつぶしただけでは立体感のない平凡なデザインになりがちです。 そんなときにオススメなデザイン方法が少し汚れの付いたグランジテクスチャを重ねることで質感を高め、立体感を表現することができます。 海外デザインブログDesignM.agで、グランジテクスチャを300枚まとめたエントリー「300+ Free Grunge... 続きを読む

絶妙な二重枠線をCSSだけで実現する方法… - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/06/22 240 users before After IDEA 盲点 CSS

これは目から鱗。今度使わねば。 なんらかのボックスを表示するとき、二重枠線になっていると綺麗ですよね。立体感も出ますし。 ↑ こういうやつ。 これって以前はボックスを二重に配置して実現していたりしましたが、:beforeと:afterを使えばうまいことできるらしいですよ。盲点でしたね、確かに。 ↑ 動画でもご紹介。 :before、:afterが使えるブラウザに限られるのがあれですが（最近は対応し... 続きを読む

最近のアニメのキャラデザと10年前のアニメのキャラデザ - WebLab.ota

2010/01/10 323 users キャラデザ WebLab.ota ニュアンス 立体 アニメ

アニメ | 01:58 | 美少女アニメ（？）に限定するけど，今と10年前のキャラデザを比較する．最近最近つってもかなり幅があるけどｗ10年ぐらい前どこが違うのか？ 影 鼻の影が少なくなってる 10年前：鼻を立体として描こうとしてる 今：ニュアンス（点とかちょっとした影）で鼻を表現してる 顔の立体感を出すための影も少なくなってるまぁ10年前のアニメの鼻にすべて影があったとか，今のアニメの鼻すべて影... 続きを読む

グラデーションをうまく使って立体感を出したサイトデザイン集:phpspot開発日誌

2009/05/18 229 users グラデーション phpspot開発日誌 グラデーシ 質感 背景

25 Great Examples of Using Gradient Effects in Web Designs グラデーションをうまく使って立体感を出したサイトデザイン集。 うまくグラデーションを使うことで、質感の表現や、ゴージャスな印象を生み出しています。 ECTOMACHINE クールな画像とともにグラデーションされた背景が印象を強くしています Reinvigorate うまくグラデーシ... 続きを読む

photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン　BLOG

2007/03/31 435 users 両者 原寸 1ピクセル Photoshop ライン

下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。 続きを読む