リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
Webでの文字のレイアウトについて - 2011年に試してみたこと - - くらげだらけ
2011年の後半あたりから文字や文字組に興味を持ち始めました。元々、大学時代に文字についての勉強をちゃんとできていなかったことが、ある種のコンプレックスのように感じていました（今もそうです）。そのうえで「デザイナー」という肩書きを持っていることを嫌って、名刺にデザイナーではなく「制作」とわざわざ入れたこともありました。 そんなこんなで過ごしながら今年読んだ本が「文字をつくる―9人の書体デザイナー」と「文字講座」という本でした。どちらの本にも文字がどんなふうにできたのか、どんな想いでできたのかといったことが書かれていて、非常に面白かったです。それから書体や文字組に関する本を読んだりして少しずつですが勉強している毎日です。 最近では電子書籍が少しずつ読めるようになって来ました。私もiPhoneで読んだり、iPadで読んでみたりしています。私もWebに関する仕事をしているので、最近ではWebの文
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
Free Seamless Vector Background Collection (Illustrator EPS)
Today, we’re excited to offer a free vector seamless background pack designed by Vectorious. These backgrounds can be used in any aspect of design, from web backgrounds to apparel and flyer designs. The pack includes six vector background Illustrator EPS source files that can be easily customized with any color. Additionally, there are six colored previews and six black and white previews to help
Seamless Paper Patterns » WebTreats ETC
Today’s web treat is a free combo pack of large (1024px * 1024px) seamless paper textures in .jpg format as well as a corresponding Photoshop tileable pattern (.pat) set. Click thumbnails below to view the fullsize versions and download individually, or download the complete zip below. Included Images Included in the zip Full size versions of all the thumbs shown above Photoshop .pat pattern set o
山中俊治の「デザインの骨格」 » いまさらながらiPhone 3Gのボディの秘密に気がつきました
分解大好きお姉さんの万里子さんが、不要になったiPhone 3Gを分解しました。その結果、今更ではありますが、ひとつ発見がありましたので報告します。 上の写真は、3Gのプラスチックボディの内側です。よく見ると通常のプラスチック部品ではあまり見られないツールマーク（縞模様のような溝）が見られます。この溝は、ボディの内側をNC加工（コンピュータコントロールのドリルによる切削）した痕跡です。 ユニボディと言われるMacBook ProやAirは、アルミニウムの固まりから削って内面を作るので、ボディの内側全体がNC加工のツールマークに覆われています。これはiPADも同じです。しかし、プラスチックの部品の場合は、型に始めからかなり複雑な形状を作り込むことができるので、後から加工することは通常行われません。 にもかかわらず3Gのボディの内側は、全体の５分の一ぐらいの面積がツールマークで覆われていました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OMG!!! Rainbow Dividers in CSS3!!!
デザイナーでない人のためのレイアウト入門(PDFファイル)
Photoshop Vip » 継ぎ目のないパターンを無料で探すときに見るべき22個のWEBサイトまとめ
Loading...
Photoshop Vip » 背景デザインに使える継ぎ目のないパターン素材、500枚あつめました。