[B! 3d] araproのブックマーク

Illustratorの3D効果で傘のイラストを簡単に描く方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーの白浜です。今回は、普通に描くと形を取るのがむずかしい傘のイラスチを、Illustratorの3D機能を使って簡単に描く方法をご紹介したいと思います。今回の記事はこちらのまとめをもうちょっと補足した感じの内容になっております。 Illustratorでお絵かきTIPSつめあわせ http://togetter.com/li/743226 下準備のちに使用する、傘の本体部分のシンボルをあらかじめ登録しておきます。ポイントは、ストライプ状に並べた長方形オブジェクトの下だけ、ワープ機能を使って（今回は下弦を使いました）波なみにしておくことです。作ったものは、あとからシンボルをダブルクリックすれば編集可能なので、ざっくりとで大丈夫です。傘の部分を作るつづいて、傘の部分を作っていきます。傘の断面のパスを描くまず初めに、傘の断面のパスを描きます。このパスが一周

arapro 2015/08/11

リンク

http://blog.qaramell.com/?p=9601

arapro 2015/06/24

3D

リンク

CSS3D Clouds

An experiment on creating volumetric 3d-like clouds with CSS3 3D Transf orms and a bit of Javascript. Check out the tutorial here! Move the mouse to rotate around and mouse wheel to zoom in and out. Hit space to generate a new cloud. Works on Firefox (faster if Nightly), Chrome and Safari.

arapro 2015/06/01

リンク

CSS3で作るダイナミックな3D表現 (1/2)

ダイナミックに切り替わるページナビゲーション一見するとシンプルなデザインのサイト「HUMAAN」。その魅力は、細部まで作り込まれたインタラクションにある。中でも目を引くのが、フルスクリーンで展開されるダイナミックな変形アニメーションだ。何気なく下部のメニューをクリックすると、ページ全体が大きく回転しながら切り替わる。その動きが非常に気持ちよく、コンテンツをうまく魅せる素敵な仕掛けだ。この3D回転は、連載第1回「CSS Transitionsを使った3Dロールオーバーのアイデア」で紹介した3D変形と同じ仕組みで実装されている。今回は、3D回転によるダイナミックなコンテンツ切り替えについて、第1回の記事をヒントに再現してみよう。 STEP 1：3Dの構造を考える最初に、ページ全体を回転させるため、ウィンドウと同じ大きさの2つの面（div要素）を用意し、transf ormプロパティで変形さ

arapro 2015/06/01

リンク

MagicaVoxel - 高性能ボクセル（３Dドット）モデリングソフト！レンダリングも可能！無料！Win＆Mac対応！

Blender アドオンプラグイン＆アドオン-Plugin&Addon Hair Tool 3.5 - Blender用のヘアーモデリングツールセットア... 2023-12-25 805 views Bartosz Styperek氏によるBlender向けヘアーモデリングアドオンの最新アップデート『Hair Tool 3.5』がリリースされました！ 000 続きを読む Blender アドオンプラグイン＆アドオン-Plugin&Addon AutoUV - ワンクリックでサクッとUV展開可能なBlenderアドオンが無... 2023-12-25 3018 views Procedural Creationによる、Blender向けの超お手軽UV展開アドオン『AutoUV』がリリースされました！無料です！ 002 続きを読む Unreal Engine チュートリアルチュートリア

arapro 2015/05/07

リンク

これからCGデビューする人は、幸せである。ZBrushがあるのだから

arapro 2015/03/23

リンク

Adaptor :: jQuery content slider

arapro 2015/02/20

リンク

写真をマウスでなぞっていくと「3Dモデル」が自動作成できる「Smoothie-3D」がヤバ過ぎる！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

arapro 2015/02/04

3D

リンク

[CSS]パララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアル

ページ上のコンテンツを複数のレイヤーで構成し、それぞれを異なるタイミングでスクロールさせるパララックスのエフェクトをスクリプト無し、CSSで実装するチュートリアルを紹介します。デモページをスクロールしたとこパララックスの構造の可視化は、左上の「Debug」をチェックします。パララックスの実装 Step 1: HTML divなどで各レイヤーを配置します。 <div class="parallax"> <div class="parallax__group"> <div class="parallax__layer parallax__layer--back"> ... </div> <div class="parallax__layer parallax__layer--base"> ... </div> </div> <div class="parallax__group"> ..