iCloud風のアイコンを作成する（Fireworks）
こんにちは。和田です。 今回はiCloud風のアイコンをFireworksで作成したいと思います。 オブジェクトは３つだけで作成できるのでとても簡単です。 それでは作成したいと思います。 まず始めに700×700pxの新規ファイルを作成します。 そして、 1.土台?となる部分の矩形を作成します。 ・サイズ：512×512px ・丸み：94px ・塗り：線形グラデーション →グラデーションの値（番号は下記の画像に記載している番号を表しています。） (1) #DDDDDD (2) #89898B (3) #545456 2.次にステンレスのようなヘアライン効果のオブジェクトを作成します。 2-1.円の矩形を作成します。大きさは、「1」で作成したものより大きく作成します。 大きく作成するのは、この後で設定するフィルタ（ぼかし（放射状））の効果を奇麗に反映させる為です。 ・サイズ：646×646p
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」 | DesignDevelop
WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。 WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。 詳しくは以下 ダウンロードは、作者のコメント欄の「DONWLOAD HERE」をクリックして表示される上記の画面で、optionもしくはaltを押しながらクリックするとpsdファイルをダウンロードすることが可能です。 配布元の「Dribbble – What are you working on?」では、その他にも多くの素材ややクリエイティブが投稿されています。クリエイティブに関わる方は、本サイトのほうも是非どうぞ。新たな発見があるかもしれません。 D
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
