手回し式靴下編み機を作って靴下を編んでみた｜fabcross
靴下を自分で作りたい！ と試行錯誤するうちに、19世紀半ば頃に発明された手回し式の靴下編み機の存在にたどり着きました。3Dプリンターを使って、自分の靴下を編むのにちょうどいい機械を作ってみました。 靴下は楽しい。カラフルなものだったり、動物や恐竜の総柄だったり、ちょっと表に着るのは勇気がいるものでも身に着けやすいところが好きです。自分の着るものはできるだけ自分で作るのが私の信条。靴下も自分で作ってやろうと試行錯誤してきました。 靴下は伸縮性が大事なため、布を縫うのではなく編んで作られています。市販の靴下の中には薄くて布のようなものもありますが、よく見ると編み目があるのが分かります。そのため、ミシンを使った縫物ではなく、編み物の技術が必要となってきます。 靴下を作ろうとして初めに試したのは、おもちゃの編み機。取っ手を回すと筒状に毛糸を編める子ども用のおもちゃです。小さいころ大好きで、おばあち
使える！CSSアニメーション 20選 | SONICMOOV LAB
CSSの進化により、様々な表現がCSSだけで完結できるようになったこの頃ですが、その中でもCSSを使ったアニメーションが色々と目を引くものがあり、今回はそれについて様々な場面で使えるCSSアニメーションをまとめてみました。ソースコードもあるので、カスタマイズすればすぐに使えますので、ぜひともチェックしてみてください。 関連：コピペで絶対使いたくなるCSSボタン 25選 目次 クネクネ動く CSS loading カラフルな CSS preloader! まるで折り紙のような Cube Fold ユーザーを引きつける Animated SVG Spinner バルスじゃないよ、パルスな Smooth Pulse スマホで見かけるあのメニュー Gooey Menu 一味違う確認モーダル Flipside 円形のプログレス SVG circular progress 流れる星 Parallax
UIデザインにおけるボタン:スタイルの進化とベストプラクティス | POSTD
ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過去数十年間でそのデザインはかなり変わってきました。しかし今でもボタンのUXデザインは認識しやすさと明確さについて言及されています。 この記事ではボタンデザインの発展を辿りながら、有効なボタンを作るために何が最も重要で最適なのかを見つけて行きたいと思います。 スタイルの発展 3Dボタン 初期からオペレーティング用のボタンは、周りのコンテキストと区別するために、浮き彫りと影に依存していました。この設計の解決策は枠、グラデーション、ドロップシャドウを使用して、要素を背景やコンテンツから目立たせ、クリック可能な要素だと簡単に認識できるようにするといった単純な原則に基づいていました。 ボタンが浮かび上がっているように見えます。 このWindows95のダイアログボックスは、濃い影とハイライ
魅力的な名刺を作成するデザインアイデア50個まとめ完全版
仕事のあらゆるシチュエーションで必要になる名刺。みんなが持っているからこそ、自分だけのオリジナル性をデザインで表現してみましょう。会話のきっかけにもなり、仕事もうまく進むかもしれません。 今回は、名刺を作成するときにチェックしたい、50個のデザインポイントをすべてまとめています。気に入ったポイントを、デザインに加えてみてはいかがでしょう。同時に、オンラインデザインツール Canva で無料編集できる、名刺用テンプレートも揃えています。こちらも参考にどうぞ。 目次 すっきり、プロフェッショナルに。 透明に色を加えよう。 型破りにいこう。 エレガントな形を使おう。 曲線カーブを利用しよう。 ゴージャスに仕上げよう。 個性を加えよう。 楽しく、形式ばらずに。 レタープレスで奥行きを。 コントラストのはっきりとした配色を。 透明の面白い仕掛けを考えよう。 デザインに専門性を加えよう。 向きを変えて
画像から驚くほど簡単に3Dデータを作成できるソフトSmoothie-3d
3Dデザインソフトの簡素化が進む 3Dデザインソフトの操作を簡素化する開発がかなり進んでいるようだ。もともと3Dデザインソフトや3Dモデリングソフトは、一部のエンジニアや、建築デザイナーなどの物であったが、3Dプリンターが民主化するとともに、当然民主化されるべき運命にある。各社から昨年以降さまざまなアプリケーションソフトウェアがリリースされており、誰でも使える簡単さになりつつある。 今回ご紹介する3DデザインソフトSmoothie-3Dもそのうちの一つ。新たに登場した3Dデザインソフトだが、写真や画像を使って驚くほど簡単に、直観的な操作で3Dモデルを作成することが可能だ。しかもこのSmoothie-3Dはオンライン上から無料で誰でも入手することができる。3Dデータの扱いや3Dモデリングなどのエントリーソフトとしては最適な機能性だ。本日は驚くほど簡単に三次元モデルを作れるソフトSmoothi
ほんの数クリックで完成！文字をかっこよくするPSテキストエフェクトまとめ
Photoshopを利用し、短時間で手軽に、みんながあっと驚く高品質なデザインを作成する方法はいくつかあります。 そのなかでも、文字を挿入し、ボタンを数クリックするだけで、見違えるほど魅力的にするテキストエフェクトは、グラフィックデザインにぜひ活用したい素材です。今回は参考にしたい PSD ファイルを、ファイルの基本的な使い方、カスタマイズ方法と一緒にご紹介します。 詳細は以下から。 ファイルの編集、カスタマイズ方法 では実際にファイルをダウンロードし、どのように編集するのか具体的に見ていきましょう。今回はデモとして以下のファイルを利用しています。 Molten Text Effect – DealJumbo まずPhotoshopでファイルを開き、レイヤーパネルを確認します。パネルの一番上に配置された、サムネイルの右下にアイコンが表示されているレイヤーは、スマートオブジェクトレイヤーであ
これで「鳥獣戯画」を自宅でもリアル再現可能、蛙と兎のフィギュアが登場
京都・高山寺に伝わる絵巻物の鳥獣戯画(鳥獣人物戯画)は国宝に指定されており、なかなか手軽に触れることができないものですが、ワンダーフェスティバル 2016[冬]の海洋堂ブースではなんと作品に描かれる蛙と兎を3Dで再現したフィギュアが登場していました。 昨日の鳥獣戯画は、まだどのような販売形態になるのか決まっておりません。 決まり次第こちらのアカウントでおしらせしますので、続報をお待ちくださいね！ 折角なので違う角度で撮った写真を。ウサギのこの顔…！かわいすぎてもう…！(´Д` ) pic.twitter.com/Z0Zqc9QEIH— 【公式】海洋堂 WF3-04 (@kaiyodo_PR) 2015, 12月 25 コレが海洋堂の鳥獣戯画フィギュア。同作品の「甲巻」で描かれる、蛙と兎の相撲の様子をフィギュアにしたものです。 フィギュアはパーツ分割式。まるで絵巻物からそのまま飛び出してきた
どれを選んでも無料！高品質すぎるベクター素材60選
この記事は2015年9月7日の記事を更新しています。 ホームページ制作、資料作りで見た目にもこだわりたいと思った時に、イラストを全て作成するのはとても大変です。そんな時、ベクター素材を使えば、時間をかけずともデザインを作りこむことができます。本格的なデザインのものも多数存在しますので、使わない手はありません。 今回は、高品質ながら無料で使えるフリーのベクター素材をまとめてご紹介します。ホームページのデザインから印刷物まで、あらゆるデザインに幅広く活用出来ますので、ぜひダウンロードして使ってみてください。 デザインいらずの高品質ベクター素材まとめ 1.Vector Smart Phone Mockups http://www.vecteezy.com/vector-art/84082-vector-smart-phone-mockups 異なるカラーのスマートフォンイラストをまとめたベクター
今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
こんなのを待っていた! iPhone 6を全面カバーする3Dガラスフィルム「imos SolidEX 3D film」
レビュー こんなのを待っていた! iPhone 6を全面カバーする3Dガラスフィルム「imos SolidEX 3D film」 昨年末ぐらいからか、iPhone6のガラスフィルム業界で密かに話題を集めていた製品があった。それがこの「imos SolidEX Corning 3D film for iPhone 6 」だ。 これは世界初の曲面処理を施したガラスフィルム。実はiPhone 6はガラス部分が湾曲しているために、構造上、ガラスのフラット部分のみを覆うフィルムやガラスフィルムがほとんどだった。そのためフィルム部分が表面に対して「寸足らず」なものが多かったのだ。 しかし、この「imos SolidEX Corning 3D film for iPhone 6 」はiPhone 6全面のギリギリまで覆うフルカバータイプ。さらにエッジ部分に3D熱加工を施すことでiPhone 6のラウンド
2次元キャラを2Dのまま3D空間上で立体的に360度動かせる「Live2D Euclid」
1枚の原画を変形することで2Dのイラストを立体的に表現できるようになるのが「Live2D Euclid」です。井上雄彦氏のバガボンドなど、これまで3D技術で立体化させるのが困難だった墨絵タッチの作品でも原画の表現そのままに立体化できるようになっており、「イラストを3Dモデルで立体化させたら微妙にかわいくなくなる」という事態が起きない革新的な技術になっています。 Live2D Euclidの開発を発表 | Live2D http://www.live2d.com/news/euclid_development Live2D Euclidがどんな感じで動くのかは以下のムービーから確認可能です。 2Dイラストを立体的に360度動かせる映像技術「Live2D Euclid」を開発 - YouTube 2Dイラストを3D空間上で立体的に動かすことができる技術を開発しているのが、株式会社Live2D。
リアルな男女の3D人体をあらゆる角度から眺めてお絵かきなどに役立つ「Anatomy 360」
Anatomy 360は、実在の人間モデルを3Dスキャンによって人体の全身を閲覧可能にするサービスの開発を行っています。そんなAnatomy 360がUnity Web Player対応ブラウザで動作するテスト版として、男女モデルの影や光源の方向などのライティングを設定したり、グリグリ視点を変えて閲覧したりできる「Anatomy 360 Build 1.2」を公開しています。 Anatomy360 Demo - Anatomy 360 https://anatomy360.info/anatomy360-demo/ Anatomy 360 Build 1.2のデモを起動するには、「CLICK TO TRY THE DEMO」をクリック。 読み込みはかなりスローですが、完了後にデフォルトで男性の3Dモデルが表示されます。グリグリ動かすための操作方法を画面上に表示させるには「Controls」
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
デッサンポーズ | 3Dフィギュアによるポーズリファレンスサイト
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
新着記事
なんでも3D図面にできる「SketchUp」