Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Design

[Community] Behance – デザイナーのポートフォリオを編集・公開できるコミュニティサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

自分のポートフォリオを作成・公開できる、デザイナー・クリエイター向けのコミュニティサイト。Webや印刷物、立体物など様々な作例が上がってます。コミュニティサイトなのでもちろん自分の作例をアップする事もできますがどの作例もレベルが高く、自分のようなウンコデザイナーにとっては勢いだけでウっとなってパっと上げちゃうのは難しい印象。けど単純にギャラリーサイトというか、デザインのネタ帳としても使えそうです。デザイナーの仕事のお供に是非これひとつ。

[Design] Layers Magazine – Adobeに関するウェブマガジン

  • Pocket
  • このエントリーをはてなブックマークに追加

デザインに関するWebマガジンというか、チュートリアルが紹介されたブログなんですが、Adobe縛りです。Adobeの呪縛から抜け出せないデザイナー向けのブログ(あ、俺もです)。各種アプリごとに記事をブラウズできる点が特徴でしょうか。あとハードウェアのレビューなんかもあるので、デザインの仕事してる人向けの内容かと。CS6どうすっかなぁ・・・。

[Web Design] 200+ Pinterest Boards for Designers to Follow – デザイナーならフォローしといた方がいいPinterest Board

  • Pocket
  • このエントリーをはてなブックマークに追加

デザイナーならフォローしといて損はないPinterestボード。各分野のデザイナーさんの板のまとめです。紹介されているデザイナーは、主に印刷分野やプロダクトデザインの人が多くて、Web関連はあんまり紹介されてません。これはPinterestの特性でしょうね。見てるだけでも楽しいので、デザインのネタ帳に是非。

[Photoshop] The fast and easy way to clean dust – フォトショップを使った簡単にできるダストクリーニング

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップを使ったサクっとできるダストクリーニング方が紹介されてます。よく商品写真を撮った後で「んがーホコリ付いてる!」って事ありますよね。特にフラッシュを使った静物撮影の際に、ちょっとした糸くずとか付いたりしますね。ここで紹介されてる手法は、まず綺麗に見えるレイヤーを別に作り、最後にマスクを使ってダスト部分のみ手作業でクリーニングしていくというものです。手順は以下より。

(さらに…)

[Photoshop] Photoshop Actions to fix the banding of Photoshop’s gradients – フォトショのグラデのムラを抑えるアクション

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショで色の近い2食でグラデかけると、よく色ムラというか、なんかこう色の変化する段階が見えちゃう事ありますよね。あれを綺麗に見せるためのアクションファイル。グラデの色ムラを抑える方法って以前からあるにはあるんだけど、グラデを描画したレイヤーを直接作業したりするので、レイヤースタイルで描画したグラデには適用できなかったりしました。こいつは新規にノイズレイヤーを追加する手法なので、見た目上はレイヤースタイルでのグラデにも適用できる点がナイス。使い方はアクションをDLしてフォトショに追加するだけ。アクションが走ると新規のノイズレイヤーができてグラデが綺麗になります。試しにノイズレイヤーを不可視にするとその効果が分かります。マスクなどは手動でやるっぽいですね。グラデが汚くてどうにもこうにもイラっとする時に是非これひとつ。

[Design] 365 awesome designers – 365人のクールなデザイナー

  • Pocket
  • このエントリーをはてなブックマークに追加

365人のクールなデザイナーの紹介と、その作例。今日の時点で54人紹介されてますが、365人に到達したら終了するのでしょうか。ここで紹介されてるデザイン作例はWebだけに限らず、UIデザインやロゴデザイン、プリントデザインなども含まれているので、様々な媒体に向けた作例を見る事ができます。各デザイナーごとに活動場所とオフィシャルサイトへのリンク、Twitterアカウントなどが紹介されてます。作例の多くはdribbbleから引っ張ってきているようです。何か目的を持って作例を探すという目的よりは、ダラダラと「かっけーなー」とか言いながらブラウズするのがイイ感じ。

[Photoshop] The Photoshop Etiquette Manifesto for Web Designers – フォトショップを使う上でのエチケット

  • Pocket
  • このエントリーをはてなブックマークに追加

デザイナーのための、フォトショップを使う上でのエチケットという記事。特に他者とやりとりする場合にはこういうの大事かもしれません。例えば「02 NAME FILES APPROPRIATELY」の項目ではフォトショで制作したファイルの命名ルールについて「こうじゃなくてこうしましょう」的なアドバイスが載ってるんですが、デザイナーの人ならきっと共感できる内容かと。「ファイル名(最新).psd」「ファイル名(ホントに最新).psd」「ファイル名(今度こそ最新).psd」「ファイル名(最新2).psd」と並んでいて「結局どれが最新なんだよ!」とかありますよねありますよね。あとファイルごとの整理法、ローカルではなく共有サーバに保存、レイヤーやレイヤーフォルダ内の整理法など、デザイナーなら気をつけておいた方がイイ点について色々と紹介されてます。自分のような脳筋デザイナーはこういう部分の仕事が雑なので、色々と気付かせてくれます。

[Illustrator] 25 Cool Adobe Illustrator Tutorials – 25のイラレのチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

25のイラレチュートリアルが紹介された記事。作例を描く上でのチュートリアルというよりは、その作例を作るためにどんな機能を使えばいいか、という点に焦点を当てたものが多い印象です。例えばテクスチャの作り方やシェイプの描き方、メッシュの使い方など、イラレの熟練を目指す上での汎用的な記事内容が多く見られます。っていうか自分もどちらかというとイラレ苦手なんすよね。たまにはこういうの見て勉強しなきゃなーとか思います。