こんな良書があったとは！絵が苦手な人でも立体感のある描き方が身につく -鉛筆一本ではじめる光と陰の描き方 | コリス

2019/04/12 74 users ロジカル コリス 明暗 モノクロ 良書

これまで絵を描いたことがない人、簡単な絵は描けるけど立体感のある絵は無理という人にお勧めの本を紹介します。 絵を描くための線の描き方からはじまり、ものの形のとらえ方、モノクロでの色の表現方法、奥行きの表現方法、明暗や質感の描き方まで、絵を描く方法は感覚的な説明になりがちですが、その手順がロジカルに... 続きを読む

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

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

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

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

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

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

2018年のアプリデザインを予測！知っておきたいトレンド7選｜はんざわさき｜note

2018/01/05 63 users Note 予測 アプリデザイン 主流 去年

2016年からアプリやwebデザインは完全なフラットデザインではなく、やや立体感のあるデザインが主流になりました。 引き続き2017年もその傾向はありましたが、徐々に進化を遂げています。 今回は、去年の傾向から「2018年のアプリデザイントレンド」を予測してみました。 ディフューズシャドウ 2016年から根強い人気のディフューズシャドウ（Diffuse Shadow）は、2018年も多くのアプリで... 続きを読む

「しずかちゃんの入浴シーン」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） さまざまなデザ... 続きを読む

ウェブデザイン用の各エレメントをフラット・ソリッドなど複数のスタイルに展開させたPSD素材 -3in1 UI Elements | コリス

2013/10/10 67 users コリス elements ソリッド PSD素材 UIエレメント

ナビゲーション、パンくず、ドロップダウン、ボタンなど、UIエレメントのデザインをそれぞれフラットとソリッドと立体感のあるバルキーの3パターンに展開させたPSD素材を紹介します。 フラットが好き、ソリッドが好きでそのまま使うもよし、比較して勉強するのにもよし、のちょっといつもとは趣向の違った素材となっています。 3 in 1 User Interface Elements Kit Part 1 (F... 続きを読む

ディズニーが「立体的な感触」を得られるタッチスクリーンアルゴリズム「Touch Surfaces」を開発 - GIGAZINE

2013/10/10 53 users アルゴリズム Disney Research スクリーン

情報を得るためにスマートフォンやタブレットのディスプレイをなぞる機会が多い今日このごろですが、スクリーンをタッチすることで「立体感」が得られるアルゴリズム「Touch Surfaces」が開発されました。 Disney Research » Tactile Rendering of 3D Features on Touch Surfaces http://www.disneyresearch.co... 続きを読む

「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デザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、... 続きを読む

Illustratorの光彩（内側）の機能を使ってちょっと立体的なアイコンを作る方法

2013/05/19 92 users Illustrator シャドウ オブジェクト 不透明度 内側

Illustratorの光彩（内側）の機能を使い、その上に重ねた塗りのグラデーションの不透明度を調整することでオブジェクトの下半分にシャドウをつけ、立体的に見せる方法です。同じ設定のグラデーションを複製し、下にくる色の不透明度を0%にするという簡単な方法ですが、様々な場面で使うことができます。Illustratorの[光彩（内側）]の機能を使い、簡単に立体感を出す方法を紹介します。 ちょっとしたシ... 続きを読む

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

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

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

クールな円形メニューをピュアCSS3で実装するチュートリアル:phpspot開発日誌

2012/09/21 50 users チュートリアル phpspot開発日誌 円形メニュー フル

The Creation of a CSS3 Clickable, Rotating Menu | InsertHTML クールな円形メニューをピュアCSS3で実装するチュートリアル。 クリックすると回転したり良い感じに立体感が出ていたりアニメーションしたりCSS3の機能をフルに使った円形メニュー。 奇抜なメニューであっと驚かせたいという場合に使えそうです デモページ メニューアイコンもしっかり回... 続きを読む

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年前のアニメの鼻にすべて影があったとか，今のアニメの鼻すべて影... 続きを読む