今回はツールのTipsではなく、グラデーションをつくるときに私がいつも心がけていることなどをご紹介します。グラフィックソフトだけでなく、cssでグラデーションをつくるときにも使えるポイントだと思うので、非デザイナーの方にも見ていただけるように簡単に、すぐ読める内容になっています。 修正）2013/8/29/14:41 画像の2〜4枚目を修正しました。明度と彩度について間違いがありました、申し訳ありません。 ニュアンスのあるグラデーションとは 例えばこのカラーをサイトのベースカラーに使いたいとします。モニタの色というのは「R(赤)G(緑)B(青)」の0〜255で出来ていますが、他に「色相、彩度、明度」という数値でも表すことが出来ます。今回はこの3つの数値も重要なので、心の隅に置いておいてください。 メニューバーやボタンでグラデーションを作りたい、白背景に馴染むように白で作りたい、というときは
むらけんです。こんにちわ。 次回のF-siteはアニメーター向けですね。それと関係あるのかないのかわかりませんが、PhotoShopのレイヤースタイルライブラリ風のGradationLibというグラデーションライブラリMXPを作成しましたのでご紹介します。 いきなり余談ですが、僕はMXPは初めての製作となりました。 「JSFL&MXPもっと使おうよ。」というお話とそれらに関するhelloWorldを頂いたtaka:niumさん。 製作にあたって、参考にさせていただいたmunegonさんらに感謝です。 【追記 8/27】バージョンを1.0.1にしました。 変更点は、Macの場合デバイスフォントを使用していたため、クレジットがレイアウト崩れを起こしていた問題を、修正しました。（機能的には何も変更していません） ダウンロードアドレスは同じです。 さてさて、今回作ったGradationLibはタイ
Android の描画リソースによるグラデーションは粗い。 表示領域を広げてゆくと 16bit カラーのディスプレイが主流の頃によく見られたマッハ バンドのような縞が発生してしまう。仕事で作ったアプリでグラデーションを多用したのだが、それをタブレット端末でテストした時にこの縞が気になってた。 はじめは省メモリやパフォーマンスの観点から Android OS が品質を制限しているのだと諦めていた。しかし気まぐれに「Android gradient quality」かでググってみたら以下の記事を見つけた。 High Quality Radial Gradient In Android 記事中のサンプルコードでは Activity.getWindow メソッドで得られたウィンドウに対し、Window.setFormat メソッドを呼び出している。パラメータは PixelFormat.RGBA_8
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。 今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
スマートフォンなどでよく見かける、光沢のあるグラデーションを持ったツールバーを画像なしで作成してみる。 Android ではコントロールの描画方法を drawable リソースから指定できる。これは画像と XML に大別できる。 画像はデザインの自由度が高く美しいのだが、解像度 ( ldpi、mdpi、hdpi、…etc ) と引き延ばし ( 詳しくは Draw 9-patch を参照のこと。有志による日本語訳はこちら ) を意識する必要がある。 一方、XML はデザイン指定の方法がかなり限定されるため、希望どおりの描画結果を得るのが難しい。 しかし dp ( または dip。密度非依存ピクセル。詳しくは Supporting Multiple Screens を参照のこと。有志による日本語訳はこちら ) によるサイズ指定と標準で用意されている形状・塗りは解像度に依存しないため、様々な端末
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
