Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。
Fireworksユーザーが僕のまわりで少しずつ増えているような感じがしたので、Fireworksを初めて使う人、他のツールを使っていてFireworksを触ってみようと考えている人向けに読んでおくと良さそうなサイトや本を集めてみました。 チュートリアルサイト Fireworksマニア 解説をなぞ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「PhotoShop & FireWorksでWebデザインする為に必要な情報まとめ」 PhotoShop&FireWorksでWebサイトを構築する為の書籍があまり無いので、ネットにある情報を少しまとめてみました。また追加していきます。 PhotoShopでWebデザイン PhotoShopVI... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
雑誌やパッケージデザインなど身近なものにも使われている、テキストエフェクト。 「ことば」に「デザイン」を加えることで、インパクトを与えるだけでなく、視覚的にも楽しむことができます。 海外デザインブログSmashing Appsで、これまでに公開されているテキストエフェクトに関するチュートリアル50... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
スマートフォン利用者が増えたことで、さまざまなアプリを利用していると思います。アプリをダウンロード、購入したときに素敵デザインのアイコンだと少しだけテンションがあがりませんか。 海外デザインブログFavbulousで、リアルすぎるデザインが素敵な、iOSアプリを中心としたアイコンデザインを34個ま... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Home > まとめ > チュートリアルまとめ > これぞマジック、Photoshopのすごいチュートリアル、使い方30個まとめ 2012年4月版 不定期となりますが、新しく公開された、Photoshopチュートリアルをまとめてご紹介しています。 海外デザインブログdesignrfix.comで... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
みなさんはじめまして。 シーブレイン、Webデザイナーの nonaka です。 今回が初ブログとなります(汗)今後ともどうぞ宜しくお願いいたします。 早速何を書こうか非常に悩みましたが、まずは基本に立ち返り、"画像処理作業"などの日常のルーティンワークを格段に早く、効率的にする事ができる Phot... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
パネル右:グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:sol... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
白を中心としたシンプルで美しいデザインのウェブサイトをまとめました。日本語サイト中心なので、サイト制作の参考にしやすいかと思います。 Francfranc フランフラン コーキーズクッキー オンラインショップ recomincaリコミンカ 代官山 蔦屋書店 momochi soap Starbuc... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
グラデーションを描いた時にできてしまうバンディング(濃淡の縞)を滑らかにするPhotoshopのアクションを紹介します。 手動用にそのアクションの解説も。 No More Bandingの使い方 No More Bandingの仕組み No More Bandingの使い方 No More Ban... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
海外デザインブログbrunomouraで、Illustratorの最新チュートリアル30個をまとめたエントリー「30 Amazing Adobe Illustrator Tutorials」が公開されていたので、今回はこちらをベースにいくつかピックアップしています。 見ているだけでもワクワクしてし... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
2012年04月19日 12:00 そろそろ覚えておきたい Web用の画像加工・編集 超基礎入門 ノウハウ Tweet こんにちは、櫛井です。 「もうちょっと明るくするだけで印象違うのに残念」 「余計なものはトリミングでなんとかしたらいいのにな」 と思う画像がインターネットには溢れていますね。 実... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
商品・プロダクトの写真を撮る際、ありがちなやってはいけない8つの間違いを紹介します。 8 Common Post-production Mistakes in Product Photography 下記は各ポイントを意 [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
深く、くわしく掘り下げます! Photoshopの上級者でさえ なぜか曖昧な5つの基本機能 Photoshopをそうとう使いこなしている人でも、「実は曖昧に使ってる!」という基本機能は意外に多いのではないでしょうか。Photoshopの初心者、中級者ならなおさらです。そこで今回の特集では、多くの... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
日本各地で桜が満開です、お花見したよという方も多いのではないでしょうか。 そんなときに撮影した写真などを、Photoshopアクション素材を使って、加工してみませんか。 海外デザインブログDesign TNTで、写真加工を得意としたPhotoshop無料アクション素材15個をまとめたエントリー「F... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
画像の雰囲気を劇的に変えられるPhotoshopアクションまとめ「33 High Class Photoshop Actions for Photo Enhancement」 印象的なデザイン制作にとって画像から感じられる雰囲気は、デザインのテイストを左右する重要なポイント。そんな中今回紹介するの... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
かなり時間が経ってしまいましたが、先日CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」(以下LP22)に参加してきました。 5時間に及ぶ一日がかりのセミナーだったのですが、有用な技や知識の連発で時間があっという間に過ぎてしまいました。 今回は、中でもさっそく制作で... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが..... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Home > まとめ > その他まとめ > ダイナミックなエフェクトが魅力、パララックスWebデザインまとめ(+無料プラグイン9個) パララックス効果(英: parallax effect)をご存知ですか。 別名「視差効果」とも呼ばれ、Webデザインで利用されている、エフェクトのひとつです。 複... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|