同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
![カラー生成のこんな便利ツールがあったとは! ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9b9b20f01c1d765f419363c0b2fcf99a22c07f6/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202203%2F2022082010%402x.png)
色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
アニメーションもできる3Dモデリングソフトウェア 3Dモデリングをはじめたい方はトライ!3Dアニメーションも作成できます。 アニメーションもできる3Dモデリングソフトウェア 最近は映画でCGが使われることが多くなってきた。ピクサーのように、CGのみで映画を製作する会社もあるくらいだ。非常に緻密な描画ができる反面、根気のいる作業だろう。 そんな3Dアニメーションの世界を垣間見たければこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはK-3D、3Dモデリングソフトウェアだ。 K-3Dは画像として保存される3Dはもちろん、アニメーションも作成することができる。予め決められた立方体や円錐、その他の形を組み合わせて造形していく。 そして各コマごとに動かしていく事で、動画を製作できる。公式サイトには様々な画像、動画が紹介されている。ぜひ一度はご覧いただきたい。 3Dモデリングというと、敷
flowers - zefrank.com フラワー風アート生成用WEBツールのflowersの紹介。 使い方は簡単で、花びらの形を選んでキャンバス上でドラッグ&ドロップするだけ。 適当に書いてもそれなりに美しい画像なんかが作れて、サイト用の素材作成ツール等としてお手軽に使えます。 これは素晴らしいですね。 こういった部分になるとやはりFlashが力を発揮してきます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く