けん@学生

自分が独学で学んだことを発信する

【Blender初心者】ノードラングラーをmacで動かす方法

Node Wranglerのマテリアル設定で、WinだとShift + Ctrl + T

が起動するがMacだとできない。

 

ということで、あまり情報がなかったので探してあったので載せます。

 

シェーダーエディターで

 

Shift + W

 

すると出てきた。

 

あと、横にありました。

https://i.stack.imgur.com/TzvPp.png

 

 

www.reddit.com

 

blender.stackexchange.com

【Blender初心者】ノードラングラーをmacで動かす方法

Node Wranglerのマテリアル設定で、WinだとShift + Ctrl + T

が起動するがMacだとできない。

 

ということで、あまり情報がなかったので探してあったので載せます。

 

シェーダーエディターで

 

Shift + W

 

すると出てきた。

 

 

www.reddit.com

Splineの使い方

spline.design

 

はじめまして、@jdfGRm2XW3IBhXU です。

Splineのチュートリアル紹介です。

 

チュートリアルとして自分が学んだYoutuberの動画を貼っておきます。 


EASILY Create Awesome 3D for the Web with Spline!

 

main 

画像画像

f:id:qgenhate:20210128223605j:plain

こちらはSplineの開始画面です。

 

Tab bar

f:id:qgenhate:20210129104929j:plain

 

・ユーザー名

・ファイル名(今見ているファイル)

・ファイル名

新しいファイル作成

・無料プランの人はアップグレード

 

 

Tool bar
画像

f:id:qgenhate:20210129104923j:plain

 

オブジェクト

・オブジェクトの一覧が表示されます

・プレート

・丸いプレート

・テキスト

・キューブ

・立体のボール

変形

・移動

・スケール

・回転

 

 

Side bar

f:id:qgenhate:20210129104926j:plain

左のサイドバーには、あなたのシーンのレイヤーまたはオブジェクトを示しています。

 

 

f:id:qgenhate:20210129104932j:plain

右のサイドバーには示してプロパティパネルを。各パネルでは、シーン全体または選択したオブジェクトからプロパティを変更できます。

 


 

Webで使えるJavascriptライブラリ

Green Sock

greensock.com

<script src="https://cdn.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>

 

animejs

animejs.com

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js"></script>

https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js

 

 

Darkmodejs

darkmodejs.learn.uno

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>

 

 

Lottie

airbnb.design

 

 

barba.js

barba.js.org

 

 

 

Blotter.js

blotter.js.org

 

Splitting.js

splitting.js.org

 

 

 Matter.js

brm.io

 

 

Particles.js

marcbruederlin.github.io

 

 

Fullpage

alvarotrigo.com

 

 

Glide.js

glidejs.com

 

 

AniJS

anijs.github.io

 

 

Slick

kenwheeler.github.io

 

 

CircleType.js

circletype.labwire.ca

 

 

 Parallax.js

matthew.wagerfield.com

 

 

Typed.js

mattboldt.com

 

 

PixiJS

www.pixijs.com

 

 

 Panzoom

timmywil.com

 

 

Hover effect

github.com

 

 

Particles.js

vincentgarreau.com

 

 

skrollr

github.com

 

 

Owl Crousel2

owlcarousel2.github.io

 

 

scrollmagic

scrollmagic.io

 

 

Dynamics.js

dynamicsjs.com

 

 

Sal.js

mciastek.github.io

 

 

 

Delighters.JS

q42.github.io

 

 

ScrollReveal4

scrollrevealjs.org

 

 

CreateJS

createjs.com

 

 

ScrollOut2 

scroll-out.github.io

 

 

Panolens.js

pchen66.github.io

 

 

 

 

 

 

 

デザインをするときに使えるツール

Flaticon

www.flaticon.com

freeのiconを使うことができるツール

 

PatternPad

patternpad.com

幾何学模様が簡単に作ることができるツール

 

Colorsandfonts

www.colorsandfonts.com

色や文字など組み合わせなどが載っているツール

 

SNAZZY MAP

snazzymaps.com

googleマップで道路や文字の色を変えたりすることができるツール

 

unDraw

undraw.co

最近トレンドのシンプルをモチーフにしたイラスト

Googleが使ってそうー

 

Free Vector illustrations

icons8.com

これも最近トレンドのシンプルなイラスト有料のもあり数も多くおすすめ

 

Old Book Illustrations

www.oldbookillustrations.com

昔の西洋かどこかの絵本などに登場するイラスト

 

interfacer

interfacer.xyz

グラフやアイコンなど多くある便利ツール

Webデザイナーが目指すべき世界的コンテスト

Awwwards

www.awwwards.com

インターネット上のデザイン、創造性、革新に対する賞

CSSDesignAwards

www.cssdesignawards.com

 デジタルフォーク、UI/UXのぞき見、そしてWebの刺激的なリーダーの

ためのWebデザイン&開発賞プラットフォーム

CSSWINNER

www.csswinner.com

 最高のWebサイトを授与および紹介し、革新的なWebデザイナー

開発者、および代理店を宣伝する独自グローバルプラットフォーム

FWA

thefwa.com

使用する媒体や技術に関係泣く最先端の創造性を披露する場所