00-design-disruptors-preview

デザイン環境: 主要なハイテク企業のデザインの世界のドキュメンタリー

From Design Disruptors: A Documentary of the Design World at Major Tech Companies

私たちの住むデザインが流行している技術は、プライベートの急成長部門時代e 労働力。
そこにまだ ’ s デザインをのぞいて品質ドキュメンタリーの衝撃的な不在世界。
InVision のチームは、デザインの Disrupto をという名前の新しいドキュメンタリーを作成を進めてきましたrs。
$ 1 兆の op を測定するための値の組み合わせで 15 の別のハイテク企業を見てください。
製品の設計とユーザー エクスペリエンスのデザインにイニオン。
ドキュメンタリーで特色になる会社は、Tw広い、Facebook、MailChimp、Netflix、Dropbox がより多くので。
ここで ’ s からの説明、映画 ’ s 公式サイト: 21 世紀のビジネスの世界で大規模な変化を見ています。
To を春までに見えるベンチャーによって彼らの基盤にゆさぶられた江戸下町伝統産業f はどこにも。
どのように彼らはそれをやっているか。
デザイン。
デザイン環境で、’ ll トップ デザイナーを満たす世界で ’ s 賢い企業とどのように設計となっているバスの新しい言語を発見太枠内。
現在、正式な発売日はありませんが、大きな箱とねこの通知にサインアップすることができます。
l デザインかく乱物質 web ページ。
有り様とフィルムのスニーク ピークを得ることができます ’ s 2 分YouTube で e プレビュー トレーラー。
続きをかく乱物質設計: 設計世界のドキュメンタリー主要なハイテク企業
00-featured-google-maps-route

アップルの時計リリース Google マップアプリ

From Google Maps App released for Apple Watch

ちょうど最近 Google は、アップルの時計ブランドの新しいアプリケーションを発表した w Google マップatchOS。
これは、方向と場所をもたらすためのものですアップル ウォッチする権利を検索します。
TechCrunchこのリリースについて書いた: iTunes の App Store グ一グルに Google マップの iOS アプリのアップデートをルが静かに (そして、しばしば p Apple ファンの間でもその人気のアップルの時計バージョンをロールアウトします。
呼ばれる) アプリケーションをマッピングします。
新しい時計アプリと比較して Google マップの簡単なバージョンを提供しています。
豊かにコンパニオン アプリケーションとして動作するように設計されています、スマート フォン上で利用可能な、より機能豊富なスマート フォン対応。
特定のルートを旅行または prede すばやく入力できます。
あなたの場所に関係なく目的地の罰金。
小さい画面は明らかに要因ここでは、but watchOS の Google マップは、限られたスペースでより効率的に実行する設計されています。
これは、もう少し真剣に物事を取る彼らの開発チームを見ることができる Google の記号を回します。
誰もが、これは次の数月にわたってつながる ’ s の推測。
しかし、今のところ A とのだれでも時計の人々 はいつでもどこに行くに彼らの主要な GPS としてでそれを頼ることができます。
続きを読む Google マップ Ap でアップルの時計リリース p
44

After Effects とイラストレーター アドビと等尺性ベクトル島をアニメーション化します。

From Animate an Isometric Vector Island With Adobe After Effects and Illustrator

何よあなた作成前のチュートリアル、我々 作成する等尺性島、今日は我々 ウィルl は、その島の重要な要素をアニメーション化します。
Adobe Illustrator を使用して、ファイルと後 Ef 準備アニメーション化する fects ですこのチュートリアルの目的は、イラストを取り出していくつかの命を吹き込む。
それにアニメーションを追加しています。
チュートリアルに従ってくださいするためだけでなく、いくつかのファイルを用意しました。
1 回後 Effects.1 のファイルを準備することができますので、イラストレーターを開いて、ダウンロードします。
島 f の準備または開くと、水のこのチュートリアルは: リップルのアニメーション模したイラストレーターと木と parasolThis で吹いている fishwind の ballloop に役立つ私たちのアニメーションに焦点を当てるし、我々 が達成したい明確なターゲットです。
ステップ 1 から ai をインポートします。
ファイル After Effects に我々 は t を持っています。
o では、レイヤー パネルでいくつかの調整を行います。
それを明確にするために、我々 はからまだの要素を区切る我々 は、アニメーション化する要素 (コマンド-O) ファイル"Ressource_animation.ai"を開くと、。
ファイル"Island.ai"。
2 最初のステップ、ファイル"Island.ai"(コマンド-C) のコピーで 1 つの魚を選択し、私を貼り付けますファイル"Ressource_animation.ai"にレイヤー魚 n フロント (コマンド-F)。
今、チャンを変更します。
sparency (ウィンドウ > 透明) 100% ノーマルと色 (# 652 90) を確認します。
この理由ステップは、我々 は、ベクトルシェイプを私たちのすべての要素を変換 fi をきれいにするトリッキー取得レスされている退屈なタスク、Illustrator.This ではなく、After Effects では、ファイル"フィナを使用できます。
l_Ressource_Animation.ai"animation.2 を起動する WaterStep のリップル 1Open Af をアニメーション化します。
テル効果とファイル"Animation_island.aep"や"Final_Ressource_Animation.ai"ファイルをインポートとして組成物。
ドラッグをレイヤー サイズを維持し、リソース フォルダーにドロップします。
新しいお試し版を作成します。
osition (コマンド N) 以下に示す設定を使用します。
ステップ 2 double [組成および広告d 層「リップル」「人的資源」フォルダーが見つかりました。
その後、レイヤーをベクターに変換します。
図形 (レイヤー > ベクトル図形に変換)。
修飾子のオフセットを追加 (追加 > オフセット) と回を設定e 1 ピクセルへのオフセット。
一方、それをして、Overla にレイヤー Ripple_water ブレンド モードの変更します。
y と不透明度 (T) 40%。
ステップ 3To キーフレームを追加、ストップウォッチのアイコンをクリックし 1 & nbsp2 番目後で追加別のキーフレームの値 8 px。
ループ アニメーションを終了します。
作成します。
新曲、"Loop_ripple"、およびドラッグ アンド ドロップ構成"Ripple_water"。
今、アクティブ ・ nbsp;成分 Ripple.Alt クリック停止時計アイコンに時空間マッピング (コマンド-オプション-R)示されている belowloopOut("pingpong"); として LoopOut 式を追加するにはピンポン メソッドはバック、nd など 2 つのキーフレームの間でループ、1 と 8 の間ここであります、アニメーション d1 秒に isappears。
それを修正するには、を拡張 (クリックしてドラッグ) 組成政策の有効期間e.、最後のキーフレームの前にキーフレームを追加し、最後の frame.3 を削除します。
ループ スクーをアニメーション化します。
l FishStep 1高新しい構成の設定を次の図に示すように。
ステップ組成, 2 double クリック リソース folde に見られる層の魚を追加し、r.Then、ベクトルの図形レイヤーに変換し、使用して魚のアンカー ポイントの変更アンカー ツール (Y)。
ペン ツール (G) を使用すると、魚のパスを作成できます。
少なくとも含ませる木パスの頂点を ee。
属性の位置と回転・ nbsp のキーフレームはステップ 3Addグループ 1、画層の Fish.Select のパス、前に作成した展開し、属性を選択今魚、次パス、およびコピーして貼り付けるグループ 1 の属性の位置パスを描いた、拡張に 6 秒. 重複 (コマンド-D) キーフレーム グループ 1.S前からのパスを選ぶし、最初の魚から遠い頂点ポイントを選択する] をダブルクリックします。
左-その最初のコーナーを変更するをクリックして (パスのマスクとフォーム > を定義する最初のコーナー)。
パス、ユビキタスネットワー キング フォーラムを選択します。
古い属性 P に属性パス、コピーおよび貼り付けを選択グループ 2. 繰り返しの前のアクション 3 魚の osition。
4Now のステップ、回転 e を微調整彼らが次のパスと一致する非常に 2 秒。
[グラフ エディター] に、ドラッグし、選択すべてのキーフレーム。
ベジェ補間を変更し、曲線死者に合わせて黄色いハンドルをドラッグアン各キーフレーム。
あなたが感じるそのトゥイーンが十分ではない場合は、キーフレームを追加します。
手順を繰り返すことができます。
パスはできるだけ多く-私は 3 つのパスで停止一度魚の学校に満足してアニメーション、tree.4 に移動します。
ツリー/ParasolStep 1高 Ne で吹く風をアニメーション化します。
w 組成し、下の図のように設定します。
2Add のステップ レイヤー ツリートランク (形、光のベクトル Shape.Add 2 つのグループにレイヤーを変換) と葉 (形状と光)、し、ファイルをきれいにするさまざまな要素をドラッグします。
ドラッグ t彼はリーフのトランク グループ内のグループです。
レイヤーをコピーし、すべてが、トランクとクリートを削除e の上に Trunk_texture とアルファ マット。
最後に、アンカー ポイント (Y) の変更・nbsp; グループおよびレイヤーの両方の光 (ツリーおよび l のブレンド モードを調整し、電気炉) 60% をオーバーレイします。
ステップ 3Add 属性の傾けるには、キーフレームを 1 から別のキーフレームを追加し、sトランク グループおよびリーフ グループの 12 のスキュー値-8 の econd。
T の値をコピーします。
Mask_texture と Trunk_texture の両方の属性の傾斜に runk。
4Finish のステップとアニメーションループ。
新しい構成は、"Loop_tree"を作成するドラッグ アンド ドロップ組成「木」。
今、activate 構成「木」に関する一時的な再マッピングします。
停止ワシントン州で alt + クリックtch として LoopOut 式を追加するアイコン表示 below.loopOut("pingpong");今、使用して、トゥイーンお好みに合わせてモーション グラフィック エディターです。
シーンを設定すると、コピーして貼り付けて番目e 木。
位置決めのための参照として"background_top.png"と"background_bot.png"を使用できます。
Fol日傘の同じステップを低い。
一度完了したら、我々 は、animation.5 を調整できます。
エクスポートおよび調整t GIF AnimationStep 1高新組成 (コマンド N) とセットとして設定を表示下の写真の n。
2Add のステップそれぞれのアニメーションと"background_top.png"と"background_bot.png"シーンを完了します。
次のシーンにそれぞれビーチ タオルを追加します。
次に、th にすべてのボールを追加します。
e シーン、それらを変換し、ブレンド モードを変更-40% と光を影に60% が横たわっていた。
マスクを追加、ペン ツールを使用して、次の回のパスの描画をマスクする型を変更e 水中の影。
各ボール (コマンド-D) が重複して、重複のマスクを反転し、ドラッグし、Loop_ripple 構成の下の最初のバッチを削除します。
ソリッド (コマンド Y)、Ram のステップ 3Addp 効果 (効果 > 生成) 上に、気分を作成します。
Sta へのグラデーションの変更Ov に rt (#D3E169) および終了色 (#091098) およびブレンド モードの設定erlay 80% の不透明度 (T) とします。
レンダリング ファイル (コマンド M) としてレンダリングしステップ 4Add。
FLV ・ nbsp; (出力モジュール > FLV) またはお使いの PC によって RAM プレビューを見る。
この機会に lo を取るアニメーションを [ok] をし、ループ GIF を調整します。
あなたのループがなければ広告d 別のレンダリング ファイル (コマンド M) と PNG シーケンスとしてエクスポートします。
ステップ 5Open Photoshop とオープン ・ nbsp; PNG シーケンス。
調整パネルを使用して (ウィンドウ > 調整)、明るさとコントラストたとえば、GIF を調整します。
6Then のステップ、あなたの GIF (alt キー-shift キー--e コマンド)、GIF を保存するをエクスポートします。
宛先ループ上のトグルと GIF の品質を調整します。
この手順は非常に重要を共有したい場合作業します。
GIF は、Dribbble.Here でアップロードする 8 MB 未満の私の w の設定の例をある必要があります。
ork: 選択、パターン、色: 256、なし透明ディザーと Bicubic.Congratulations!この火でtorial、さらに一歩」で撮影した環境要素のいくつかをアニメーション化して回を調整e トーンとシーンのアニメーション。
気軽にコメント、あなたの結果を教えて-それ自体幸せになれるだろうe あなた。
00-featured-dribbble-new-tab

Chrome と Firefox のためのすべての新しいタブで Dribbble ショット

From Dribbble Shots in every New Tab for Chrome and Firefox

デザイナーの招待者のみのネットワークには、威信のある特定の重量が伴います。
Dribbble は perhaps は 1 つのデザイナーの信じられないほどの名簿とよりよく知られているポートフォリオ サイト。
私が提供していますnspirational は、デザインの世界のライブのパルスを見てください。
人気のあるショットがユーザーの投票とse は、最も注目を集める傾向にあります。
Dribbble 新しいタブは Google のクロムと F のためのブラウザー拡張機能です。
デスクトップにこれらの人気のあるショットをもたらす irefox。
P Dribbble の API に接続します。
すべての新しいタブで最新の人気のあるショットを ull を開きます。
これは楽しさと創造的な滞在方法です。
Dribbble 自分のサイトに最新の高品質の記事の上。
私 ’ ve されて Dribbble を使用して3 年以上ほぼ毎日サイトを訪問し続けると。
そこ ’ s おしまい、クォリティにy 仕事と招待デザイナーの数は急速に増加しています。
インストールする場合、拡張子 you ’ ll はあなたの新しいタブ未登録であるショットが表示されますを変更するオプションを与えられるDribbble ユーザーは、人気のある・最近のショットを見ることができます。
アカウントを持っている場合も表示できますが、あなたに従う人々 からのショット、あなた自身のショット、またはショット、“ 好きだった ” の歴史。
Dribbble 新しいタブは、あなたのブラウズ経験を小ぎれいにする汎用性と楽しい方法です。
それは現在動作します。
Firefox のため両方クロム ・すぐにオペラ拡張を多く期待すると。
Fr のためインストールすることができます。
ええ、決してミス Dribbble 中庭にビート。
すべての新しいタブで Dribbble ショットで続きを読むChrome と Firefox