すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
短期集中連載企画： コレだけ読めばバッチリお勧め書籍紹介「第 1 回 XHTML+CSS 編」 | バシャログ。
バリバリの現場スタッフである当ブログの執筆者が、それぞれの得意分野でお勧めの書籍をご紹介する短期集中連載企画。全 8 回の予定でお送りします。 第 1 回目は 「XHTML+CSS 編」です。 STEP1 「なぜ WEB 標準に準拠する必要があるのか」 現役のデザイナーやコーダーでも「なぜ WEB 標準に準拠する必要があるのか？」を理解している人はそれほど多くないのではないでしょうか。 まだ WEB 標準が一般的ではなかった時代、当時主流だったテーブルでのレイアウト手法に慣れてしまっていた自分は、それまでに培ったノウハウとは違うベクトルの技術を覚えるために時間を割くことに抵抗がありました。 しかし、この本を読んで頭の中のモヤモヤは消し去りました。そして必死に XHTML+CSS を勉強し始めました。 この本には XHTML や CSS の実践的なテクニックはそれほど書いてありません。しかし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
