Figmaで消えてしまったデータをバージョン履歴から見つける方法

Figmaで消えてしまったデータをバージョン履歴から見つけるには、以下のようにします。例えばMacのFinderで、書き出したpngファイルの作成日を確認する。左サイドバーのファイル名をクリックし、「バージョン履歴を表示」。右サイドバーにバージョン一覧が表示されるため、png …

Photoshop 2024で、レイヤー選択時のバウンディングボックス・境界線を非表示にする

Photoshop 2024で、レイヤー選択時のバウンディングボックス・境界線を非表示にするには、以下の箇所のチェックを外します。

Figma Slidesのショートカット

shift + .スライドビュー（通常）とグリッドビュー（一覧）の切り替えshift + s空白のスライドを追加

figr – 有名サイトをFigmaにレイヤー構造を保持してコピペできるサービス

UIの参考になるサービス、Mobbinはスクショの画像ですが、これはレイヤーに分かれています笑。https://flash.figr.design/

画質の悪いJPG（文字の周りの荒れ／斑点など）を綺麗にする方法

画質の悪いJPG（文字の周りの荒れ／斑点など）を綺麗にするには、Photoshopを使います。フィルター > ニューラルフィルター > JPEGのノイズを削除 > 強さを「低・中・高」から選ぶ高にすると画像自体も変化してしまうため、中か、低あたりがよさそうで …

illustratorからFigmaへのコピペはデザインモードじゃないとできない

illustratorからFigmaへのコピペはデザインモードじゃないとできません。デザインモードshift + dで開発モードに切り替わりますが、開発モードだとイラレからコピペできません。デザインモードだと、画像でもパスデータ（ベクターデータ）でもコピペできます。ちなみにP …

Adobe XDで非表示レイヤーを一括で削除する方法

Adobe XDで非表示レイヤーを一括で削除するには、以下のプラグインを使います。SelectMenuAdobe XDのメニュー、Plugins > SelectMenu > Hidden Items で一括選択でき、削除できます。

webpをFigmaとPhotoshopのどちらで書き出すのがいいのか

webpをFigmaとPhotoshopのどちらで書き出すのがいいのかをやってみました。Figma: 2.9mb (WebP Exporterを使用し、Optimized Sizeのチェックを外して書き出し)Photoshop: 2.7mb（command + shift + …

Photoshopでwebpを綺麗な画質で書き出す方法

Photoshopでwebpを綺麗な画質で書き出すには、以下のようにします。command + shift + sフォーマット：WebP を選択劣化なし を選択OKボタンを押すpng: 3.5mb → webp: 2.7mb画質はpngと全く同じながら、webpとして書き出す …

Figmaで画質を劣化させずに書き出す方法

Figmaでなるべく画質を劣化させずに書き出すには、以下のようにします。webpで書き出す適切に書き出せば、jpg, pngと画質は変わりません。かつ、jpg, pngよりもファイルサイズを減らすことができます。Olive Pressは使えない。WebP Exporterを使 …

Figmaで元画像（リサイズ前の大きい画像）を取得する方法

Figma (ver. 116.10.9)で元画像（リサイズ前の大きい画像）を取得するには、以下のようにします。shift + d で開発モードをオンにし、インスペクトを表示します。コードのセクションにあるファイル名（IMG_2555.png）をクリックします。https:/ …

Figmaからwebpを書き出すには、WebP Exporterを使いOptimized Sizeのチェックを外す

Figmaからwebpを書き出すには、WebP Exporterを使いOptimized Sizeのチェックを外しましょう。Optimized Size（ファイルサイズ最適化）にチェックを入れていると、ファイルサイズは減らせるんですが、結構汚いです。

Figmaからの書き出しにOlive Pressは使ってはいけない（2023.6.28）

Figmaからの書き出しにOlive Pressは使ってはいけません（2023.6.28）。jpgは綺麗なんですが、pngとwebpはかなり汚いです。

FigmaのプレビューでMacBookのフレームを表示する方法

Figmaのプレビュー（プレゼンテーションを実行／command + option + enter）でMacBookのフレームを表示するには、以下のようにします。プロトタイプ タブで、デバイスをデザイン中のデバイスに設定します。

Photoshopで縦横の長辺を一括で1,920pxにリサイズする方法

Photoshopでバッチ処理をする際に、画像を開いて command + option + iでリサイズしてアクションを記録すると、幅か高さどちらかのサイズ指定しかできません。「ファイル > 自動処理 > 画像のフィット」を選択し、以下のようにすることで、縦横ど …

Figmaで画像をリサイズしてFigma自体の容量を削減する方法

Photoshopで3,000pxのファイルを開き、1,000pxにリサイズして保存すると、psdのファイルは減ります。Figmaで3,000pxのファイルを開き、1,000pxにリサイズして保存しても、figのファイルは減りません。理由は、Photoshopのスマートオブジ …

Figmaの便利なプラグイン6選

Insert Big Image4,096px以上の大きい画像を貼り付けられるSkewDatテキストや図形を斜めに変形するMockupスマホやPCのモックアップに画像をはめ込むhtml.to.designURLを入力するとFigmaのレイヤーに分けて編集可能にするOlive …

Figmaの複数のフレームを1枚のpdfに書き出す方法

Figmaの複数のフレームを1枚のpdfに書き出す／エクスポートするには、以下のようにします。ファイル > フレームをPDFにエクスポート…*右パネルのエクスポートから書き出すと、フレームごとの複数のpdfになってしまう。

Figmaで元画像に近い大きいサイズの画像を取得する方法

FigmaでPhotoshopでいうスマートオブジェクト的な、完全な元画像は取得できないようなんですが、元画像に近い大きいサイズの画像は取得できます。マスクされたレイヤーの「インスペクト」にあるファイル名がリンクになっているので、それをクリックすると、別タブで開きます。ただし …

FigmaからエクスポートしたPDFを一つのPDFにまとめる方法（Mac）

Figmaで複数のPDFを作成し、エクスポートした後に一つのPDFにするには、以下のようにします。Finderで対象のPDFを全て選択 → Quick Actions → Create PDF

Figmaを日本語化する方法

Figmaが2022.7.27に日本語化しましたね。日本語にするには、右下の「？」アイコンをクリックし、「Change Languages」。ポップアップで日本語を選択します。

Adobe XDにレイヤー名を変更するショートカットをプラグインで追加する

Adobe XDにレイヤー名を変更するショートカットをプラグインで追加するには、Plugins > Browse Plugins…を開き、左サイドバーのSEARCH ALL PLUGINSで「Rename it」を検索し、インストールする。Macの場合、co …

Figmaからwebpを書き出す方法

Figmaからwebpを書き出すには、以下の方法があります。jpgで書き出して、webp変換ツールを使うSyncer WEBP変換ツール (jpg、pngとwebpを相互変換)Figmaのプラグインを使うOlive Press – Image Compressio …

Figmaで4096px以上の画像を貼り付ける方法

Figmaでは仕様上、2022.3.18現在、4096px以上の画像をペーストすると縮小されてしまい荒くなってしまいます。4096px以上の画像をリサイズせずに貼り付けるには、以下のプラグインを使います。Insert Big Imageref: figmaで大きな画像が貼り付 …

Figmaのショートカット（Mac）

control + option + m矩形で画像をマスク矩形を作り、command + shift + k で画像をFinderから選択し、矩形をクリック矩形のサイズに画像をマスクして配置。ダブルクリックで調整PCのFigmaをiPadでプレビューするFigurativeで …

Figmaでアプリをデザインする際の素材・リソース

SF Symbols – Apple Developer

Adobe Fontsで使えるかわいいフォント

Adobe Fontsで使えるかわいいフォントをメモ。マメロンほのか丸ゴシックレラ-２こども丸ゴシックTA-ルビAB-ゆるみんKlee One

ULTORA WHEY DIET PROTEIN Brand Book Design | ホエイダイエットプロテイン ウルトラのブランドブックデザイン

ULTORA(ウルトラ) ホエイ ダイエット プロテイン 1kg (国産) (クリアストロベリー)

illustratorでアートボードをすべてjpgで書き出す方法

illustratorでアートボードをすべてjpgで書き出すには、command + option + eで、以下のように設定します。ただこの方法だと、黒がブラウンになる（cmykがrgbにならない）ため、その場合は以下のようにします。ファイル > 書き出し > …

Adobe XDで画像のオリジナルサイズを知る方法

Adobe XDで画像のオリジナルサイズを知る方法は、以下です。画像を右クリックEdit in Photoshop（Photoshopで編集）をクリックリサイズしていたとしても、オリジナルサイズ（100%のサイズ）でPhotoshopで開かれる

illustratorでUIを小さくする方法

illustratorでサイドバーやパネルなどのサイズが大きく、小さくしたい場合は、環境設定のUIスケールを最小にします。

iPadを使ってPhotoshopでパス抜きをする方法

iPadを使ってPhotoshopでパス抜きをする方法です。Photoshop for iPadでは、現状ペンツールが使えません。被写体を選択もよくなっていますが、完璧ではありません。やはり完璧に切り抜くにはパス抜きをする必要があります。方法は、「Macで開いたPhotosh …

Photoshop for iPadが便利

iPadでできることを増やそうと、Magic Keyboardが届いてからいろいろと試しているんですが、すごく便利。仕事でも使えることが増えてきました。パスでの切り抜きと、スポット修正がすごくいい。Macで開いているPhotoshopのファイルをサイドカーでiPadにミラーリ …

個人サイトをリニューアルしました

My New Website& 11th Anniversary前からやりたかった、個人サイトをリニューアルしました。まだ完璧じゃないところと投稿も少ないんですが、随時アップデートしていきます。仕事でもプライベートでも取り組んでいる「デザインと写真」をテーマに、仕事や …

iPadのAffinity Designerでaiを開いてデザインはできない

Magic Keyboardが届いたので、iPadで快適にaiファイルを開いて、デザインの続きをしてみようと思ったんですが、結果的にはできませんでした。まず、フォントがiPadのローカルにないので、AnyFontという有料アプリを使ってフォントをインストールする必要があります …

Adobe XDで一つ上のグループを選択する方法

Adobe XDで一つ上（上位階層）のグループを選択するには、以下のようにします。command + クリックでオブジェクトを選択esc（エスケープ）をクリック

iPad版PhotoshopでWebデザインの仕事ができるかテスト

iPad版PhotoshopでWebデザインの仕事ができるかのテストをしているんですが、早速ブラウザのロゴをコピーしてペーストしたいだけの1秒でできる作業に1時間以上かかっています..。gifなので、gifはサポートされていないらしく。タッチショートカットとジェスチャーこれは …

Adobe XDのショートカット

Adobe XDのショートカット（Mac）をメモ。command + shift + ‘ : レイアウトグリッドを表示／非表示レイヤーパネルに移動 : command + yアセットパネルに移動 : command + shift + yMark for Expo …

Photoshopでレイヤーを選択してcommand + deleteすると塗りが黒になる

今発見したんですが、Photoshopでレイヤーを選択してcommand + deleteすると塗りが黒（#000）になります。

欧文書体に関する良記事

Typeface以下のnoteの記事で、欧文書体についてとてもよくまとまっていて勉強になります。フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

[先着5名様限定] 10/22 全く新しいWebデザインワークショップ開催のお知らせ

10/22 monに、全く新しいWebデザインワークショップを開催します。内容は未定、というのは冗談で、あなたの中にあります。Webデザインについて知りたいことを、creamu代表の私が答えられる限り答えます。みなさんが疑問に思っていること、知りたいことを共有しながら、講師が …

中村至男展2018 @G8 銀座

銀座のG8で開催されていた、中村至男さんの展示会へ。亀倉雄策賞の展示はいつも素晴らしいです。

Photoshopで高速に和文書体を選択する方法

以前から知らない間に設定できていた気もするんですが、OSをクリーンインストールしたタイミングで気づいたのでメモ。 環境設定／テキスト／フォント名を英語表記 にチェックを入れると、小塚ならKozuka, 游ゴシックならYuGothicと表示され、koやyuと入れるとすぐに和文書 …

creamu Inc. Rebranding Launch!

creamu Inc.のリブランディングサイトをローンチしました。年末年始に構想し、ディテールを詰めるのに時間がかかりましたがようやく公開。うちのHarukiがコーディング／インタラクションを頑張ってくれました。今後も実績をアップデートしていきますので、ご覧いただけると幸いで …

Photoshopの段落パネルのオプション（禁則処理／文字組みなど）を表示する方法

Photoshopの段落パネルの「禁則処理／文字組み」が表示されていない場合、「書式／言語オプション」が「初期設定の機能」となっているため、「東アジア言語の機能」に変更します。

Design Change: ブログのデザイン

ブログのTopページのデザインを、また少しいじってみました。

スマホサイトのデザイン確認なら「Adobe Preview CC」

PCのデザインプレビューは「command + option + shift + s」の後のダイアログでプレビューボタンをクリック、スマホサイトのデザイン確認は、Adobe Preview CCが便利です。 リリースされた当初試してみて使いづらかったんですが、久しぶりに試して …

jc custodians

投資会社「jc custodians」のためのロゴ・名刺・レターヘッドデザイン。 デザインコンセプトを「Less is More – Maximum Return with Less Investment」とし、最小の投資で最大の回収を得ることを理念として、ミニマ …

Project Parfait – PSDをアップロードするとCSS情報などを表示するサービス

adobeから、Project Parfaitというサービスがリリースされています。 PSDをドラッグしてアップロードすると、 オブジェクトの幅や高さなどを表示し、「Copy CSS」でCSSをコピーできます。 画像の書き出し機能もあるようですが、 今現在エラーでうまく動かな …

illustratorで非表示レイヤーを一括で削除する方法

illustratorで非表示レイヤーを一括で削除するには、 「オブジェクト / すべてを表示」で非表示レイヤーのみ選択されるので、 deleteで削除します。

The Empire State Building

先日Shutterstockさんからメールがあり、フリーライセンスをプレゼントしてもらいました。 350 Fifth Avenue, 21st Floor New York, NY 10118 とのことで、Fifth Avenueから届いたんですが、 調べてみると、Shutt …

I have created my personal website.

ふと思い立って、自分のサイトを作りました。 ジャパニーズクリエイティブを世界に発信します。 – I have created my personal website. I will send out Japanese creative to the world. …

PETLY

スクロールと動画の見せ方が美しいサイト

illustratorをpdf保存する際にファイルサイズを軽くする方法

illustratorをpdf保存する際に、画像の解像度（ppi）を変更しないで ファイルサイズを軽くするには、以下のようにします。 5MB程度ものが1MB以下になります。

Photoshop CCの新機能：GIF, JPG, PNGを自動書き出し

これはすごい。 Photoshop CCに、GIF, JPG, PNGを自動書き出しする機能がありました。 ・「Photoshop / 環境設定 / プラグイン」の「Generatorを有効にする」にチェック ・PSDデータを開き、「ファイル / 生成 / 画像アセット」を選 …

slicy – Photoshopのデザインデータ(psd)から自動でjpgやpngを書き出してくれるアプリ

前からちょっと気になっていた、slicyを使ってみました。 アンチエイリアスとか細かいところも綺麗に書き出してくれるのか？と 不安があったんですが、問題なく綺麗に書き出してくれます。 結構いいかも。 slicy

Untitled（travel to Bali）

date: January 31 to February 3, 2013 taken with: Canon 5D MarkII & iPhone 5 location: Bali Rock Bar Bali (Ayana Resort and Spa) ocean …

【PR】Wix – コーディング不要で簡単にサイトの作成・公開ができるサービス

現在広告を出稿いただいているWixのPRを兼ねて、紹介記事を書いてみます。 Wixは、コーディング不要で簡単にサイトの作成・公開ができるサービスです。 ビジネスや音楽、エンターテイメント、デザイン等のカテゴリー毎に、たくさんのテンプレートが用意されていて、テンプレートを選ぶと …

illustratorの複数のアートボードで、ヘッダやフッタ等の共通部分を素早くペーストする方法

illustratorでパワポのような、ヘッダやフッタ等の共通部分の管理をしたいときは、 以下のメニューで素早くペーストします。 「編集 / すべてのアートボードにペースト」 shortcut: shift + option + command + v version: CS …

illustratorからアンチエイリアス オフのテキストを書き出す方法

illustratorでデザインした状態で、 アンチエイリアス オフのテキストを書き出すには以下のようにします。 1. Photoshopを使う テキストをコピーしてPhotoshopにテキストをペースト後、 トリミングしてPhotoshopで書き出す 2. illustra …

Photoshop CS6のレイヤーソート機能

Photoshop CS6では、 レイヤーを種類や名前、効果、モード、属性、カラーで ソートできるようになっています。

Photoshop CS6で非表示レイヤーを一括で削除する方法

Photoshop CS6から、非表示レイヤーを一括で削除できるようになっているようです。 レイヤーパネルの以下の箇所をクリックします。

Androidでコンテンツがはみ出すときの対処法

Androidで意味不明なことにコンテンツがはみ出すときの対処法です。 viewportを以下のように指定します。 <meta name="viewport" content="width=device-width,target-densi …

広末涼子 in CM [不完全な　ひと。不完全な　わたし。]

明日から放送されるCMのスペシャルサイト。 JavaScriptによるリッチなアニメーションと、lightなタイポグラフィーが美しいです。 Pinterestと連携し、ECであることを感じさせないファッション性が目を引きます。 広末涼子 in CM [不完全な　ひと。不完全な …

おすすめの&使ってみたい印刷会社

先日印刷会社を募集したときに、ご連絡いただいたりした情報をまとめておきます（ご連絡ありがとうございます！）。 GRAPH 北川一成さん率いるGRAPH。出身地が同じでオフィスも近くということもあり、親近感を感じている会社。 イベントにお話を聞きにいったこともあるんですが、かな …

THE – tween.jsの使われたモーションと余白の美しいサイト

THEは、水野学さん率いるプロダクトデザイン会社です。tween.jsが使われ、モーションと余白のとても美しいサイトになっています。 アイコンには、WebフォントであるWeb Symbols typeface、font-familyにはGeorgiaとヒラギノ明朝 Pro W …

bulthaup presentatie – JSのアニメーションが美しいサイト

bulthaup presentatieは、JSのアニメーションが美しいサイトです。 ボタンの矢印などの動きにjquery.backgroundPosition.jsが使われているようです。 印象的な細いフォントには、オープンソースのサンセリフ書体であるRaleway Thi …

ASPIDISTRAFLY – モノクロの写真がブラウザにフィットするサイト

ASPIDISTRAFLYは、モノクロの写真がブラウザにフィットするサイトです。 ブラウザへのフィットには、backstretchが使われています。 ASPIDISTRAFLY

Objective Subject – リロードする度にレイアウトが変化するサイト

Objective Subjectは、リロードする度にレイアウトが変化するサイトです。 jQuery isotopeが使われています。 Objective Subject

cristianordonez – アートワークの見つかるサイト

cristianordonezは、アートワークの見つかるサイトです。 シンプルで、とても素敵なサイトになっています。 Galleriaが使われているようです。 cristianordonez

環境省のサイト

ふと見た環境省のサイトに工夫がされていたのでご紹介。 綺麗な文字組でメッセージが書かれていて、今後更新されるようでいいですね。 メッセージの部分に、さりげなくElastislideが使われていて、ブラウザのサイズを変更すると位置が変わったり、スライドできるようになっています。 …

Minerva – 動きの気持ちいいparallaxサイト

Minervaは、動きの気持ちいいparallaxサイトです。 スクロール部分にはjQuery.LocalScrollが使われ、parallaxの動きはJSで制御されています。 Minerva

balsamstudio – PXLOADERの使われたクールなサイト

balsamstudioは、PXLOADERの使われたクールなサイトです。 PXLOADERは、プリローダーを実装するためのJavaScriptライブラリです。 シンプルなデザインと、効果的な演出がいい感じ。 balsamstudio

Quinn Architects – jQuery Masonryによるレイアウトとwebフォントの美しいサイト

Quinn Architectsは、jQuery Masonryによるレイアウトとwebフォントの美しいサイトです。 jQuery Masonryは、floatした要素をいい感じに敷き詰めて並べてくれるjQueryプラグインです。 webフォントには、neuzeits-boo …

SPACHO – HTML5で作られたparallaxとWebフォントの美しいサイト

SPACHOは、HTML5で作られたparallaxとWebフォントの美しいサイトです。 黄色から赤の暖色と斜めのライン、parallaxが刺激的です。 Webフォントには「Arial Rounded MT Bold」を使用。細かいところにもモーションが効いていて気持ちのいい …

多摩美のグラフィックデザイン学科サイトがリニューアル

多摩美のグラフィックデザイン学科サイトがリニューアル。 jQuery.ScrollToがうまく使われ、グリッド感とタイポグラフィー、モーションの美しいサイトになっています。 グラフィックデザイン – Department of Graphic Design, Ta …

SAUS – 配色が綺麗でparallaxの動きがあるサイト

SAUSは、配色が綺麗でparallaxの動きがあるサイトです。 シンプルながら、配色やレイアウト、タイポグラフィー、うるさくないparallaxの動きなど、気が利いています。 SAUS

Copy Boy – jQueryのisotopeとlazyloadを使った美しいポートフォリオサイト

Copy Boyは、jQueryのisotopeとlazyloadを使った美しいポートフォリオサイトです。 ポートフォリオをクリックすると、複数の画像がランダムにフェードイン表示されます。 1:1.5の大きめの画像が大胆にレイアウトされるのがいい感じ。 Copy Boy

Sound of Buildings – Webフォントとレイアウトの美しいサイト

Sound of Buildingsは、Webフォントとレイアウトの美しいサイトです。 WebフォントにはfontdeckのReaderというフォントが使われており、文字間が少し大きめにゆったりと組まれています。 サムネイルクリック後は別ページに遷移するのではなく、カラムが変 …

Lena Sanz – jQuery Transitの使われたアニメーションの美しいサイト

Lena Sanzは、jQuery Transitの使われたアニメーションの美しいサイトです。 jQuery Transitは、CSS3のtransitionやtransformを、jQueryで実装できるライブラリです。 bodyタグの中は3行しかなく、Flashサイトのよ …

Normann Copenhagen – 写真とタイポグラフィーの美しいサイト

Normann Copenhagenは、写真とタイポグラフィーの美しいサイトです。 タイポグラフィーにはGeorgiaと、BauerBodoniがメインで使われています。 画像のブラウザへのフィットは、imgscale.jquery.min.jsが使われているようです。 No …

She Was Only

She Was Only ロンドンのグラフィックデザイン・アートディレクション専門のデザインスタジオのサイト

SHIGEICHIRO TAKEUCHI

SHIGEICHIRO TAKEUCHI 余白とゆったりとしたモーションの美しいサイト

WERKSCHAU 2012

WERKSCHAU 2012 モノクロの写真と美しいタイポグラフィー

Sebastian Schwartz

Sebastian Schwartz シンプルでモーションのとても美しいサイト

qubibi

qubibi 勅使河原さんのサイト

IAAH

IAAH レイアウトと写真の美しいサイト

dunhill

dunhill ファッションブランドdunhillのサイト レイアウトが大胆でインパクトがある。上部のナビゲーションも上品で且つ使いやすい

MK12

MK12 カンザスのデザインファーム、MK12のサイト 配色とテクスチャが美しい

Le coq sportif

Le coq sportif 写真とタイポグラフィーの美しいサイト

Ford Foundation

Ford Foundation クールなモーションとパララックス

POCARI SWEAT

POCARI SWEAT 美しい配色と気持ちのいいモーション

Mo Coppoletta

Mo Coppoletta モーションのとても美しいサイト

Foundry Collective

Foundry Collective テキサスのブランディング/デジタルエージェンシーのサイト すっきりとしたレイアウトと上品なタイポグラフィー

HUFTON + CROW

GraphicuとWポストになりますが、試験的に再度優れたデザインのサイトについてエントリー。 写真のとても美しいサイト

Photoshop CS6で点線を描く方法

Photoshop CS6で点線を描く機能が追加されましたが、うまく描けないときがあるのでメモ。 ラインツール(U)で「シェイプ 塗り：透明 ストローク：線の色」を指定。 「ストロークオプション / 詳細オプション」で以下のように指定。 これでいい感じになります（この場合は1 …

Photoshopのショートカット2つ

TotalFinderではcontrol + tabでタブを切り替えるんですが、Photoshop(CS6)のタブ切り替えも同じショートカットなことに気づきました。 Photoshopでは別ファイルからドラッグして配置することが多いので、タブは使いづらいと思っていたんですが、 …

PORSCHE Boxter S

外苑前のRoyal Garden Cafeに立ち寄ったときに、少し前にニュースで見たPORSCHE Boxter Sの展示が行われていたので見てきました。 めちゃかっこいい。乗りたくなりました。

Photoshop CS6でツールバーがファイルの下に隠れてしまう

Photoshop CS6でツールバーがファイルの下に隠れてしまい、かなり操作しづらかったんですが、「ウィンドウ / アプリケーションフレーム」を非表示にするとツールバーが上にくるようになりました。 よかった..。

Photoshopでスタイルの違うテキストを素早くコピーする方法

今までテキストをコピーする際に、カンバス上の「OLD TEXT」を選択して「NEW TEXT」に貼付けると色やサイズ等もコピーされてしまうため（この場合は色が黒になる）、テキストエディットに一度貼付けてから「NEW TEXT」にペーストしていたんですが、レイヤーパネルからテキ …

Photoshopで段落テキストを左・センター・右揃えにするショートカット

Photoshop(CS6)で段落テキストを左・センター・右揃えにするには、段落パレットで左・センター・右揃えを選びますが、ショートカットに気づきました…。 T(横書き文字ツール)モードで段落テキストをクリックし、以下のキーでOKです。 command + shift + l …

Photoshopで1つ下のレイヤーを選択するショートカット

 Photoshop(CS6)でレイヤーを上下に移動するには以下のショートカットですが、command + [　：　レイヤーを下に移動command + ]　：　レイヤーを上に移動レイヤーパネルで1つ上とか下のレイヤーを選択するには以下のようにします。option …

illustratorからテキストのみを抽出する方法

ちょっとメモ。illustrator(CS6)からテキストのみを抽出するには、以下のようにします。「ファイル / 書き出し… / ファイル形式：テキスト形式（txt）」 「書き出し」ボタンをクリックすると、txtファイルに書き出されます。I take a little not …

Sketch – ベクターグラフィックが描けるMac用アプリ

Sketchは、ベクターグラフィックが描けるMac用アプリです。 App Storeで4,300円で販売中。試用も可能です。 Sketch

350 pixel perfect icons – 商用無料の使いやすいアイコン集

350 pixel perfect iconsは、商用無料の使いやすいアイコン集です。 PSDで配布されています。 350 pixel perfect icons is a set of free icons that you can use in various cases …

Photoshopで色を変えやすい格子柄のパターンを作る方法

今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定

フリーダイヤルのアイコン素材

ちょっとメモ。公式で配布されているフリーダイヤルのアイコン素材です。 NTT SoftBank KDDI

Bootstrap Illustrator Template – illustratorのBootstrap用グリッドテンプレート

Bootstrap Illustrator Templateは、illustratorのBootstrap用グリッドテンプレートです。 12カラムに分かれています。 illustratorのテンプレートは珍しいですね。 Bootstrap Illustrator Templa …

Canon MP630でA4裁ち落とし、後トレイから給紙でプリントする設定

資料を作っているんですが、プリンタの設定で時間がかかったのでメモ。 サイズ：A4（フチなし）を選択後、「プリンター…」をクリック 「給紙方法：後トレイ」、用紙の種類を選んでプリント

iOS App Icon Template – PSDで配布されているiOSアプリアイコン用テンプレート

iOS App Icon Templateは、PSDで配布されているiOSアプリアイコン用テンプレートです。 スライスも切ってあるので、書き出しもしやすくなっています。 iOS App Icon Template

Icon Fonts – アイコンフォントのまとめページ

Icon Fontsは、Delicious上のアイコンフォントのまとめページです。 現在23リンク、今後も増えていくかと思います。 Icon Fonts

Front end styleguides – Webデザインの参考になる記事を紹介

GIMME BARの「Front end styleguides」というページで、Webデザインの参考になる記事がまとまっています。 UIやタイポグラフィー、色に関することなど、いろいろとfluidなレイアウトで紹介されています。 Front end styleguides

CSS Social Buttons – CSSで作るソーシャルボタン集

CSS Social Buttonsは、CSSで作るソーシャルボタン集です。 twitterやFacebook、pinterestなど、いろいろ揃っています。 CSS Social Buttons

クールなAndroidアプリを紹介する「Android niceties」

Android nicetiesは、クールなAndroidアプリを紹介するサイトです。tumblrですね。 縦に横にとスクロールできます。 Android niceties

ブログのデザインを変更

コーポレートサイトのマイナーリニューアルを機に、ブログもデザインを変更しました。 書体をサンセリフ・ゴシック体からセリフ・明朝体に、ロゴも変更し、上品な感じに仕上げました。 今後もメールを書くように更新していくので、よろしくお願いします。

スマートフォンサイト・アプリに使えるアイコン集「400 Icon Glyph Set」

400 Icon Glyph Setは、スマートフォンサイト・アプリに使えるアイコン集です。 $25の有料になりますが、クオリティはいい感じです。 400 Icon Glyph Set

レスポンシブレイアウトについて知ることができるサイト

「Responsive Layouts, Responsively Wireframed」という記事で、レスポンシブレイアウトについてのデモがUPされています。 右上の「Desktop」「Mobile」のリンクから、それぞれの見え方を比較することができます。 Responsi …

Fontomas – アイコンが描けるMITライセンスのWebフォント集

Fontomasは、アイコンが描けるMITライセンスのWebフォント集です。 4つのカテゴリーに分かれて、たくさんのフォントが利用できます。 Fontomas

illustratorでロック（ロック解除）するショートカット

ちょっとメモ。 illustrator（動作確認ver:CS5）でロック（ロック解除）するショートカットです。 ロック： command + 2（Mac） Ctrl + 2（Win） すべてをロック解除： command + option + 2（Mac） Ctrl + Al …

Gumroadからの売上メール

Gumroadで、無事購入頂きました！結構うれしいですね。 売れると、上記のようなメールが届きます。テンション上がりますね。 素材や写真などは、マイクロストックサイトなどで販売するのがいいかもですが、審査があったり手続きが面倒だったりするので、Gumroadは販売者も購入者も …

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

Gumroadがおもしろい感じなので、ちょっとリンクテキストに使える矢印アイコンを作ってみました。 PhotoshopのPSDファイルとなっていて、すべてレイヤーに分かれています。 アイコンはアンチエイリアスの点で作るのに手間がかかったりしますよね。12pxのサイズのテキスト …

角丸のぼけをなくすためのPhotoshopの設定

Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。

illustratorで色を一括置換する方法

ちょっとメモ。 illustrator CS5で色を一括置換するには、以下から可能です。 オブジェクトを選択し、「編集 / カラーを編集 / オブジェクトを再配色…」 「→」の右の色をダブルクリックすることで変更できます。

UICONS.CO – 使いやすいクールなアイコンセット

UICONS.COは、UIに使えるクールなアイコンセットです。 無料版はCreative Commons Attribution licenseとして配布されていて、$25で有料版としてベクターデータをダウンロードすることが可能です。 Uicons

Vento – かわいい80個のアイコンセット

Ventoは、かわいいデザインの80個のアイコンセットです。 PSDも配布されていて、アイコンの構造がレイヤーに分かれています。 商用でも無料で利用できるようですね。 Vento Icon Set and Source

デザインをマイナーアップデート

このブログのデザインを少しアップデートしました。色と余分な情報を削ぎ落して、すっきりとさせています。グローバルメニューも今回つけたので、ご利用ください。

From the Rough

From the Rough

Kantt

Kantt

illustratorで1pxのラインがぼける時の対処法

ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オ …

Photoshopで複製したレイヤーに「のコピー」をつけない方法

ふと思いついてエントリー。 Photoshopでは、通常レイヤーやフォルダを複製すると、「レイヤー1」「レイヤー 1 のコピー 2」という風に「のコピー」というのがついてしまいますが、CS5から、オプションでつけないようにすることができます。 レイヤーパレットのこの部分をクリ …

Photoshop CS5でフォルダ内の画像を一括してリサイズする方法

ちょっとメモ。 Photoshop CS5でフォルダ内の画像を一括してリサイズする方法です。 アクションパネルで「新規アクションを作成」をクリックし、アクション名をつけて記録ボタンをクリック。 記録が始まるので、以下の手順を踏む。 ・リサイズしたい画像を1枚開く ・comma …

クオリティーの高いボタンやアイコン、タイポグラフィーなどのPSDファイル

Photoshopでクオリティーの高いパーツを作りたい。 そんなときに参考になるのが、「30+ FREE Photoshop PSD files」。クオリティーの高いボタンやアイコン、タイポグラフィーなどのPSDファイルです。 いい感じのものが揃っているので、エフェクトのかけ …

ロゴの固定配置が美しい「Universal Design Studio」

ふと目に止まったのでご紹介。ロンドンとオーストラリアにオフィスがある、デザイン会社さんのサイトです。 ロゴがボールドで、一続きになっていてかっこいいですね。透過PNGでz-indexとposition:fixedにより、固定配置された状態でロゴの下にコンテンツがスクロールでき …

ロゴをデザインするときの8つのルール

ロゴデザインがしたい。 そんなときに参考になるのが、「Eight Helpful Rules for Logo Designers」。ロゴをデザインするときの8つのルールです。 印象的なものが揃っていますね。 より少ない色、より少ないフォント 一般的なフォントを使う。Aria …

無料でダウンロードできるUIデザインのPSDファイル集

綺麗なグラデーションや立体感のあるメニューやボタンを作りたい。 そんなときに参考になるのが、「Free PSD Web UI Element」。無料でダウンロードできるUIデザインのPSDファイル集です。 なかなかいい感じのものが揃っています。 Modern Web UI S …

illustratorで描くシルクのリボンで作ったようなテキスト

102776852/ iStockphoto/ Thinkstock オリジナルのテキストをデザインしたい。 そんなときに参考になるのが、「Create a Silky Ribbon Text Effect」。illustratorで描くシルクのリボンで作ったようなテキストで …

Photoshopで作ったようなCSS3のタイポグラフィー

CSS3でかっこいい表現をしたい。 そんなときにおすすめなのが、「Subtle CSS3 Typography that you’d Swear was Made in Photoshop」。Photoshopで作ったようなCSS3のタイポグラフィーです。 Saf …

白と黒で統一したシンプルなデザイン

無彩色のクールなデザインがしたい。 そんなときに参考になるのが、『Ahrens』。白と黒で統一したシンプルなデザインのサイトです。 960pxの幅の中、綺麗なグリッドデザインとなっていますね。色を使わない潔さで、クールなデザインとなっています。 大きく幅いっぱいに配置されたグ …

落ち着きのある機能美に優れたサイト

機能美に優れたサイトを作りたい。 そんなときに参考になるのが、『WATERWORKS』。落ち着きのある機能美に優れたサイトです。 落ち着いた配色でとても綺麗ですね。画像が美しくて、レイアウトがかっちりしていてとても見やすいです。 スライドショーには「jquery.cycle. …

illustratorによるサーカステントアイコンの作り方

クールなアイコンを作りたい。 そんなときに参考になるのが、『How to Create a Fun Circus Tent Icon』。illustratorによるサーカステントアイコンの作り方です。 まず長方形ツールで複数描いた形を「効果 / ワープ / でこぼこ」、さらに …

手書き文字がかわいいレストランのサイト

手書き文字を生かしたサイトを作りたい。 そんなときに参考になるのが、『暮らしのお店』。手書き文字がかわいいレストランのサイトです。 ロゴやメニュー、見出しの文字がかわいいですね。イラストも味があっていい感じです。 スライドショーの動きもゆったりしていて、優しい雰囲気が伝わって …

大きな絵がアニメーションする絵本作家さんのサイト

写真や絵をテーマにしたサイトを作りたい。 そんなときに参考になるのが、『絵本作家 谷口智則さんのWEBサイト』。大きな絵がアニメーションするサイトです。 最近よく紹介していますが、ブラウザサイズいっぱいに背景画像を敷いてアニメーションしています。supersized.jsが使 …

上品な色使いとレイアウトが美しい和のサイト

美しい和のサイトを作りたい。 そんなときに参考になるのが、『白えび屋』。上品な色使いとレイアウトが美しい和のサイトです。 トップには、width=”958″ height=”536″のFlashが置かれています。ファーストビュー …

1ページの中をスムーススクロールで移動するグリッドデザイン

美しいグリッドデザインがしたい。 そんなときに参考になるのが、『Pline Studios of Architecture』。1ページの中をスムーススクロールで移動するグリッドデザインのサイトです。 ラインに密接したタイポグラフィーが、緊張感と安定感があって美しいですね。また …

木のテクスチャ集

木の素材を探している。 そんなときにおすすめなのが、『More Than 350 Free and Premium Wood Textures』。木のテクスチャ集です。 なかなかいい感じのものが揃っています。 Free Hi Resolution Wood Textures …

黒ベースのかっこいい制作会社のサイト

黒ベースの、シャープなデザインがしたい。 そんなときに参考になるのが、『Opacity Design Group』。黒ベースのかっこいい制作会社のサイトです。 トップの背景になっているスライドショーには、以下でも紹介している「supersized」が使われています。 jQue …

解像度の高いフリーテクスチャが見つかるサイト

フリーのテクスチャを探している。 そんなときにおすすめなのが、『star textures』。解像度の高いフリーテクスチャが見つかるサイトです。 AbstractやPaper、Textileなどのカテゴリーに分かれて、たくさんのテクスチャが配布されています。解像度が大きいもの …

布地のパターンファイル20

継ぎ目のない布地のパターンを探している。 そんなときにおすすめなのが、『Tileables Pattern Pack #4』。布地のパターンファイル集です。 いい感じのパターンになっていますね。ダウンロードすると、patファイルが入っているので、それを開くとPhotoshop …

illustratorでアイコンを作るチュートリアル25

98075468/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『25 Fresh Illustrator Tutorials to Help You Make Icons』。illustrator …

高解像度のフリーテクスチャがダウンロードできるサイト10

86808108/ Comstock/ Thinkstock デザインに使えるテクスチャを探している。 そんなときにおすすめなのが、『Top 10 Sites to Download Free High-Resolution Textures』。高解像度のフリーテクスチャがダ …

高品質なPSDをダウンロードできる『BlueMasters』

美しいサイトの元ファイルが見たい。 そんなときに参考になるのが、『BlueMasters』。高品質なPSDをダウンロードできるページです。 今現在サーバが落ちているようでアクセスできないんですが、SmashingMagazineとのコラボで、BlueMastersというテンプ …

クレジットカードのアイコン集

97018352/ iStockphoto/ Thinkstock クレジット決済に使えるアイコンを探している。 そんなときにおすすめなのが、『15 Uniform Payment Options Icon Sets for Ecommerce Design』。クレジットカー …

デザイナーのポートフォリオサイトに使えるフリーアイコンセット

ノートやペンケース、パレットなどのアイコンを探している。 そんなときにおすすめなのが、『Free Designer’s Portfolio Icon Set (12 High Quality Icons)』。デザイナーのポートフォリオサイトに使えるフリーアイコンセ …

ワイヤーフレーム作成に使える素材集30

98375849/ iStockphoto/ Thinkstock ワイヤーフレームに使えるパーツを探している。 そんなときにおすすめなのが、『30 Free Web Design UI Kit Resources』。ワイヤーフレーム作成に使える素材集です。 いい感じのものが …

illustratorでアイコンを作るチュートリアル40

98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作る …

素晴らしいサイトをデザインするためのPhotoshopチュートリアル80

91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするた …

クリエイティブな履歴書のデザイン25

98075737/ iStockphoto/ Thinkstock DTPのデザインアイディアがほしい。 そんなときに参考になるのが、『25 Examples of Super Creative Resume Design』。クリエイティブな履歴書のデザイン集です。 素材やレ …

Photoshopのカスタムシェイプセット40

83329211, Darrin Klimek/ Lifesize/ Thinkstock Photoshopのカスタムシェイプを探している。 そんなときにおすすめなのが、『40 Handy Photoshop Custom Shape Sets: Save Time』。Ph …

紙や石、水滴などのフリーテクスチャパック40

紙や石などのいい感じのテクスチャを探している。 そんなときにおすすめなのが、『40 Fresh Free Texture Packs』。紙や石、水滴などのフリーテクスチャパック集です。 使いやすそうなのが揃っていますね。 Textures 8綺麗なぼけ感のあるテクスチャ De …

クオリティーの高いフリーフォント30

87671906, Hemera Technologies/ AbleStock.com/ Thinkstock 使えるフォントを探している。 そんなときにおすすめなのが、『30 Creative And High Quality Typography Fonts For F …

フリーのPSDファイル40

99452197/ Hemera/ Thinkstock リアルなガジェットやデザインパーツをデザインしたい。 そんなときに参考になるのが、『40 Free PSD Files』。フリーのPSDファイル集です。 かなりクオリティーの高いものが揃っていますね。 Digital …

かっこいいPhotoshopブラシ集

91827587, iStockphoto/ Thinkstock Photoshopのブラシを探している。 そんなときにおすすめなのが、『Ultimate Roundup With Thousands Of Cool Photoshop Brushes』。かっこいいPhot …

綺麗なフッターデザイン集

フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels滴が垂れた …

illustratorで3Dのグラフ・チャートを作るチュートリアル

76800027, Creatas/ Thinkstock illustratorで綺麗なグラフを作りたい。 そんなときに参考になるのが、『Create Beautiful 3D Graphs and Charts in Illustrator』。illustratorで3D …

アプリケーションデザインに使えるアイコン25

アプリケーションのデザインに使えるアイコンを探している。 そんなときにおすすめなのが、『25 Best Icon Sets for Application Design』。アプリケーションデザインに使えるアイコン25集です。 かっこいいのが揃っているのと、商用無料なのもありま …

Photoshopで使えるクールなエフェクト25

95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photosho …

タイポグラフィーの美しいWebデザイン集

med242024, Medioimages/Photodisc/ Photodisc/ Thinkstock タイポグラフィーの綺麗なデザインが好きだ。 そんなあなたにおすすめなのが、『A Showcase of Beautiful Typography in Web De …

デザイナーのためのロゴデザインのチュートリアル&素材45+

97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのため …

クリエイティブなWeb講座が見られるサイト

デザインについていろいろと学びたい。 そんなあなたにおすすめなのが、『Creative Sessions』。クリエイティブなWeb講座が見られるサイトです。 Sessions are blocks of articles, interviews, tutorials and …

クオリティーの高いアイコンデザインチュートリアル35

98125356/ iStockphoto/ Thinkstock かっこいいアイコンを自分で作りたい。 そんなときに参考になるのが、『35 icon design tutorials in Photoshop and Illustrator』。クオリティーの高いアイコンデザ …

Photoshopでリアルな紙のテクスチャを作る方法

リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 128 …

商用無料のPhotoshop用ペイントブラシ53

はけで塗ったようなブラシを探している。 そんなときにおすすめなのが、『53 Incredible High Resolution Photoshop Paint Brushes』。商用無料のPhotoshop用ペイントブラシ集です。 27.4MBとちょっと重いですが、高解像度 …

Photoshopで作るタイポグラフィーチュートリアル集

97653441/ iStockphoto/ Thinkstock Photoshopでテキストにかっこいいエフェクトをかけたい。 そんなときに参考になるのが、『70 Photoshop Tutorials For Creating Perfect Typography』。P …

illustratorで紙吹雪を散らしたようなブラシを作るチュートリアル

illustratorでブラシを作りたい。 そんなときに参考になるのが、『Illustrator Quick Tips #2 – Scatter Brushes』。illustratorで紙吹雪を散らしたようなブラシを作るチュートリアルです。 例として▲を描いてブ …

クオリティーの高いPhotoshopのグラデーションファイル25

96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradien …

商用無料の石・コンクリートのテクスチャ集

石やコンクリートのテクスチャを探している。 そんなときにおすすめなのが、『Freebie: Stone and Concrete Textures』。商用無料の石・コンクリートのテクスチャ集です。 いい感じのテクスチャが揃っています。 The set includes 10 …

アイコンをデザインする人のためのツールキット

アイコンを自分で作りたい。 そんなときに使えそうなのが、『The Icon Designer’s Toolkit』。アイコンをデザインする人のためのツールキットです。 面白い感じのが揃っているのでご紹介しますね。 IconBuilderMac版が$79、Windo …

自分でPhotoshopのブラシを作る方法

86519104, Jupiterimages/ Comstock/ Thinkstock 自作でPhotoshopのブラシを作りたい。 そんなときに参考になるのが、『How to Create Your Own Photoshop Brushes』。自分でPhotoshop …

定額プランで350万点の写真素材を利用できる『Thinkstock』

先日gettyimagesの方からご連絡いただいて、パートナーとしてThinkstockの写真素材を自由に使わせていただけることになりました。お声がけいただいてありがとうございます！ 特別なデザイナー向けのアプローチとして、日本では数名の中の一人として選んでいただいたとのこと …

デザイナーのための素材検索サイト18

デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご …

ロゴデザインのケーススタディー集

かっこいいロゴをデザインしたい。 そんなときに参考になるのが、『17 Logo Design Case Studies』。ロゴデザインのケーススタディー集です。 手書きのラフからデザインを起こしていく過程が解説されていますね。 Henri Ehrhart Brand Iden …

デザインパーツのPSDを毎日ダウンロードできる『365psd』

これはすごい！ 365psdでは、かっこいいデザインパーツのPhotoshopの元ファイル（PSD）をダウンロードできます。 download a free psd everyday for a year とのことなので、365日新しいものが公開されるようですね。 「butt …

Photoshopのトーンカーブで階調補正するチュートリアル

Photoshopでトーンカーブをうまく使いたい。 そんなときに参考になるのが、『How To Use Curves in Photoshop』。Photoshopのトーンカーブで階調補正するチュートリアルです。 S字カーブで補正する方法や、ヒストグラムを見て補正する方法など …

インターフェースに使えるかわいいアイコン集

インターフェースデザインに使いやすいアイコンを探している。 そんなときにおすすめなのが、『PC.DE』。インターフェースに使えるかわいいアイコン集です。 ↑のようなアイコンセットが4種類配布されていますね。 These icons are free for personal …

素晴らしいWebデザインチュートリアル集

デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介 …

光沢のあるフォルダアイコンを作るPhotoshopチュートリアル

光沢のある、かっこいいアイコンを作りたい。 そんなときに参考になるのが、『Create a Shiny Psdtuts+ Folder Icon in Photoshop』。光沢のあるフォルダアイコンを作るPhotoshopチュートリアルです。 600x600pxの新規ドキュ …

ベクターフォーマットの手のジェスチャーアイコン52

手のシルエットをデザインに使いたい。 そんなときにおすすめなのが、『Gesturecons』。ベクターフォーマットの手のジェスチャーアイコンです。 いろんな手の動きのアイコンが入っていますね。ai,epsのベクターデータが配布されているので、使いやすいのではないでしょうか。 …

シンプルだけど意味のあるロゴデザイン30

アイディアに富んだロゴデザインがしたい。 そんなときにおすすめなのが、『30 Minimal Logo Designs that Say More with Less』。シンプルだけど意味のあるロゴデザイン集です。 それぞれフォントをうまく使って、ちゃんと意味のあるデザインに …

Photoshopでクオリティーの高いデザインをするチュートリアル

Photoshopでクオリティーの高いデザインをしたい。 そんなときに参考になるのが、『Create a Clean and Professional Web Design in Photoshop』。Photoshopでクオリティーの高いデザインをするチュートリアルです。 …

カミングスーンページのデザイン集

カミングスーンページのデザインを、センスのあるものにしたい。 そんなときにおすすめなのが、『A Collection of “Coming Soon” Web Pages』と『25 Beautiful Examples of “Coming …

フリー素材を配布するデザインブログ20+

デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていま …

商用無料の茶色のソーシャルメディアアイコンセット

FlickrやTwitterのアイコンを探している。 そんなときにおすすめなのが、『Free and Exclusive Icons: Brown Social Icon Pack』。商用無料の茶色のソーシャルメディアアイコンセットです。 32×32px, 64×64px a …

知っておきたいillustratorのチュートリアル40

illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、い …

ブロガー&デザイナーのための、ソーシャルメディアアイコン集

TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。 そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー …

Photoshopのテキストエフェクトチュートリアル33

Photoshopでテキストを装飾したい。 そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集で …

スライドショーをうまく使ったサイト66

サイトにスライドショーを導入したい。 そんな時に参考になるのが、『66 Examples of Perfect SlideShow Presentation in Web Design』。スライドショーをうまく使ったサイト集です。 かっこいいデザインが揃っているので、いくつか …

装飾系フォント46

それだけで絵になるフォントを探している。 そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette流線型のオーナメント。商用無料 We Sprayスプレーが描けるフリーフォント WC R …

Fireworksの素材集決定版

Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの …

フリーアイコンが見つかるサイト10

無料で使えるアイコンを探している。 そんなときにおすすめなのが、『11 Great Resources to Find Free Icons』。フリーアイコンが見つかるサイト集です。 Iconfinder商用無料のものをフィルタリングして探せるベストアイコン検索サイト Ico …

リアルな万年筆を描くPhotoshopチュートリアル

ペン等の絵を自分で描きたい。 そんなときに参考になるのが、『How to Create a Realistic Fountain Pen』。リアルな万年筆を描くPhotoshopチュートリアルです。 かなり細かく解説されていますね。ぼかし（ガウス）やぼかし（移動）、選択範囲の …

商用無料のRSS・吹き出し・矢印・虫メガネアイコンセット

RSSや吹き出しなどのアイコンを探している。 そんなときにおすすめなのが、『Web User Interface』。商用無料のRSS・吹き出し・矢印・虫メガネのアイコンセットです。 They’re released royalty-free, so you may …

デザイナーのためのカラーセオリー

色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与 …

クオリティーの高いPSDが見つかる35サイト

PSDファイルを見てデザイン力を高めたい。 そんなあなたにおすすめなのが、『35 Exclusive And High Quality PSD Photoshop Resource Sites』。クオリティーの高いPSDが見つかるサイト集です。 いい感じなのをいくつかご紹介し …

商用無料のライトグリーンのアイコンセット

シンプルで使いやすいアイコンを探している。 そんなときにおすすめなのが、『Go Green!』。商用無料のライトグリーンのアイコンセットです。 PNGで、↑のようなアイコンが108個入っています。シンプルで使いやすそうなのが揃っていますね。 The Go Green! Web …

一味違ったレイアウト&ナビゲーションデザイン集

ありきたりのデザインをしたくない。 そんな時に参考になるのが、『Creative and Unusual Layouts and Navigation Designs』。一味違ったレイアウト&ナビゲーションデザイン集です。 特に面白いな、と思ったものをご紹介しますね …

Photoshopの便利な使い方2つ

ちょっと気づいたことがあって作業が格段にスピードアップしたのでUP。 Photoshopではレイヤーパレットでレイヤーを選択したり、カンバスの中のものをクリックで選択したい場合は、移動ツールのオプションバーの「自動選択」にチェックを入れますが、command(Ctrl)を押し …

フリーのillustratorパターン225+

illustratorで使えるパターンを探している。 そんなときにおすすめなのが、『225+ Free Adobe Illustrator Patterns』。フリーのillustratorパターン集です。 aiとpng、そしてPhotoshop用のパターンファイル（.pat …

商用無料のライトグランジ系テクスチャパック

グランジ系のテクスチャを探している。 そんなときにおすすめなのが、『Clean Grunge Texture Pack』。商用無料のライトグランジ系テクスチャパックです。 2400px程度の高解像度の画像が8個入っていますね。きついグランジではなくライトな感じなので、使いやす …

レターヘッドのデザインを集めたTumblrサイト

手紙のデザインが好きだ。 そんなあなたにおすすめなのが、『LETTERHEADY』。レターヘッドのデザインを集めたTumblrサイトです。 レターヘッドのデザインだけを集める、というコンセプトがシンプルでいいですね。デザインの参考になるのではないかと思います。 RSS登録して …

ワイヤーフレーム / モックアップを作成するためのフリーアプリ10

ワイヤーフレーム / モックアップを作りたい。 そんなときにおすすめなのが、『10 Completely Free Wireframe and Mockup Applications』。ワイヤーフレーム / モックアップを作成するためのフリーアプリ集です。 なかなかいい感じの …

Photoshopで作るWindows Vistaのようなオーロラの光エフェクト

Windows Vistaの壁紙のようなオーロラの光を描きたい。 そんなときにおすすめなのが、『Windows Vista Aurora Effect Photoshop Tutorial』。Photoshopで作るWindows Vistaのようなオーロラの光エフェクトです …

Keynote用のベクターアイコン700+

Keynoteで使える素材を探している。 そんなときにおすすめなのが、『pictodeck』。Keynote用のベクターアイコンセットです。 Keynoteで使える、かっこいいベクターアイコンが700個以上ダウンロードできます。ワイヤーフレームの作成や、プレゼン資料の作成等に …

クッション素材のTwitterやRSS系アイコンセット

かわいいSNS系のアイコンを探している。 そんなときにおすすめなのが、『Free Furry Cushions Social Icons Set』。クッション素材のTwitterやRSS系アイコンセットです。 ↑のようなアイコンが6個配布されていますね。サイズは最大で256x …

カスタマイズできるアイコンジェネレータ

オリジナルのアイコンを手軽に作りたい。 そんなときに使えそうなのが、『ICONIZER』。カスタマイズできるアイコンジェネレータです。 まずアイコンのデザインを選んで、ファイル形式を選択、描画色や背景色を指定してサイズを指定、という風に、結構カスタマイズしたアイコンを作ること …

クリスマス・ギフト・雪だるまなどのアイコン集

今年は過ぎてしまいましたが、かわいいのでご紹介。 クリスマスシーズンに使えそうなのが、『More Exclusive Icons for the Holidays:”Xmas Festives”』。 The icons are free for per …

商用無料のケーキやドーナツのアイコンセット

ケーキやドーナツなど、スイーツやパーティー系のアイコンを探している。 そんなときにおすすめなのが、『Yummy! Free Food and Cakes Icon Set』。商用無料のケーキやドーナツのアイコンセットです。 ↑のようなスイーツ系のアイコンが、20個入っています …

雪の結晶のベクター素材

ページにグリッドの罫線を表示するJavaScript

ページのディテールに隠し機能をつけたい。 そんなときにおすすめなのが、『#grid』。ページにグリッドの罫線を表示するJavaScriptです。 以前「Webデザインにおける”Wow”ファクター」のエントリーで紹介した、Analogのサイトで使われてい …

サンタクロースやプレゼント、モミの木などのフリーアイコン

クリスマスに使えるアイコンを探している。 そんなときにおすすめなのが、『Free Icon Pack: Holiday Seasonal Icons』。サンタクロースやプレゼント、モミの木などのフリーアイコンです。 ↑のようなアイコンが、aiデータで配布されています。 Thi …

UIデザイン / モックアップ作成に使える素材集

UIデザインやモックアップ作成のための素材を探している。 そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。 テンプレートやアイコンなど、いろいろと揃って …

鉛筆やノート・メール・矢印などのアイコンセット

鉛筆やノートなどのアイコンを探している。 そんなときにおすすめなのが、『Onebit free icon set』。鉛筆やノート・メール・矢印などのアイコンセットです。 かなりかわいい感じのアイコンになっていますね。PNGファイルで50個入っています。 These icons …

クリスマスのシーンをillustratorで描くチュートリアル

クリスマスのシーンを美しく描きたい。 そんなときにおすすめなのが、『How to Make a White Holiday Scene in Illustrator』。クリスマスのシーンをillustratorで描くチュートリアルです。 ↑のような、モミの木や雪山、雪の結晶な …

女性のドレスやバッグ、サングラスなどのベクター素材

ファッションやアパレルストアのプロモーションサイトなどを作りたい。 そんなときにおすすめなのが、『Free Vector Doodles – Women’s Clothing & Fashion』。女性のドレスやバッグ、サングラスなどのベクタ …

商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン5個

メールやフォルダなどのアイコンを探している。 そんなあなたにおすすめなのが、『Five Free Vector Icons: Plastic Iconset』。商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン集です。 プラスチックなテイストの作り込まれたアイコンが揃っ …

商用無料のRSSやTwitterなど、SNS系のアイコン集

RSSやTwitterのかわいいアイコンを探している。 そんなときにおすすめなのが、『Free Set of Social Media Icons – Large Icons Social』。商用無料のRSSやTwitterなど、SNS系のアイコン集です。 かなり …

商用無料のクリスマスシーズンに使えるベクター素材17

クリスマスシーズンのデザインに使える素材を探している。 そんなときにおすすめなのが、『15+ Free Holiday & Winter Vectors: Winterize』。商用無料のクリスマスシーズンに使えるベクター素材集です。 似たような記事が続きますが、便 …

商用でも無料で使えるクリスマスステッカーアイコン16

クリスマス用の素材を探している。 そんなときにおすすめなのが、『Exclusive Icons for the Holidays:”Xmas Stickers”』。商用でも無料で使えるクリスマスステッカーアイコン集です。 ↑のようなアイコンが16個、6 …

Webデザインにおける”Wow”ファクター

見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、い …

あなたが知らないかもしれないPhotoshopの使い方10

Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感 …

illustratorで風景のイラストを描くチュートリアル

illustratorで綺麗なイラストを描きたい。そんなときにおすすめなのが、『How to Create a Landscape Wallpaper for your Desktop』。illustratorで風景のイラストを描くチュートリアルです。 ↑のようなイラストの作 …

色やデザインテイストでクールなサイトを検索できる『InspirationTime』

かなりすごいサイトを見つけました。『InspirationTime』というサイトで、色やデザインテイストでクールなサイトを検索できます。 「Green」をクリックすると緑をうまく使ったサイトが、「Colorful」をクリックするとカラフルで綺麗なサイトがずらっと表示されます。 …

フリーアイコンが検索できるサイト

Icon Feverというサイトを見つけました。フリーアイコンがまとまっていて、検索して探せるサイトになっています。 「Social Media」や「Twitter」など、タグ付けもされているので探しやすいですね。Twitterのタグ検索結果はこちら↓です。 Twitter …

インスパイアされるコーポレートデザイン50

1st webdesignerで、インスパイアされるコーポレートデザインがまとまっています。 いくつかご紹介しますね。 ↑はCamp Creative Group。 nclud eCoverSuiteElite Wake Interactive Tracking Time メ …

フリーのストックフォトが見つかる15サイト

Six Revisionsで、フリーのストックフォトが見つかるサイトがまとまっています。 ざっといくつかご紹介。 stock.xchng定番のフリーストックフォトサイト。iStockphotoがスポンサーをしている Freerange Stock商用・非商用どちらにも使える写 …

ダンボール紙などのフリーテクスチャ集

2EXPERTSDESIGNで、ダンボール紙などのフリーテクスチャがまとまっています。 ざっといくつかご紹介。 ↑はDownload + Detail (BittBox Cardboard Texture)。 Download + Detail (Pandoraicons C …

Twitter、Flickrなどのソーシャルサイトのフリーアイコン

komodomediaで、Twitter、Flickrなどのソーシャルサイトのフリーアイコンセットがまとまっています。 すべてCreative Commons。リンクバックが必要で、リンク先も指定されています。こちら↓ですね。 Komodo Media, Rogie King …

オーガニックなテクスチャの背景を作る方法

Ali Felskiというサイトで、オーガニックなテクスチャの背景を作る方法が紹介されています。 サイトの背景をどうやって作ったのか、という質問を受けて、それに答えたとのことですね。 以下のような手順になっています。 istockphotoから空の写真と汚れた感じの紙の写真を …

2009年のPhotoshopチュートリアルTOP30

WEBDESIGNDEVで、2009年のPhotoshopチュートリアルTOP30が公開されています。 いくつかご紹介しますね。 Boxed Art Web Design TutorialBoxed Artのサイトをデザインしていく過程を解説したチュートリアル Magazin …

Webデザイナー&ブロガーのためのフリーアイコンセット40

speckyboyで、Webデザイナー&ブロガーのためのフリーアイコンセットが紹介されています。 いくつかご紹介しますね。 ↑は30 Free Vector Icons。 Basic Set Token Admin Panel Iconset 「30 Free Ve …

請求書のデザインいろいろ

Smashing Magazineで、請求書のデザインがいろいろと紹介されています。 いくつかご紹介しますね。 Graeme Duckett Hicks Design Francisco Inchauste Devia シンプルですがロゴの使い方、色使い、レイアウト、フォント …

象徴的なロゴデザインをする方法

JUST CREATIVE DESIGNで、象徴的なロゴデザインをする方法が紹介されています。 ロゴデザインには、以下のような要素が必要であるとのこと。 シンプルである 記憶できる 時代にとらわれない 用途が広い 企業特有のものである また、著者である「Jacob Cass」 …

商用無料のレトロなおもちゃアイコン

Smashing Magazineで、商用無料のレトロなおもちゃアイコンが配布されています。 Today we are glad to release “Toys”, a retro icon set that was designed by Hele …

ロゴデザインの始めから終わりまで

Layers Magazineで、ロゴデザインの始めから終わりまでのプロセスが公開されています。 以下のような感じで解説されていますね。 まず、コンセプトを固めてから手書きのスケッチに移る。イラレで白黒の状態でいくつかのデザインを描いてみる。ここではロゴのシェイプとコンセプト …

Android Update 1.6とフリック入力

Androidのシステムアップデートがきたのでダウンロード。1分くらいで完了しました。 以下の機能が追加されています。 音声で地図を検索し、乗換案内や徒歩ルート、お店やサービスの詳細情報、評判を入手 Android用クイック検索ボックスで携帯電話とウェブを検索 新しいAndr …

シンプルでかっこいいデザイン40

spyrestudiosで、シンプルでかっこいいデザインがたくさん紹介されています。 ざっといくつかご紹介。 The Designed The Old Fashioned Posh CSS Huwshimi Spinz 白を基調にタイポグラフィーに凝ったものや、ホワイトスペー …

アイルランドのWebデザイン

Smashing Magazineで、アイルランドのWebデザインがまとまっています。 いくつかご紹介しますね。 ↑はWhite Noise Studios。 paper jam Country Kitchens Bakery Locle Freshest あまり見ないような …

illustratorのテキストエフェクトチュートリアル40

noupeで、illustratorのテキストエフェクトチュートリアルがまとまっています。 ざっといくつかご紹介。 ↑はプレスしたようなスタイルのテキスト。 ハートの中のワープテキスト グランジエフェクト 飛び出してくるような3Dテキスト 渦巻き型のエフェクト リンク先の解説 …

androidのアプリ

HT-03Aに、アプリをいくつか入れてみました。 「マーケット」っていうアプリを起動すると、「アプリケーション」「ゲーム」の2つのカテゴリーがあって、その下もいくつかのカテゴリーに分かれています。もちろん検索もできますね。 カメラ系のアプリがほしかったので、「Fxカメラ」って …

有名なデザインブログのロゴで使われているフォント集

Build Internet!で、有名なデザインブログのロゴで使われているフォントがまとまっています。 ざっといくつかご紹介。 Woork Up – FFF Forward SpoonGraphics –Strait Line25 – He …

グラデーションが美しいタイポグラフィー

Six Revisionsで、グラデーションが美しいタイポグラフィーがいろいろと紹介されています。 いくつかご紹介。 ↑はatebits。 Radium Idea Foundry Keypoint Mein Brandenburg 無彩色や青、緑、オレンジなど、色も様々なので …

アイディアが面白いロゴデザイン60+

instantShiftで、アイディアが面白いロゴデザインがまとまっています。 いくつかご紹介しますね。 ↑はATTACK。 BICYCLE MUSEUM FILM URBIA fastclick JET lag TOURS アイディアが面白くて、デザインもかっこいいものが揃 …

デザインをリニューアルしました。

ブログをマイナーバージョンアップしてたらミドルバージョンアップ並になってきたどないやねん。 ちょこちょことフォントとかいじってたらいろいろとやりたくなって、エントリータイトルとmeta情報、全体の色の統一とかいろいろやっちゃったぞ。勢い余ってロゴも変更してみました。 前から変 …

余白をうまく使ったロゴデザイン

LOGODESIGNLOVEで、余白をうまく使ったロゴデザインが紹介されています。 ざっといくつかご紹介。 ↑はDolphin House logo – Ico Design。 Elefont logo – Logo Motive Designs ED …

魅力的なvCardデザイン30

Six Revisionsで、魅力的なvCardデザインが紹介されています。 ざっといくつかご紹介。 ↑はJoao Da Silva。 Maykel Loomans Tim Van Damme preshit’s card contact.lee-norris.c …

使えるアイコン6選

graphicratingで、使えるアイコンが紹介されています。 その中でもあまり見たことのないものをご紹介します。 32px Mania ダウンロード後の「Readme.rtf」に以下のようにあるので、自由に使えそうです。 This set is absolutely fr …

ロゴデザインをする時に参考になるサイト60+

DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala …

イラストをうまく使った美しいWebサイト35

PSDFANで、イラストをうまく使った美しいWebサイトがまとまっています。 ざっといくつかご紹介。 ↑はZologicka。 Sketchen 国崎クリーンセンター Matcheck Web Touch Up 日本のサイトが入っていますね。イラストがとてもかわいい。 絵の使 …

シンプルで美しいデザイン60+

WebDesignBoothというサイトで、シンプルで美しいデザインがたくさん紹介されています。 いくつかご紹介しますね。 ↑はPixelcraft。 4Wall Brian Hoff Erskine Design Miguel Buckenmeyer 無彩色とホワイトスペー …

立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+

これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How t …

無料で使えるスクリプト書体20

thinkdesignで、無料で使えるスクリプト書体がまとまっています。 ざっといくつかご紹介。 Jacoba Monika chopinscript scriptina Aquiline Two 1つ前のエントリーはここを見ていて気づいたんですよね。FONT SQUIRRE …

ポップな色を使った鮮やかなWebサイト27

INSPIREDMAGで、ポップな色を使った鮮やかなWebサイトがまとまっています。 いくつかご紹介しますね。 ↑はMuller。 IAAH Sofamade Organic Grid Spf Design 彩度の高い色を使った、タイポグラフィーの綺麗なサイトが目立ちますね。 …

光線を描くためのPhotoshopブラシ250+

結構前のエントリーですが、DESIGNM.AGで光線を描くためのPhotoshopブラシが紹介されています。 ざっといくつかご紹介。 Sharp Abstract Abstract Brushes Volume 6 Abstract Brushset X Abstract 0 …

かっこいいフリーのPhotoshopブラシ集

Abduzeedoで、かっこいいフリーのPhotoshopブラシがまとまっています。 いくつかご紹介しますね。 ↑はPaintdrop。 TAIL Ink Splatters Real Brush Strokes Coffee Happens Reloaded deviant …

商用無料の開発者向けアイコン1000

FatCowというサイトで、商用無料の開発者向けアイコンが1000個配布されています。 ↑のようなアイコンで、16 x 16pxと32 x 32pxの透過PNGとなっています。 ライセンスはCreative Commons Attribution 3.0 License。著作 …

インスパイアされる料金体系ページデザイン77

instantShiftで、インスパイアされる料金体系ページデザインがまとまっています。 ざっといくつかご紹介。 ↑はSquarespace。 Typepad Zen Wufoo Basecamp フォントサイズが大きくてジャンプ率の高いものが見やすくていいですね。 その他の …

デザイナーが教えてくれるインスピレーションTips&ツール集

Six Revisionsで、デザイナーが教えてくれるインスピレーションTips&ツール集がまとまっています。 TheBestDesigns.comを運営していてアートディレクター、フロントエンドエンジニアとして働いているAngela Rohnerさんによる記事です …

Photohshopでプロ並みのHDR画像を作る方法

Phototuts+で、Photohshopでプロ並みのHDR画像を作る方法が紹介されています。 いつの間にかtuts+ networkにPhototuts+っていうサイトができていました。クオリティーがすごく高いですよね。このネットワークはどこへ行くんでしょうか。 ともかく …

DTPデザインのチュートリアルまとめ

Smashing Magazineで、DTPデザインのチュートリアルがまとまっています。 いくつかご紹介しますね。 » プリントできる名刺の作成（Photoshop） 　・CMYKのドキュメントをPhotoshopで作成。裁ち落とし 　・背景をかっこよくするために …

illustratorで抽象的なベクターアートを描くチュートリアル

WebDesignerWallで、illustratorで抽象的なベクターアートを描くチュートリアルが紹介されています。 レクタングルのボックスを、ワープツールやうねりツールを使って歪ませたり、円形のグラデーションを描いて組み合わせることでベクターアートを作る方法が詳しく解説 …

無料のキラーアイコンセット33

WebAppStormで、無料のキラーアイコンセットが紹介されています。 かっこいいものが多いのでご紹介しますね。 ↑はFresh。 Social Network Icon Pack Social Bookmark Iconset GLYPHISH Sidebar Repla …

ネットで学べるillustratorチュートリアルサイト集

spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips 　Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開し …

商用無料の超クールなアイコンセット

アイコンネタが続きますが、かなりかっこいいアイコンセットを見つけました。 So to celebrate the Redesign of the Envato Marketplaces we asked kickass icon designers Turbomilk to …

商用でも無料で使えるかっこいいアイコン178

WOO THEMESで、WooFunctionという商用でも無料で使えるかっこいいアイコンが配布されています。 ↑のような感じでたくさんあって、かなり使えそうですね。 Share these icons: If you find these icons useful we&# …

オーガニックなWebデザインの作り方

webdesigner depotで、オーガニックなWebデザインの作り方が紹介されています。 ざっとご紹介。 ↑はMooi 凝った木のパターンをうまく使って、鮮やかな赤を加えており、オーガニックなイメージを逸脱しないデザインになっている Saddleback Leather …

androidケータイ docomo HT-03Aが届きました。

AMNのモニターキャンペーンに当選して、androidケータイ docomo HT-03Aが届きました。今モニター中です♪ デザインがなかなかいい感じ。丸っこくて、大きさもちょうどいいですね。iPhoneより少し小さいです。 ただ操作感はiPhoneに慣れちゃってるので、ちょ …

無料でダウンロードできるPSDファイル50+

DESIGNRFIXというサイトで、無料でダウンロードできるPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はiMac。 Mighty Mouse iPod nano 5G Pencil PSD rubber stamp icon きちんとレイヤーに分 …

商用無料、クレジット表記不要のパターン配布サイト

すごいサイトを見つけました。 商用無料、クレジット表記不要のパターン配布サイトです。 ↑のようなパターンが、jpgだけでなくpatも配布されています。Photoshopで開けばパターンとして読み込むことができて、継ぎ目なしのパターンになっています。 Terms of Use …

高解像度の紙のフリーテクスチャ80+

もうかなり知られてるけど構わずエントリー。 The Roxorというサイトで、高解像度の紙のフリーテクスチャが紹介されています。 いくつかご紹介。 ↑はOld Ages Paper 2。 Grungy Paper Textures by Bittbox High Res Br …

Photoshopで作るテキストエフェクトチュートリアル50+

Tutorial Loungeというサイトで、Photoshopで作るテキストエフェクトチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 ↑はLiquid Text Photoshop Tutorial。 Dramatic Text on Fire Effe …

デザインの参考になる問い合わせフォームデザイン91

1st webdesignerで、デザインの参考になる問い合わせフォームが紹介されています。 ざっといくつかご紹介。 ↑はContact Semisture。 New Media Design – Christian Sparrow Contact Yodaa C …

Web&グラフィックデザイナーのためのPhotoshopチュートリアル760+

WEBDESIGNDEVで、Web&グラフィックデザイナーのためのPhotoshopチュートリアルがまとまっています。 ざっといくつかご紹介。 » 30 Useful Photoshop Tutorials for Vintage and Retro S …

コンクリートとセメントのフリーテクスチャ3800+

Mayang’s Texturesというサイトで、コンクリートとセメントのフリーテクスチャが3800以上配布されています。 Bulk Downloading Please don’t try to download every full-sized t …

Photoshopでディテールをデザインするチュートリアル

Six Revisionsで、Photoshopでディテールをデザインするチュートリアルが紹介されています。 かなり細かく解説されているので参考になりますね。ベベルやドロップシャドウで立体感を出す方法や、描画モード：オーバーレイで綺麗なグラデーションを描く方法など、シンプルだ …

透過をうまく使ったデザインをするためのPhotoshopチュートリアル

WebAppearsというサイトで、透過をうまく使ったデザインをするためのPhotoshopチュートリアルが紹介されています。 まずはぼかし（移動）とブラシをうまく使って背景を作り、ボタンの背景を透明度を駆使して作っていく方法が解説されています。 数値やRGBも細かく載ってい …

フリーテクスチャを配布するキラーサイト44

aetuts+で、フリーテクスチャを配布するキラーサイトが紹介されています。 ざっといくつかご紹介。 » Textures.z7server.com 　500以上のテクスチャが無料で利用できる » 2Textured 　いろいろなカテゴリーのテクスチャ …

WordPressの404ページデザインいろいろ

wpbeginnerで、WordPressの404ページデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はCatswhocode。 Catalyst Studios Carsonified CSS Tricks Retard Zone 404ページもデザインさ …

インスパイアされるWebアプリ&サイトデザイン50

speckyboyで、インスパイアされるWebアプリ&サイトデザインがまとまっています。 ざっといくつかご紹介。 ↑はPhotoSnack。 Image Spark YOKABOO Gambolio.com Autodesk Project Dragonfly 以下 …

クオリティーの高いデザインアイコンを作るチュートリアル60

Creative Nerdsで、クオリティーの高いデザインアイコンを作るチュートリアルが紹介されています。 ざっといくつかご紹介。 » シンプルなコーヒーカップのアイコン » iTunesアイコン » ベクターのRSSアイコン &raquo …

デザインのインスピレーションになるサイト50+

VANDELAY DESIGNで、デザインのインスピレーションになるサイトがたくさん紹介されています。 ざっといくつかご紹介。 ↑は1h05。 Tink Ribbons of Red Beyond the Pixels Ecosimply 割とシンプルなものを紹介しましたが、 …

フリーのパターンがダウンロードできるサイト集

Photoshop Tutorialsというサイトで、フリーのパターンがダウンロードできるサイトが紹介されています。 ざっといくつかご紹介。 » COLOURlovers 　自分のパターンを投稿したり、ユーザーが作ったものをダウンロードできる » ev …

緑をうまく使った美しいWebデザイン55

abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが …

青をうまく使った美しいレイアウトのデザイン52

abduzeedoで、青をうまく使った美しいレイアウトのデザインが紹介されています。 かっこいいものが揃っていますね。 ↑はEnvira Media Inc。 Graham McDonnell MonAssoc Bluedots Design nclud 同じ青でも明度と彩度 …

PSDフォーマットのフリーアイコンセット50

speckyboyで、PSDフォーマットのフリーアイコンセットが紹介されています。 ざっといくつかご紹介。 ↑はRadium Icon PSDs。 On-Stage Vector PSD Icon Set Bevel And Emboss – PSD Icons …

Photoshopのレイアウトチュートリアル90

1st webdesignerで、Photoshopのレイアウトチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign a trendy business & finance layout。 Create a Clean and Effecti …

有料の写真素材サイト集

Smashing Magazineで、無料・有料の写真素材サイトがたくさん紹介されています。 無料のものは結構知られているので、今回は有料のものをいくつかご紹介。 » Corbis 　$10〜$600の写真素材。写真に写っている人数やフォトグラファーによってフィル …

美しいパーソナルロゴ123

JobMobというサイトで、美しいパーソナルロゴがまとまっています。 ざっといくつかご紹介。 ↑はAshley, Singer 。 Mark Weaver, Designer Dianne Dieplo, Classical Voice Training Coach Nick …

illustratorのテキストエフェクトチュートリアル集

creative NERDSで、illustratorのテキストエフェクトチュートリアルがまとまっています。 ざっといくつかご紹介。 ↑はCreating an Environmentally Friendly Green Type Treatment。 Create a V …

イスラム美術のフリーパターン4000+

PATTERN IN ISLAMIC ARTというサイトで、イスラム美術のフリーパターンが配布されています。 This website offers a FREE download of over 4000 images of patterns and other desig …

Photoshop CS4で作るWebデザインTips

Layers Magazineというサイトで、Photoshop CS4で作るWebデザインTipsがまとまっています。 ↑は、1pxの線を内側に引く例。立体感が出てデザインに深みが出ますよね。 その他にも、まず基本要素をレイアウトすること、微妙なグラデーションやドロップシャ …

焦げた紙のテクスチャ12

Six Revisionsで、焦げた紙のテクスチャが公開されています。 ざっといくつかご紹介。 ↑はBurnt Paper Texture 01。 Burnt Paper Texture 02 Burnt Paper Texture 04 Burnt Paper Textur …

次のトレンド・メガメニューの使用例25

DESIGNM.AGで、メガメニューの使用例が紹介されています。 ざっといくつかご紹介。 ↑はThe Sak。 Etnies Target Office Depot Spread Shirt Mega menus are a growing trend in web desi …

ライトでミニマルなWebデザイン20

beautiful lifeというサイトで、ライトでミニマルなWebデザインが紹介されています。 いくつかご紹介しますね。 ↑はThirteen。 Japan Car Eva Solo Patrick Mullen Design Tam Cao その他のリストは以下からどうぞ …

デザインのフィードバックが得られるサイト10

Inspired Magazineというサイトで、デザインのフィードバックが得られるサイトが紹介されています。 ざっといくつかご紹介。 » Five Second Test 　シンプルで無料のオンラインユーザビリティーテスト。↑のキャプチャはこちら » …

商用でも無料で使えるベクターアイコン200+

webdesigner depotで、商用でも無料で使えるベクターアイコンが紹介されています。 The icons are completely free for personal and commercial use and they’re being rele …

「もっと読む」リンクのデザイン集

Smashing Magazineで、「もっと読む」リンクのデザインがたくさん紹介されています。 以下の3つのパターンに分けられていますね。 ・テキストリンク ・アイコンを使ったもの ・ボタンを使ったもの トレンドとして、以下のようにまとめられています。あくまでもエントリーで …

インスパイアされるサインアップページ25

webdesigner depotで、インスパイアされるサインアップページが紹介されています。 ざっといくつかご紹介。 ↑はZen。 Squarespace Concept Share Brightbox Crazy Egg その他のリストは以下からどうぞ。 » …

Photoshopで緑のかっこいいデザインをする方法

Six Revisionsで、Photoshopで緑のかっこいいデザインをする方法が紹介されています。 まず980 x 830pxでファイルを作成して、#E0E0ACの角丸で背景を描画して、モーションブラーでテクスチャを作って、という風に詳しく解説されています。 You ca …

フライヤーを勝手にリデザインして貼り直していくブログ

Cardon Copyというサイトを見つけました。コンセプトがシンプルで、インターフェースもクールな感じになっています。 フライヤーを勝手にリデザインして貼り直していくブログですね。 CARDON COPY, TAKES THE VERNACULAR OF SELF-DIST …

ポップなパターンをダウンロードできるTumblrサイト

ポップなパターンをダウンロードできるサイトを見つけました。Tumblrを使っているようですね。 パターンをクリックすると、ダウンロード画面に切り替わります。 Hide Cardboardとかギミックが効いていて面白いのでぜひ見てみてください。 » PatternW …

マスタリングillustratorエフェクト

WebDesignerWallで、illustratorエフェクトがまとまっています。 いろんな形の矢印の作り方や角丸、じぐざぐ、波線、バッジ、スケッチアイコンなど、基本的なものからおさらい的にいろいろと載っていますね。 “You may download the …

Webデザイナーのためのソーシャルニュースサイト12

Six Revisionsで、Webデザイナーのためのソーシャルニュースサイトが紹介されています。 ざっといくつかご紹介。 » Design Bump 　Webデザイナーとデベロッパに有益な情報が満載。↑のキャプチャはこちら » Pixel Groov …

フリーのパターンが見つかるサイト22

1st webdesignerで、フリーのパターンが見つかるサイトがたくさん紹介されています。 ざっといくつかご紹介。 » DreamsTime 　DreamsTimeでパターンも見つかる » TileMachine 　パターンメーカーもあるパターン配 …

読んでおきたい海外のデザインブログ80+

Creative Operaというブログで、読んでおきたい海外のデザインブログがまとまっています。 ざっといくつかご紹介。 » You The Designer » Arbenting » Outlaw Design Blog &raquo …

ちょっと新しいWebデザイン30

nettuts+で、ちょっと新しいWebデザインが紹介されています。 ざっといくつかご紹介。 ↑はVyniknite。 Chris Jennings Motty Fred Maya Serj その他のリストは以下からどうぞ。 » 30 Exceptional We …

素晴らしいロゴデザイン45

Inspiredologyというサイトで、素晴らしいロゴデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はelefont。 toadprint roundbox umbrellar panda Logofi.comに載っているロゴが集まっていますね。 その他の …

知っておきたいフリーのデザインアプリ25

Creative Nerdsで、知っておきたいフリーのデザインアプリが紹介されています。 ざっといくつかご紹介。 » Active Pixels 　Photoshopに似た素晴らしいフリーソフト » Inkscape 　オープンソースのベクターグラフィ …

便利なPhotoshopのカスタムシェイプ30+

Naldz Graphicsで、便利なPhotoshopのカスタムシェイプがまとまっています。 ざっといくつかご紹介。 ↑はCustom Shape Mix。 People Silhouettes Live Trees Custom Shapes Pack v. 1.1 Sp …

モダンなWebサイトのフッター80+

instantShiftで、モダンなWebサイトのフッターが紹介されています。 ざっといくつかご紹介。 ↑はVimeo。 StrawPollNow DesignBombs Boagworld Deanoakley その他のリストは以下からどうぞ。 » 80+ Pe …

テクスチャをうまく使ったWebデザイン25

Web Design Ledgerで、テクスチャをうまく使ったWebデザインが紹介されています。 ざっといくつかご紹介。 ↑はEcoki。 84 Colors Bridge 55 Douglas Menezes Sarah Longnecker その他のリストは以下からどうぞ …

Webデザイナーのためのスターターキット27

HONGKIATで、Webデザイナーのための便利ツールがたくさん紹介されています。 ざっとご紹介。 » Web Form Elements 　タブやボタン、ドロップダウンといった要素がPSDファイルになっている » Browser Form Eleme …

illustratorでどんなフォントもスケッチフォントに変える方法

vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加　黒 …

商用でも無料の渦巻き系Photoshopブラシ30

Smashing Magazineで、商用でも無料の渦巻き系Photoshopブラシが配布されています。 Today we are glad to release 30 Swirl Brushes, a set with 30 high-quality swirl Photo …

ショッピングカートなどのEコマース系アイコンセット30

Six Revisionsで、ショッピングカートなどのEコマース系アイコンセットが紹介されています。 ざっといくつかご紹介。 ↑はe-Shop Icons。 Shopping Cart Icon Weby Icons E-Commerce Icon Set ライセンスについて …

茶系の紙のフリーテクスチャ10

Six Revisionsで、茶系の紙のフリーテクスチャが公開されています。 ざっといくつかご紹介。 ↑はBrown Paper 01。 Brown Paper 04 Brown Paper 07 Brown Paper 09 Brown Paper 10 Licensing …

商用でも無料で使えるノートなどのアイコンセット

Smashing Magazineで、商用でも無料で使えるノートなどのアイコンセットが配布されています。 Today we are glad to release Quartz Icon Pack, a set with 90 clean, sharp and (hopefu …

商用でも無料で使えるテクスチャ配布サイトの決定版

決定版がまた続いてしまいますが、、すごいサービスなのでご紹介。 Free Stock Texturesでは、↑のようなテクスチャがたくさん配布されています。 Terms of use FreeStockTextures.com are the authors of all t …

Photoshopのテキストエフェクトチュートリアルの決定版

決定版が続きますが、かなりクオリティーが高いのでご紹介。 Design ShardでPhotoshopのテキストエフェクトチュートリアルが18個紹介されています。 いくつかご紹介しますね。 ↑はミルクタイポグラフィーエフェクト。 » Candy Coated Te …

すぐに使えるフリーのデザイン素材15

smashing appsで、すぐに使えるフリーのデザイン素材がまとまっています。 ざっといくつかご紹介。 » 15 Free And High Quality Tree Wood Textures 　クオリティーの高いフリーの木のテクスチャ » 10 …

インスピレーションになるクールなタイポグラフィー60

The Design Inspirationというサイトで、インスピレーションになるクールなタイポグラフィーが紹介されています。 ざっといくつかご紹介。 ↑はDesigned by Company London。 Designed by Stefano Buffoni Des …

これからのデザインのためのアイコンセット50

Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フ …

Windows,Mac,Linuxフォーマットのアイコンを作ってくれる『iConvert』

iConvertというサービスを見つけました。Windows,Mac,Linuxフォーマットのアイコンを作ってくれますね。 画像をアップロードすると、Macは「.hgx」「.icns」、Windowsは「.ico」、Linuxは「.png」のサイズ違いでアイコンファイルに変換 …

デザインのインスピレーションになるサイト50

DESIGNER-DAILYで、デザインのインスピレーションになるサイトが紹介されています。 ざっといくつかご紹介。 ↑はNarien Teas。 Songbird Hotel Arca Lui Noe Common Good Radio Tumblon その他のリストは以下 …

クオリティーの高いフリーのグランジテクスチャ10

Six Revisionsで、クオリティーの高いフリーのグランジテクスチャが紹介されています。 ざっといくつかご紹介。 ↑はGrunge Extreme 2 06。 Grunge Extreme 2 03 Grunge Extreme 2 05 Grunge Extreme …

優れた購入プロセスをデザインするための12のTips

Smashing Magazineで、優れた購入プロセスをデザインするための12のTipsが紹介されています。 ざっとご紹介。 1. いきなりユーザー登録をさせない 2. 在庫数を表示する 3. 簡単に注文を修正できるように設計する（取り消しボタンを設置するなど） 4. リア …

PSDからXHTML+CSSを作っていくチュートリアル30

Creative Nerdsで、PSDからXHTML+CSSを作っていくチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create a clean modern website design 　架空のデザインスタジオのモックアップを作る &raq …

Webデザインのリソースまとめサイト『populair』

populair.euっていうWebデザインのリソースまとめサイトを見つけました。 素材やWebデザインに関するブログ、インスピレーションになるサイト、ジェネレータ、カラー、タイポグラフィー、アイコン、ロゴなど、Webデザインに関するサイトがたくさん紹介されています。 アイコ …

商用でも無料で使える素材がある12ブログ

DESIGNM.AGで、商用でも無料で使える素材がある12ブログがまとまっています。 ↑はSeamless Stripes。 Patternheadにあります。 Tools Icons こちらはSmashing Magazineで配布されている。 その他、Bittboxのグラ …

デザインをよりよくするためのレイアウトソリューション8

Smashing Magazineで、デザインをよりよくするためのレイアウトソリューションが紹介されています。 ざっとご紹介しますね。 1. スライダー&Carousel　 2. タブナビゲーション 3. モーダルウィンドウ 4. ロールオーバーエレメント 5. 新 …

クオリティーの高いillustratorのブラシ30

DESIGNM.AGで、クオリティーの高いillustratorのブラシが紹介されています。 ざっといくつかご紹介。 ↑はIllustrator Watercolor Brushes。 Illustrator Paint Brushes Watercolor Illustra …

ロイヤリティーフリーの写真とテクスチャが手に入るサイト25

BLUEBLOTSで、ロイヤリティーフリーの写真とテクスチャが手に入るサイトが紹介されています。 ざっといくつかご紹介。 » Photocase » Freefoto » Turbophoto » Grungetextures …

よく見るWebデザインのトレンド4つ

myInkBlogで、よく見るWebデザインのトレンドが紹介されています。 ざっとご紹介。 ↑はPaul Wallas。 個人サイト&手書きの要素を使った例 Project Vino 綺麗なイラストを使った例 Ethem Budak 紙とコラージュ風のデザイン例 Q …

木のフリーテクスチャ15

smashing appsで、木のフリーテクスチャが紹介されています。 ざっといくつかご紹介。 ↑はTree Wood Texture 8。 Tree Wood Texture 1 Tree Wood Texture 5 Tree Wood Texture 12 Tree W …

Photoshopでインパクトのある背景をデザインする方法

Six Revisionsで、インパクトのある背景をPhotoshopでデザインする方法が紹介されています。 線状のグラデーション、放射状のグラデーション、ライティングエフェクト、テクスチャやパターンを使用した例などが載っています。 Much like with the gr …

示唆に富むデザイン論80+

Design was hereというサイトで、示唆に富むデザイン論が紹介されています。 ↑はポールランドの言葉。 「人はよいデザインよりも悪いデザインを見慣れている。そして、悪いデザインを好むようになってしまっている。なぜならば、周りにそうしたものが溢れているからだ。人は新し …

キャラクターのイラストを使ったデザイン45+

Naldz Graphicsで、キャラクターのイラストを使ったデザインが紹介されています。 ざっといくつかご紹介。 ↑はcouponninja。 fatburgr veerle.duoh projectvino meomi その他のリストは以下からどうぞ。 » 4 …

グラフィックデザインブログのリスト

proofHQで、グラフィックデザインブログのリストが紹介されています。 ざっといくつかご紹介。 » Andy Sowards 　Webデザインやシステム、テクノロジーに関するリンクを集めたブログ » Arbenting 　デザインTipsやチュートリ …

使えるパターンジェネレータ『repper』

repperというパターンジェネレータを見つけました。結構便利。 使い方は簡単で、 1. ランダムなサンプル画像を選ぶか、自分の画像をUploadする 2. トリミングする範囲を選択する 3. 保存する。リンクするかダウンロードすることが可能 とのことですね。 トリミングする …

Webデザインにおける白の使い方

Desizn Techというサイトで、Webデザインにおける白の使い方が紹介されています。 What comes to your mind when you think of the color white? White is the most simple, elegant …

写真の魅力をUPするPhotoshopアクション60+

HONGKIATで、写真の魅力をUPするPhotoshopアクションがたくさん紹介されています。 ざっといくつかご紹介。 ↑はPhotoshop Action 2。 Actions Clyck 古紙のエフェクトをかけるアクション ページのめくれを表現 ポラロイドジェネレータ …

エレガントでオリジナルなブログデザイン集

Smashing Magazineで、エレガントでオリジナルなブログデザインが紹介されています。 ざっといくつかご紹介。 ↑はMa.tt。 Ayakaito retinart Bert Timmermans Good Little Wee Blog その他のリストは以下からど …

ベクターの世界地図データ集

WEB DESIGN LEDGERで、ベクターの世界地図データがたくさん紹介されています。 ざっといくつかご紹介。 ↑はDotted world map vector resource。 9 Vector Globes Download World Map Vector Gr …

プロジェクト管理に使えるフリーアイコンセット

Smashing Magazineで、プロジェクト管理に使えるフリーアイコンセットが公開されています。 This icon set, designed by Navdeep Raj and released for Smashing Magazine and its read …

目を引くフリーテクスチャ21

smashing appsで、目を引くフリーテクスチャが紹介されています。 ざっといくつかご紹介。 ↑はApple Leaf Texture by texurestockbyhjs。 Grunge Texture by euphoricdesire-stock Old Pap …

かっこいいアイコン制作チーム『We ♥ Icons』

We ♥ Iconsというサイトを見つけました。 インターフェースがとてもかっこいい、アイコンを愛する、アイコン制作チームのようですね。 ↓のページにはアイコン制作に役立つアプリが紹介されていて参考になりますね。 一度見てみてください。 » We & …

手を抜かないフッターデザイン30

dzineblogで、手を抜かないフッターデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はCreamy CSS。 The Brads Brand 07 Spilt da diz Bio Wind その他のリストは以下からどうぞ。 » Interf …

かっこいい背景を作るためのガイド60+

noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクス …

Photoshopのグラデーションファイル600+

Best Design Optionsというサイトで、Photoshopのグラデーションファイルがたくさん紹介されています。 ざっといくつかご紹介。 その他のリスト&ダウンロードは以下からどうぞ。 » How to Use Photoshop Gradi …

いいデザイナーになるために参考になる50サイト

dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tut …

トレンドを作り出すデザインスタジオ50

HONGKIATで、トレンドを作り出すデザインスタジオが紹介されています。 とてもクール。しびれました。 ざっといくつかご紹介。 ↑はWeightshift。 シカゴを拠点とした少数精鋭のデザインエージェンシー Lounge Lizard Webサイトデザイン、マーケティング …

商用でも無料で使えるアイコンパック『Web Injection』

Tutorial9で、商用でも無料で使えるアイコンパックが配布されています。 This Free Icon Pack is for use in your personal and commercial projects, and can be used without at …

フリーのベクターグラフィックが見つかるサイト10

Tutorial Blogでフリーのベクターグラフィックが見つかるサイトが紹介されています。 ざっといくつかご紹介。 » QVectors 　世界中のフリーのベクター画像が集まっている。投稿も可能。EPSフォーマットで配布されていて、ライセンスはCreative …

クールなカミングスーンページデザイン25

dzineblogでクールなカミングスーンページデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はUpstate。 Luke’s Beard Cube Frog Fav Moive The Helvetica テーマがニッチで面白いですね。 その他 …

美しいロゴ30

Abduzeedoで美しいロゴが30個紹介されています。 ざっといくつかご紹介。 ↑はPastamasta。 iceberg GIRAFRICA MARY & ANDY SWING それぞれサイトのコンセプトに合った、かわいいロゴになっているのでデザインの参考にした …

ロゴデザインをするためのプロセス

JUST CREATIVE DESIGNで、ロゴデザインをするためのプロセスが紹介されています。 ざっとご紹介。 デザインラフデザインラフを作るためにクライアントにいくつかの質問をする リサーチ業界やその歴史、競合についての研究を行う 参照成功しているロゴデザインの事例と、デ …

フリーの写真素材が見つかるサイト30選

About.comで、フリーの写真素材が見つかるサイトがまとまっています。 ざっといくつかご紹介。 » Mayang’s Free Textures 　3400以上の高解像度のテクスチャ画像。1日に20ダウンロード制限あり » Mayang …

Webデザインにおける背景の効果的な使い方

SmashingMagazineで、Webデザインにおける背景の効果的な使い方が紹介されています。 ざっといくつかご紹介。 ↑はeWedding。 kraftfoods Duplika Studiobanks jayhafling ディテールまで凝ったものや斬新なものまでいろ …

使えるPhotoshopチュートリアル&Tips21

「Six Revisions」で、使えるPhotoshopチュートリアル&Tipsがたくさん紹介されています。 ざっといくつかご紹介。 » 6 Photoshop Tips and Tricks That You Probably Don’t …

無料のパターン画像が見つかるサイト集

「instantShift」で、無料のパターン画像が見つかるサイトがたくさん紹介されています。 ざっといくつかご紹介。 » Squidfingers » Patternhead » Brusheezy » Patterns @ …

いいデザインをするための4原則

My Ink Blogで、「4 Principles of Good Design for Websites」と題していいデザインをするための4原則が紹介されています。 4原則とは、Contrast（コントラスト）・Repetition（反復）・Alignment（整列）・P …

簡単にデザインするためのツール&ジェネレータ28

Graphic Fetishで簡単にデザインするためのツール&ジェネレータが紹介されています。 ざっといくつかご紹介。 » Lorem Ipsum Generator 　ダミーテキストジェネレータ » Free Online Web Temp …

布地のフリーテクスチャ50

「DESIGN M.AG」で、布地のフリーテクスチャが50紹介されています。 ざっといくつかご紹介。 ↑はRed Texture。 texture 028 Denim CGTextures.com TextureKing.com ライセンスはリンク先を確認する必要がありますが …

同一色相配色のWebデザイン50

「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Design …

レイアウトデザインを学ぶためのチュートリアル決定版

「AREA 1」で、60 Layout design tutorialsと題してレイアウトデザインを学ぶためのチュートリアルが紹介されています。 12ページあって見るのは大変ですが、WordPressデザインやポートフォリオサイト、コーポレートサイトなど、クールなデザインレイ …

クリエイティブなフリーアイコンセット43

「smashing apps」でクリエイティブなフリーアイコンセットがたくさん紹介されています。 ざっとご紹介。 ↑はPioneer Camp。 Antique Icons Windows 7 Base Icons Scholny Icons Pure Free Glossy …

タイポグラフィーに関する素晴らしいブログ集

「Smashing Magazine」で、タイポグラフィーに関する素晴らしいブログ集が紹介されています。 ざっといくつかご紹介。 ↑のキャプチャはType for You。BlogSpotで運営されていて、フォントレビューやイベントなど、タイポグラフィーにまつわることを扱って …

手の込んだシンボルを作るillustratorチュートリアル

「Abduzeedo」で手の込んだシンボルを作るillustratorのチュートリアルが紹介されています。 ・楕円形ツールで正円を描く ・その上に幅を変更した楕円を4つ作ってそれぞれを上下左右に寄せて配置し、乗算で重ねる ・すべてを選択して「パスファインダ」から分割を選択 ・ …

オフィス系のかわいいフリーアイコンパック

UKのDavidさんからメールをもらったのでご紹介。 48x48pxのアイコンが52個配布されています。 I’m releasing them for free use under the Creative Commons (by) licence. Creati …

斬新なレイアウトのブログデザイン10選

「Web Design Ledger」で斬新なレイアウトのブログデザインが紹介されています。 いくつかざっとご紹介。 ↑はNEWTOYORK。 Alex Buga SpaceCollective Information Architects グリッドレイアウトが多いですね。右 …

Webデザインにおけるアイコンの使い方

「Smashing Magazine」でアイコンの使い方の例が紹介されています。 Why use icons? Design is all about communication: it doesn’t matter how important or exciti …

フリーの写真素材が見つかるサイト30+

「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 　超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 　200,000を超えるフリー画像 &raq …

テクスチャをうまく使ったデザイン40選

サイトでテクスチャをうまく使いたい。 そんなときに参考になるのが、『40 Textured Websites for Design Inspiration』。テクスチャをうまく使ったデザイン40選だ。 以下にいくつかご紹介。 The Blizzards Darnology V …

ソーシャルサービスのアイコンまとめサイト『My Social Buttons』

参加しているソーシャルサービスのアイコンをブログにつけたい。 そんなときにおすすめなのが、『My Social Buttons』。ソーシャルサービスのアイコンまとめサイトだ。 このサイトでは、以下のサービスのアイコンがたくさん紹介されている。 ・Twitter ・Facebo …

2009年のロゴデザインのトレンド

新しいデザインのロゴを作りたい。 そんなときに参考になるのが、『Logo Design Trends 2009 – Showcase』。2009年のロゴデザインのトレンドだ。 以下にいくつかご紹介。 ↑はサイケデリックでポップな背景のロゴ。 折り紙 触感的、リアル …

デザイナーのための素材サイト13選

デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。 &raquo …

Photoshopのかわりになるフリーソフト10選

Photoshopに似た機能を無料で使いたい。 そんなときにおすすめなのが、『10 Excellent Open Source and Free Alternatives to Photoshop』。Photoshopのかわりになるフリーソフト10選だ。 以下にご紹介。 &r …

キュートなロゴ投稿サイト『LOGOFI』

ロゴデザインが大好きだ。 そんなあなたにおすすめなのが、『LOGOFI』。キュートなロゴ投稿サイトだ。 『LOGOFI』は、シンプルなロゴ投稿サイト。↑のように無彩色の中ピンクがアクセントカラーとなっており、キュートなインターフェースとなっている。 リンク数も少なくすっきりと …

宇宙の爆発を描くPhotoshopチュートリアル

惑星の衝突を描きたい。 そんなときにおすすめなのが、『Space Explosion Photoshop Tutorial』。Smashing Magazineによる、宇宙の爆発を描くPhotoshopチュートリアルだ。 このエントリーでは、地球に惑星が衝突する↑のようなシー …

テクスチャをうまく使ったデザイン30選

テクスチャを使ってデザインがしたい。 そんなときにおすすめなのが、『30 Beautifully Textured Web Designs』。テクスチャをうまく使ったデザイン30選だ。 以下にいくつかご紹介。 ↑のキャプチャはWallSwaps。 The Seen® Carb …

アイコンデザインにおける10の間違い

アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりないアイコンをセットで作る場合、見分けられないデザイン …

クオリティの高いフリーアイコン50選

ディテールまでデザインされたアイコンを探している。 そんなあなたにおすすめなのが、『50 Free High-Quality Icon Sets』。Smashing Magazineによる、クオリティの高いフリーアイコン50選だ。 以下にいくつかご紹介。 ↑のキャプチャはSt …

Webデザイナーのためのプリントアウトできるスケッチブック

紙にデザインラフを描きたい。 そんなときにおすすめなのが、『Sketchbook for web designers』。Webデザイナーのためのプリントアウトできるスケッチブックだ。 このエントリーでは、↑のようなフォーマットのスケッチブックが4種類紹介されている。プリントア …

継ぎ目のないテクスチャを配布する『SeamlessTextures.net』

デザインに使えるテクスチャを探している。 そんなときにおすすめなのが、『SeamlessTextures.net』。継ぎ目のないテクスチャを配布するサイトだ。 このサイトでは、↑のようなテクスチャが紹介されている。 The textures found on this web …

商用でも無料で使えるアイコン100選

商用でも無料で使えるアイコンを探している。 そんなときにおすすめなのが、『Weby Icon Set』。商用でも無料で使えるアイコン100選だ。 このサイトでは、64×64のアイコンが100個配布されている。 The icons are available in P …

無料で使える美しいテクスチャ100選

綺麗なテクスチャを探している。 そんなときにおすすめなのが、『100 Beautiful Free Textures』。Smashing Magazineによる、無料で使える美しいテクスチャ100選だ。 以下にいくつかご紹介。 ↑のキャプチャはLeather Texture。 …

花や光、有刺鉄線などのPhotoshopフリーブラシ50選

花や光などのブラシを探している。 そんなときにおすすめなのが、『50 Free Photoshop Brush Sets You Should Bookmark』。花や光、有刺鉄線などのPhotoshopフリーブラシ50選だ。 以下にいくつかご紹介。 ↑のキャプチャはGlow …

継ぎ目のないパターン200選

デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Pl …

素晴らしいWebの素材&チュートリアル45選

サイト制作に役立つチュートリアルや素材を探している。 そんなときにおすすめなのが、『45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web In …

Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選

デザインのスキルを上げたい。 そんなあなたにおすすめなのが、『70+ Photoshop Tutorials to improve your Skills as Web Designer』。Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選だ。 …

印象に残るポートフォリオデザイン50選

自分のポートフォリオサイトを作りたい。 そんなあなたにおすすめなのが、『50 Impressive Portfolio Designs』。印象に残るポートフォリオデザイン50選だ。 以下にいくつかご紹介。 ↑のキャプチャはAlex Cahaniuc。 Danny Blackm …

スタンダードな画面パターン13選

サイトのインターフェースを設計したい。 そんなときに参考になるのが、『Designing Web Interfaces: 12 Standard Screen Patterns』。スタンダードな画面パターン13選だ。 以下にご紹介。 Master/Detail垂直か水平レイア …

クリエイティブなフッターデザイン40選

フッターをかっこよくデザインしたい。 そんなときに参考になるのが、『40 Beautiful and Creative Website Footers』。クリエイティブなフッターデザイン40選だ。 以下にいくつかご紹介。 ↑のキャプチャはmissweblash.com。 ca …

商用でも無料で使えるツール・ホラー・Twitterアイコンセット3選

商用でも無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『Tools Icons, Horror Icons and Twitter Icons』。Smashing Magazineによる、商用でも無料で使えるツール・ホラー・Twitterアイコンセット3選 …

フリーベクター素材集の決定版

ベクター素材を探している。 そんなときにおすすめなのが、『The Ultimate Collection Of Free Vector Packs』。Smashing Magazineによる、フリーベクター素材集の決定版だ。 以下にいくつかご紹介。 ↑のキャプチャはIllus …

無料で使える写真素材サイト10選

無料で使える写真素材を探している。 そんなときにおすすめなのが、『10 Amazing Free Stock Photography Sites』。無料で使える写真素材サイト10選だ。 以下にご紹介。 » Stock Xchng » morgueFil …

無料の背景画像&テクスチャ配布サイト『BackgroundLabs.com』

かっこいい背景画像を使いたい。 そんなあなたにおすすめなのが、『BackgroundLabs.com』。無料の背景画像&テクスチャ配布サイトだ。 このサイトでは、抽象的なものや花を使った背景、ストライプの背景などがたくさん配布されている。 ドメイン名がわかりやすいの …

見ておきたい背景&パターン素材サイト36選

背景やパターン素材を探している。 そんなときにおすすめなのが、『36 Must Have Backgrounds and Patterns Resources for all Designers』。見ておきたい背景&パターン素材サイト36選だ。 » Ba …

デザイナーのためのフリー素材集

アイコンやベクターデータなどの素材を探している。 そんなときにおすすめなのが、『Collection of free resources available for designers to download』。デザイナーのためのフリー素材集だ。 以下にいくつかご紹介。 &r …

ロゴのインスピレーションに使える『Logospire』

ロゴデザインのインスピレーションがほしい。 そんなときにおすすめなのが、『Logospire』。ロゴのインスピレーションに使えるサイトだ。 このサイトでは、たくさんのかっこいいロゴが投稿されている。インターフェースがシンプルで見やすいのがとてもいい。 PopularタブとUp …

Photoshopで描くイラストチュートリアル30選

Photoshopでイラストを描きたい。 そんなあなたにおすすめなのが、『30 Super-Juicy Photoshop Illustration Tutorials』。Photoshopで描くイラストチュートリアル30選だ。 以下にいくつかご紹介。 ↑のキャプチャはHow …

【謹賀新年】あけましておめでとうございます。

あけましておめでとうございます。今年もよろしくお願いいたします。 区切りがいいので書いておきます！Twitterやブログでみんなが新年の挨拶を書いていて書きたくなったのです。 2008年はみなさんにとってどんな年だったでしょうか？僕は抱負を3つ立てて、0.5 / 3くらい叶っ …

Webデザイナー・デベロッパなら読んでおきたいフィード160選

Webデザイナー・デベロッパとして海外の情報をいち早く知っておきたい。 そんなあなたにおすすめなのが、『160+ RSS Feeds For Web-Designers And Developers』。Webデザイナー・デベロッパなら読んでおきたいフィード160選だ。 以下に …

Photoshopのスキルを上げるための10のステップ

Photoshopのスキルを上げたい。 そんなあなたにおすすめなのが、『10 Steps to Improving Your Photoshop Skills』。PSDTUTSによる、Photoshopのスキルを上げるための10のステップだ。 以下にご紹介。 チュートリアルに …

スタイリッシュなフッターデザイン25選

フッターのデザインを凝ったものにしたい。 そんなあなたにおすすめなのが、『25 Stylish Website Footer Designs』。スタイリッシュなフッターデザイン25選だ。 以下にいくつかご紹介。 ↑のキャプチャは# bcandullo.com。 SimpleB …

光をうまく使ったサイトデザイン25選

光や輝きのあるインターフェースデザインがしたい。 そんなときに参考になるなのが、『25 Websites with Lighting Effects』。光をうまく使ったサイトデザイン25選だ。 以下にいくつかご紹介。 ↑のキャプチャはSebcreation。 Vogue Fe …

2008年の有名なPhotoshopチュートリアル100選

Photoshopのチュートリアルを整理しておきたい。 そんなときにおすすめなのが、『The 100 Most Popular Photoshop Tutorials 2008』。2008年の有名なPhotoshopチュートリアル100選だ。 以下にいくつかご紹介。 &raq …

優れたブログデザイン40選

かっこいいブログをデザインしたい。 そんなあなたにおすすめなのが、『40 Excellent Blog Designs』。優れたブログデザイン40選だ。 以下にいくつかご紹介。 ↑のキャプチャはHyper Island。 Malene Hald Freelenz Odds&# …

2008年のベストデザイン素材サイト75選

2008年の素材サイトを整理しておきたい。 そんなときにおすすめなのが、『Top 75 Best Design Resources of 2008』。2008年のベストデザイン素材サイト75選だ。 このエントリーでは、フォント、CSS、ロゴ、アイコン、インスピレーションに使え …

無料でダウンロードして使えるロゴデザイン『Logoinstant.com』

かっこいいロゴを作りたい。 そんなあなたにおすすめなのが、『Logoinstant.com』。無料でダウンロードして使えるロゴデザインだ。 このサイトでは、PSDファイルなどでデザインされたロゴをダウンロードできる。PSDはレイヤーに別れているので、参考にしてデザインすること …

クリスマス用のデザインに使えるPhotoshopチュートリアル60選

クリスマス用のデザインがしたい。 そんなときにおすすめなのが、『60 Beautiful Christmas Photoshop Tutorials』。クリスマス用のデザインに使えるPhotoshopチュートリアル60選だ。 以下にいくつかご紹介。 ↑のキャプチャはThe S …

illustratorのシェイプチュートリアル40選

illustratorをもっと使いこなしたい。 そんなあなたにおすすめなのが、『40 Tutorials for Working with Shapes in Illustrator』。illustratorのシェイプチュートリアル40選だ。 以下にいくつかご紹介。 ↑のキャ …

無彩色が中心のミニマルなWebデザイン集

シンプルなデザインが好きだ。 そんなあなたにおすすめなのが、『35+ Websites with Minimal Color Schemes』。無彩色が中心のミニマルなWebデザイン集だ。 無彩色（白・黒・グレー）の中に、ポイントとして色が使われているのもあって面白い。 以下 …

バッグやTVのかわいいフリーアイコン配布サイト

バッグやTVなどのかわいいアイコンを探している。 そんなときにおすすめなのが、『FreebiesDock.com』。バッグやTVのかわいいフリーアイコン配布サイトだ。 このサイトでは、↑のようなアイコンが無料で配布されている。 ファイルフォーマットは「.ico」「.icns」 …

クールなコメントフォームデザイン36選

かっこいいコメントフォームを作りたい。 そんなときにおすすめなのが、『Interface Design Inspiration – 36 Clean Comment Form designs』。クールなコメントフォームデザイン36選だ。 以下にいくつかご紹介。 そ …

タイポグラフィーデザイン30選

タイポグラフィーが好きだ。 そんなあなたにおすすめなのが、『30 inspiring type treatments』。タイポグラフィーデザイン30選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 30 inspiring type treatmen …

ベクターグラフィックエディタのレビュー20選

便利なグラフィックエディタを探している。 そんなあなたにおすすめなのが、『20 Vector Graphics Editors Reviewed』。Smashing Magazineによる、ベクターグラフィックエディタのレビュー20選だ。 以下にいくつかご紹介。 &raquo …

2008年のベストCSSデザイン集

今年かっこよかったCSSデザインサイトはどんなものだろうか。 そんなときに参考になるのが、『Best of CSS Design 2008』。WebDesignerWallによる、2008年のベストCSSデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはDesign D …

テクスチャを作ってグランジデザインをするPhotoshopチュートリアル

グランジ系のデザインを一から作りたい。 そんなときに参考になるのが、『Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!』。テクスチャを作ってグランジデザインをするPhot …

高解像度のフリーテクスチャ&背景画像60選

デザインに使えるテクスチャを探している。 そんなあなたにおすすめなのが、『60 Impressive Free High Resolution Textures and Backgrounds』。高解像度のフリーテクスチャ&背景画像60選だ。 以下にいくつかご紹介。 …

クリエイティブなヘッダーデザイン24選

かっこいいヘッダーをデザインしたい。 そんなときに参考になるのが、『24 Beautiful and Creative Website Headers』。クリエイティブなヘッダーデザイン24選だ。 以下にいくつかご紹介。 ↑のキャプチャはgiselejaquenod.com. …

無料で使える木や自然のテクスチャ29選

木や自然に関するテクスチャを探している。 そんなときにおすすめなのが、『29 Great Free Textures』。無料で使える木や自然のテクスチャ29選だ。 以下にいくつかご紹介。 その他のリストは以下から。 » 29 Great Free Textures …

無料で使えるPhotoshopブラシ25選

Photoshopのブラシを探している。 そんなときにおすすめなのが、『25 Free Photoshop Brushes』。無料で使えるPhotoshopブラシ25選だ。 以下にいくつかご紹介。 ↑のキャプチャはFractal Brush Pack 02。 BrushPac …

テキストにエフェクトを施すPhotoshopのチュートリアル30選

Photoshopでテキストをデザインしたい。 そんなときに参考になるのが、『30 Awesome Photoshop Text Effects Tutorials』。テキストにエフェクトを施すPhotoshopのチュートリアル30選だ。 以下にいくつかご紹介。 ↑のキャプチ …

刺激的なPhotoshopのデジタルペインティング54選

Photoshopで絵が描きたい。 そんなあなたにおすすめなのが、『54 Mind-blowing Digital Paintings』。PSDTUTSによる、刺激的なPhotoshopのデジタルペインティング54選だ。 このエントリーでは、↑のような絵が54個紹介されている …

無料で使えるクオリティの高いPhotoshopブラシ集

Photoshopのブラシを探している。 そんなあなたにおすすめなのが、『4089+ High Quality Free Photoshop Brushes』。無料で使えるクオリティの高いPhotoshopブラシ集だ。 以下にいくつかご紹介。 ↑のキャプチャは250 Hi R …

1秒単位の統計をビジュアル化したサイト『so_many_a_second』

統計学に興味がある。 そんなあなたにおすすめなのが、『so_many_a_second』。1秒単位の統計をビジュアル化したサイトだ。 このサイトでは、「1秒間にPCが売られている数」や、「1秒単位の車の生産数」などが、クールにビジュアル化されている。 アイコンが上から降ってく …

商用でも無料で使える、渦巻きをモチーフにしたベクターイラスト

illustratorの素材を探している。 そんなあなたにおすすめなのが、『Swirls Vector Illustrations Set』。Smashing Magazineによる、商用でも無料で使える渦巻きをモチーフにしたベクターイラストだ。 このエントリーでは、↑のよう …

モダンCSSにおける黄金比とは？

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 &# …

キャプションのデザイン集

画像などのキャプション（説明）のデザインに困る。 そんなときにおすすめなのが、『Image Caption Design: Simply Elegant or Boldly Graphic?』。 Smashing Magazineによる、キャプションのデザイン集だ。 以下にい …

smashmediaのデザインリニューアル！

smashmediaの河野さんのブログのデザインを担当しました。いやーうれしいですね。デザインは結構前に出来ていたんですが、河野さんが時間がとれたようでついにUP！僕としてはとても思い入れがあります。 「ブログのデザイン変えたいんだけど」っていう話があって、「やりましょう！」 …

写真から人物を消すPhotoshopチュートリアル

Photoshopで写真から人物を消したい。 そんなときに参考になるのが、『They were all in love with life, drinking from a fountain…』。写真から人物を消すPhotoshopチュートリアルだ。 このエントリ …

ロゴをデザインするときに参考にしたいサイトいろいろ

ロゴを作りたい。 そんなときに参考になるのが、『20 Inspirational Resources for Logos and Logotypes – Get Creative!』。ロゴをデザインするときに参考にしたいサイトいろいろだ。 このエントリーでは、ロゴ …

ダークカラーの美しいWebデザイン集

ダークカラーのサイトを作りたい。 そんなときに参考になるのが、『50 Beautifully Dark Web Designs』。ダークカラーの美しいWebデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはStarbucks Coffee At Home。 Ordere …

クールなコメントフォームのデザインいろいろ

コメントフォームをデザインしたい。 そんなときに参考になるのが、『37 Ways to Design the Comments Form』。クールなコメントフォームのデザインいろいろだ。 以下にいくつかご紹介。 ↑のキャプチャはKISSmetrics。 Elitist Sno …

無料で使える高解像度のPhotoshopブラシセット

Photoshopのブラシを探している。 そんなときにおすすめなのが、『 1000+ Free High Resolution Photoshop Brush Sets』。無料で使える高解像度のPhotoshopブラシセットだ。 以下にいくつかご紹介。 その他のリストは以下か …

素晴らしい写真家のポートフォリオサイト集

写真をフィーチャーしたサイトが作りたい。 そんなときに参考になるのが、『25 of the Best Photographer Portfolio Websites』。素晴らしい写真家のポートフォリオサイト集だ。 以下にいくつかご紹介。 ↑のキャプチャはEric Ryan A …

Photoshopでリングノートをデザインするチュートリアル

これはメモ。 リングノートをデザインしたいときには、このエントリーが便利。 『Create a Custom Mac OSX Style Ring Binder Address Book Icon』。Photoshopでリングノート（正確にはリングバインダーのアドレスブック） …

装飾系デザインのタイポグラフィー集

文字を幻想的にデザインしたい。 そんなときにおすすめなのが、『Fantastic Frilly Bits Typography Inspiration』。装飾系デザインのタイポグラフィー集だ。 以下にいくつかご紹介。 ↑のキャプチャはLee25。 Lee25 Nick Kep …

グランジ系のデザインをするためのPhotoshopチュートリアル集

Photoshopでグランジ系のデザインがしたい。 そんなときにおすすめなのが、『50 Dirty, Filthy Grunge Photoshop Effects』。グランジ系のデザインをするためのPhotoshopチュートリアル集だ。 以下にいくつかご紹介。 ↑のキャプチ …

商用でも無料で使える金融&アプリアイコンセット

ECやお金に関するアイコンを探している。 そんなときにおすすめなのが、『Finance and Applications: A Free Icon Set』。SmashingMagazineによる、商用でも無料で使える金融&アプリアイコンセットだ。 このエントリーで …

青をメインカラーにしたかっこいいサイト集

青がメインのサイトを作りたい。 そんなときにおすすめなのが、『30 Beautifully Blue Web Designs』。青をメインカラーにしたかっこいいサイト集だ。 以下にいくつかご紹介。 ↑のキャプチャはMollom。 Icebrrg StrawPoll Vimeo …

素晴らしいロゴをデザインするための45の法則

ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外す …

花や葉のPhotoshopブラシ集

花や葉をブラシで描きたい。 そんなときにおすすめなのが、『400+ Floral Brushes for Photoshop』。花や葉のPhotoshopブラシ集だ。 以下にいくつかご紹介。 ↑のキャプチャはFloral Brushes。 Floral Swirl Sudde …

クリエイティブなヘッダデザイン集

ヘッダをデザインしたい。 そんなときに参考になるのが、『30 Creative Website Headers』。クリエイティブなヘッダデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはNotreDame-Faches.fr。 Springtime in Tenness …

木・紙・砂・キャンバスなどのフリー素材集

木や紙のテクスチャを探している。 そんなあなたにおすすめなのが、『60+ Free Textures from SXC.hu』。木・紙・砂・キャンバスなどのフリー素材集だ。 このエントリーでは、sxc.huから無料で使えるテクスチャが60以上紹介されている。 以下にいくつかご …

無料で使える紙の素材集

紙のテクスチャをデザインに使いたい。 そんなあなたにおすすめなのが、『Free High Resolution Plain and Grunge Paper Textures』。無料で使える紙の素材集だ。 このエントリーでは、↑のような紙の素材が10種類配布されている。200 …

かっこいい履歴書デザイン集

ドキュメントもセンスがあるものにしたい。 そんなあなたにおすすめなのが、『38 More Beautiful Resume Ideas That Work』。かっこいい履歴書デザイン集だ。 このエントリーでは、↑のようにデザインされた履歴書が38個紹介されている。 文字が基本 …

無料で使えるかわいいアイコンセット『Practika』

かわいいアイコンを探している。 そんなあなたにおすすめなのが、『Practika』。Smashing Magazineによる、無料で使えるかわいいアイコンセットだ。 このエントリーでは、↑のようなかわいいアイコンが11個配布されている。サイトからダウンロードが可能だ。 You …

Photoshopでグランジデザインをするためのチュートリアル

グランジ系のデザインがしたい。 そんなときにおすすめなのが、『How to Create a Grunge Web Design in Photoshop』。PSDTUTSによる、Photoshopでグランジデザインをするためのチュートリアルだ。 このエントリーでは、パーツご …

光を表現するPhotoshopブラシ14選

Photoshopのブラシで光を描きたい。 そんなときにおすすめなのが、『14 Great Abstract Photoshop Brushes for Light Effects』。光を表現するPhotoshopブラシ14選だ。 以下にいくつかご紹介。 ↑のキャプチャはEd …

ミニマルなWebデザイン集

ミニマルなデザインを参考にしたい。 そんなときにおすすめなのが、『25 Beautiful Minimalistic Website Designs – Part 4』。ミニマルなWebデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはJaboh。 Erwi …

大きい背景画像を使ったサイトデザイン80選

背景に大きい画像を大胆に使いたい。 そんなときにおすすめなのが、『80 Large Background Websites』。大きい背景画像を使ったサイトデザイン80選だ。 以下にいくつかご紹介。 ↑のキャプチャはMy Kid Took These。 BHeurosong T …

illustratorを使うときに参考になるサイトいろいろ

illustratorのチュートリアルや素材サイトをストックしておきたい。 そんなあなたにおすすめなのが、『Huge Collection of Adobe Illustrator Resources』。illustratorを使うときに参考になるサイトいろいろだ。 以下にい …

Photoshopでモックアップを作るためのTips10選

Photoshopでサイトのモックアップが作りたい。 そんなときにおすすめなのが、『10 Tips For Creating Website Mockups In Photoshop』。Photoshopでモックアップを作るためのTips10選だ。 以下にいくつかご紹介。 フ …

使えるillustratorのチュートリアル集

illustratorの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials』。使えるillustratorのチュートリアル集だ。 以下にいくつかご紹介。 ↑のキャプチャはGreen Type Treatment。 Wood …

クライアントを刺激する管理画面のインターフェース10選

バックエンドの管理画面のインターフェースをかっこよくしたい。 そんなときにおすすめなのが、『10 inspiring admin interfaces』。クライアントを刺激する管理画面のインターフェース10選だ。 以下にいくつかご紹介。 ↑のキャプチャは、AIGA CMS。 …

海外のかっこいいブログデザイン100選

かっこいいブログをデザインしたい。 そんなあなたにおすすめなのが、『100 Nice and Beautiful Blog Design 』。海外のかっこいいブログデザイン100選だ。 以下にいくつかご紹介。 ↑のキャプチャはArtypapers – An Exp …

Photoshopでベクタースタイルのイラストを描く方法

Photoshopでイラストが描きたい。 そんなあなたにおすすめなのが、『Create a Vector Style Illustration in Photoshop』。Photoshopでベクタースタイルのイラストを描く方法だ。 このエントリーでは、人物の写真から、パスを …

商用でも無料で使えるグランジテクスチャ300選

商用でも無料で使える素材を探している。 そんなあなたにおすすめなのが、『300+ Free Hi-Res grunge textures you’ve never seen before!』。商用でも無料で使えるグランジテクスチャ300選だ。 このエントリーでは、 …

背景に使えるパターン&テクスチャ13選

背景に使えるパターンやテクスチャを探している。 そんなあなたにおすすめなのが、『13 Sources for Background Patterns and Textures』。背景に使えるパターン&テクスチャ13選だ。 以下にご紹介。 » BgPatt …

Photoshopをより使いこなすためのチュートリアル30選

Photoshopをもっと使いこなしたい。 そんなあなたにおすすめなのが、『30 Tutorials That Will Teach You Photoshop』。Photoshopをより使いこなすためのチュートリアル30選だ。 以下にいくつかご紹介。 » 大きい …

とてもカラフルな色使いのコマーシャルデザイナー20人

カラフルな色使いをデザインの参考にしたい。 そんなあなたにおすすめなのが、『20 Stunningly Colorful Commercial Designers』。とてもカラフルな色使いのコマーシャルデザイナー20人だ。 以下に作品をいくつかご紹介。 ↑のキャプチャはwww …

きらめく光のPhotoshopブラシ200選

光や輝きを表現するブラシを使いたい。 そんなときにおすすめなのが、『200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter』。きらめく光のPhotoshopブラシ200選だ。 以下にいくつかご紹介。 ↑のキャ …

素晴らしいPhotoshopのチュートリアル集『Awesome Photoshop Tutorials』

Photoshopのテクニックを身につけたい。 そんなあなたにおすすめなのが、『Awesome Photoshop Tutorials』。素晴らしいPhotoshopのチュートリアル集だ。 以下にいくつかご紹介。 » Interface Orbs 　WEBのインタ …

illustratorで飾りのある渦巻きを描くチュートリアル『Design with Swirls and Flourishes』

illustratorで流線型のデザインがしたい。 そんなあなたにおすすめなのが、『Design with Swirls and Flourishes』。illustratorで飾りのある渦巻きを描くチュートリアルだ。 このエントリーでは、ステップに分けて↑のようなグラフィッ …

オリジナルのサイトをデザインするためのPhotoshopチュートリアル60選『The 60 Best Photoshop Tutorials to Design Your Own Amazing Site』

Photoshopでオリジナルのデザインがしたい。 そんなときに参考になるのが、『The 60 Best Photoshop Tutorials to Design Your Own Amazing Site』。オリジナルのサイトをデザインするためのPhotoshopチュート …

時間を節約してくれるPhotoshopのアクション400選『400+ Time Saving Photoshop Actions』

Photoshopのアクションをばんばん使いたい。 そんなあなたにおすすめなのが、『400+ Time Saving Photoshop Actions』。時間を節約してくれるPhotoshopのアクション400選だ。 以下にご紹介。 ↑は8 Photography Acti …

かわいいロイヤリティーフリーアイコン20選『20 + Sets of Free Royalty Free Icons』

ロイヤリティーフリーのアイコンを探している。 そんなあなたにおすすめなのが、『20 + Sets of Free Royalty Free Icons』。かわいいロイヤリティーフリーアイコン20選だ。 以下にいくつかご紹介。 ↑はXi4Dox。 Flat Panel Moni …

Linuxデスクトップのためのアイコンセット10選『10 icons sets to customize your GNU/Linux desktop』

Linuxデスクトップでアイコンを使いたい。 そんなあなたにおすすめなのが、『10 icons sets to customize your GNU/Linux desktop』。Linuxデスクトップのためのアイコンセット10選だ。 以下にいくつかご紹介。 ↑のキャプチャは …

水彩画のような美しいブラシ&テクスチャ200選『Watercolor Roundup: 200+ Beautiful Brushes and Textures』

水彩画のようなブラシやテクスチャが使いたい。 そんなときにおすすめなのが、『Watercolor Roundup: 200+ Beautiful Brushes and Textures』。水彩画のような美しいブラシ&テクスチャ200選だ。 以下にいくつかご紹介。 …

デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』

フリーアイコンを探している。 そんなあなたにおすすめなのが、『96 of the Best Ever Free Icon Sets』。デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選だ。 以下にいくつかご紹介。 Sweetie – Web Com …

illustratorで綺麗なラインのイラストを描く方法『Illustrator Make with Mesh』

illustratorで綺麗なラインが描きたい。 そんなときにおすすめなのが、『Illustrator Make with Mesh』。illustratorで綺麗なラインのイラストを描く方法だ。 このエントリーでは、↑のようなイラストを描く方法が紹介されている。 4本のライ …

似ている企業ロゴ特集『When logos look alike』

ロゴをデザインしたい。 そんなときに参考になるのが、『When logos look alike』。似ている企業ロゴ特集だ。 以下にいくつかご紹介。 その他のリストは以下から。 » When logos look alike 似ている企業ロゴ特集、チェックしてぜひ …

無料で使える人のブラシセット & ベクター画像55選『55 Free Human Brush Sets And Vector Images – Giant Design Pack』

人のシルエットや画像などを使いたい。 そんなときにおすすめなのが、『55 Free Human Brush Sets And Vector Images – Giant Design Pack』。無料で使える人のブラシセット & ベクター画像55選だ。 …

クオリティの高いパターン400選『400+ High Quality Patterns』

かわいいパターンを探している。 そんなあなたにおすすめなのが、『400+ High Quality Patterns』。クオリティの高いパターン400選だ。 以下にいくつかご紹介。 ↑のキャプチャはFloral Pattern。 Dusty Florals Patterns …

illustratorのショートカット集『Adobe Illustrator Shortcuts』

illustratorのショートカットが知りたい。 そんなあなたにおすすめなのが、『Adobe Illustrator Shortcuts』。illustratorのショートカット集だ。 以下にいくつかご紹介。 ・ルーラを右クリックして単位を変えられる ・ツールを選択した状態 …

無料で使える自然界のブラシセット64選『64 Beautiful And Free Nature Brush Sets And Vectors – Giant Design Pac』

雲や草木などのブラシを使いたい。 そんなときにおすすめなのが、『64 Beautiful And Free Nature Brush Sets And Vectors – Giant Design Pac』。無料で使える自然界のブラシセット64選だ。 以下にいくつ …

illustratorのチュートリアル&Tips60選『60+ Illustrator Tutorials, Tips and Best Practices』

illustratorの腕を上げたい。 そんなあなたにおすすめなのが、『60+ Illustrator Tutorials, Tips and Best Practices』 。illustratorのチュートリアル&Tips60選だ。 以下にいくつかご紹介。 &r …

PhotoshopのチュートリアルサイトTOP10『Top 10 Photoshop Tutorial Websites』

Photoshopのチュートリアルが見たい。 そんなときにおすすめなのが、『Top 10 Photoshop Tutorial Websites』。PhotoshopのチュートリアルサイトTOP10だ。 以下にご紹介。 » PS Hero » PSD …

テクスチャ&パターンデザインサイト集『Textures and Patterns Design Showcase』

テクスチャやパターンが綺麗なサイトをデザインの参考にしたい。 そんなあなたにおすすめなのが、『Textures and Patterns Design Showcase』。テクスチャ&パターンデザインサイト集だ。 以下にいくつかご紹介。 » BgPatt …

Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』

Ajaxのローディング画像を探している。 そんなあなたにおすすめなのが、『120+ Free Ajax Activity Indicator Gif Icons』。Ajaxのローディング時に使えるフリーGIFアイコン集だ。 このエントリーでは、Ajaxのローディング時に使える …

無料で使える素晴らしい紙の背景&テクスチャ30選『30 Great Free Paper Backgrounds and Textures』

紙のテクスチャ探している。 そんなあなたにおすすめなのが、『30 Great Free Paper Backgrounds and Textures』。無料で使える素晴らしい紙の背景&テクスチャ30選だ。 以下にいくつかご紹介。 その他のリストは以下から。 &raq …

無料で使えるかわいいアイコンセット55選『55 Free High Quality Icon Sets』

かわいいアイコンを探している。 そんなあなたにおすすめなのが、『55 Free High Quality Icon Sets』。無料で使えるかわいいアイコンセット55選だ。 以下にいくつかご紹介。 » Concept Icons .08 　256×256pxでPN …

コンセプトアーティストJesse van Dijkのポートフォリオサイト『Portfolio of Jesse van Dijk』

アーティスティックな作品に触れたい。 そんなあなたにおすすめなのが、『Portfolio of Jesse van Dijk』。コンセプトアーティストJesse van Dijkのポートフォリオサイトだ。 このサイトでは、コンセプトアーティストかつプロダクトデザイナーであるJ …

アーティスティックなWebサイト25選『25 Incredibly Artistic Websites – Part II』

アートなデザインが好きだ。 そんなあなたにおすすめなのが、『25 Incredibly Artistic Websites – Part II』。アーティスティックなWebサイト25選だ。 以下にいくつかご紹介。 ↑のキャプチャはBasmati Tree。 Mit …

クオリティの高いPhotoshopブラシ75選『75 Insane High Res Photoshop Brushes』

Photoshopのブラシを探している。 そんなあなたにおすすめなのが、『75 Insane High Res Photoshop Brushes』。クオリティの高いPhotoshopブラシ75選だ。 以下にいくつかご紹介。 » Flowers n’ …

商用でも無料で使えるパターンギャラリーサイト『DinPattern』

かっこいいパターンを探している。 そんなあなたにおすすめなのが、『DinPattern』。商用でも無料で使えるパターンギャラリーサイトだ。 『DinPattern』では、↑のようなパターンがたくさん紹介されている。 All patterns available here ar …

素晴らしいPhotoshopのテキストエフェクトチュートリアル22選『22 Best Photoshop Text Effect Tutorials』

Photoshopでテキストをかっこよくデザインしたい。 そんなあなたにおすすめなのが、『22 Best Photoshop Text Effect Tutorials』。素晴らしいPhotoshopのテキストエフェクトチュートリアル22選だ。 以下にいくつかご紹介。 &ra …

素晴らしいPhotoshopのテキストエフェクト15選『15 Amazing Photoshop Text Effects』

かっこいいテキストをデザインしたい。 そんなときにおすすめなのが、『15 Amazing Photoshop Text Effects』。素晴らしいPhotoshopのテキストエフェクト15選だ。 以下にいくつかご紹介。 » 3D Pixel Text 　3Dにツ …

アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』

アイコンをデザインしたい。 そんなあなたにおすすめなのが、『Want to be an Icon Designer? 15 Amazing Photoshop Icon Tutorials.』。アイコンデザイナーになりたい人のためのPhotoshopチュートリアル15選だ。 …

無料で使えるとてもかわいいベクターアイコンセット『Milky』

かわいいアイコンを探している。 そんなあなたにおすすめなのが、『Milky』。無料で使えるとてもかわいいベクターアイコンセットだ。 『Milky』は、↑のようにとてもかわいいアイコン集。先日紹介したBright!の続編のようだ。 You can use Milky for p …

素晴らしいPhotoshopのチュートリアル25選『25 More Most Incredible Photoshop Tutorials』

Photoshopのチュートリアルを参考にしたい。 そんなあなたにおすすめなのが、『25 More Most Incredible Photoshop Tutorials』。素晴らしいPhotoshopのチュートリアル25選だ。 このエントリーでは、Photoshopの魅力的 …

商用でも無料で使えるベクターアイコンセット『Bright! – a free icon set』

商用でも使えるクールなアイコンを探している。 そんなあなたにおすすめなのが、『Bright! – a free icon set』。商用でも無料で使えるベクターアイコンセットだ。 このエントリーでは、↑のようなクールなアイコンが48個配布されている。hand-cr …

最も見られているPhotoshopチュートリアルランキング『Most Viewed Photoshop Tutorials』

Photoshopのチュートリアルを見てかっこいいテクニックを使いたい。 そんなあなたにおすすめなのが、『Most Viewed Photoshop Tutorials』。最も見られているPhotoshopチュートリアルランキングだ。 このエントリーでは、以下のようなPhot …

Photoshopの代わりになる無料のWebサービス10選『10 Free Web-based Alternatives to Photoshop』

Webサービスでさくっと画像編集がしたい。 そんなあなたにおすすめなのが、『10 Free Web-based Alternatives to Photoshop』。Photoshopの代わりになる無料のWebサービス10選だ。 以下にご紹介。 » Picnik …

無料で使える素晴らしいアイコン集『Best of the Best Free Icons』

かわいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Best of the Best Free Icons』。無料で使える素晴らしいアイコン集だ。 以下にいくつかご紹介。 » Monofactor Icon Set 1 　クオリティの高い25個のアイコン …

クオリティの高いPhotoshopブラシ集『High Quality Photoshop Brushes, Resources and Tutorials』

Photoshopでかっこいいブラシを使いたい。 そんなあなたにおすすめなのが、『High Quality Photoshop Brushes, Resources and Tutorials』。クオリティの高いPhotoshopブラシ集だ。 以下にいくつかご紹介。 ↑のキャ …

無料で手に入るPhotoshopのPSDグラフィック集『Free PSD Graphics』

PSDファイルを見てデザインの参考にしたい。 そんなときにおすすめなのが、『Free PSD Graphics』。無料で手に入るPhotoshopのPSDグラフィック集だ。 このサイトでは、↑のようなデザインされたファイルがPSDで配布されている。 アイコンやロゴ、パターンな …

手書きデザインのWebサイト26選『26 Hand Drawn Websites』

手書きのデザインが好きだ。 そんなあなたにおすすめなのが、『26 Hand Drawn Websites』。手書きデザインのWebサイト26選だ。 以下にいくつかご紹介。 ↑はkevadamson。 melkadel heathersloane kinetic jcbsong …

このフォントは何のフォント？をあてるゲーム『The Rather Difficult Font Game』

フォントの勉強がしたい。 そんなあなたにおすすめなのが、『The Rather Difficult Font Game』。このフォントは何のフォント？をあてるゲームだ。 このサイトでは、表示されたフォントが何のフォントかを当てていくことができる。 ざっくりとセリフ体とサンセリ …

革新的でプロフェッショナルなWebサイト49選『49 Professional and Innovative Websites』

かっこいいサイトを探している。 そんなあなたにおすすめなのが、『49 Professional and Innovative Websites』。革新的でプロフェッショナルなWebサイト49選だ。 以下にいくつかご紹介。 ↑はIMMOMENT OUTLINE2DESIGN S …

賞金を得られるデザインコンテスト『99designs』

自分のデザイン力を試してみたい。 そんなあなたにおすすめなのが、『99designs』。賞金を得られるデザインコンテストだ。 『99designs』では、SEO会社のロゴとカラーパレットを作ってほしい、とか、名刺をデザインしてほしい、といったようなオファーがあり、それに対して …

オンラインショップのための無料で使えるクレジットカードアイコン集『Free Credit Card Icons For Online-Shops』

クレジットカードのアイコンを使いたい。 そんなあなたにおすすめなのが、『Free Credit Card Icons For Online-Shops』。オンラインショップのための無料で使えるクレジットカードアイコン集だ。 以下にご紹介。 » PayPal Onl …

無料で使えるかわいいアイコン集『icojoy』

無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『icojoy』。無料で使えるかわいいアイコン集だ。 『icojoy』では、↑のようなかわいいアイコンが無料で配布されている。 These icons are free to use in any kind o …

ブログをデザインするときに参考にしたいサンプル集『How to Blog Design Style Guide』

ブログをいいデザインにしたい。 そんなときにおすすめなのが、『How to Blog Design Style Guide』。ブログをデザインするときに参考にしたいサンプル集だ。 このエントリーでは、以下のカテゴリにわけてたくさんのデザインサンプルが紹介されている。 ・ヘッダ …

無料で使えるオープンソースのベクターアート集『Open Source Vector Art』

かっこいいベクターデータを探している。 そんなあなたにおすすめなのが、『Open Source Vector Art』。無料で使えるオープンソースのベクターアート集だ。 このサイトでは、↑のようなデザインがEPS、AIといったillustratorのベクターデータで配布されて …

かっこいいモダンなフッタデザイン集『Footers In Modern Web Design: Creative Examples and Ideas』

フッタをかっこよくデザインしたい。 そんなあなたにおすすめなのが、『Footers In Modern Web Design: Creative Examples and Ideas』。かっこいいモダンなフッタデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはYoDiv …

Webデザイナーなら見ておきたいコメントデザイン30選『30 Must See Comment Designs for Web Designers』

コメントのデザインをチェックしておきたい。 そんなあなたにおすすめなのが、『30 Must See Comment Designs for Web Designers』。Webデザイナーなら見ておきたいコメントデザイン30選だ。 以下にいくつかご紹介。 ↑のキャプチャはTho …

デザインのインスピレーションに使えるCGMサイト12選『12 Best User Generated Sites For Inspiration』

デザインの発想がほしい。 そんなあなたにおすすめなのが、『12 Best User Generated Sites For Inspiration』。デザインのインスピレーションに使えるCGMサイト12選だ。 以下にご紹介。 » Flickr 　写真をアップして共 …

写真にエフェクトを加えるPhotoshopチュートリアル100選『100 wonderful photo effects Photoshop tutorials』

Photoshopのチュートリアルを探している。 そんなあなたにおすすめなのが、『100 wonderful photo effects Photoshop tutorials』。写真にエフェクトを加えるPhotoshopチュートリアル100選だ。 このエントリーでは、以下の …

日本のクリエイティブなバーコード集『Japanese Creative Barcodes』

クリエイティブなアイディアを探している。 そんなあなたにおすすめなのが、『Japanese Creative Barcodes』。日本のクリエイティブなバーコード集だ。 このエントリーでは、↑のようにデザインされたバーコードがたくさん紹介されている。 バーコードでもここまでデ …

素晴らしいPhotoshopのビデオチュートリアル集『Adobe Photoshop Video Tutorials – Best Of』

Photoshopの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Photoshop Video Tutorials – Best Of』。素晴らしいPhotoshopのビデオチュートリアル集だ。 このエントリーでは、以下のカテゴリーに分けて、たくさ …

無料で使えるベクターマップ&世界のアウトライン集『Free Vector Maps and Country Outlines』

地図のベクターデータがほしい。 そんなあなたにおすすめなのが、『Free Vector Maps and Country Outlines』。無料で使えるベクターマップ&世界のアウトライン集だ。 以下にご紹介。 » vector world map 　緯 …

Photoshopで写真を一瞬でセピア色にする方法『How to turn the color into sepia』

写真を簡単にセピア色にしたい。 そんなときにおすすめなのが、『How to turn the color into sepia』。Photoshopで写真を一瞬でセピア色にする方法です。機会があったのでエントリーとして残しておきます。 元画像は↓。 画像のレイヤーを選択し、「 …

かなり使えるPhotoshopのチュートリアルサイト『PSHERO』

Photoshopの腕を上げたい。 そんなあなたにおすすめなのが、『PSHERO』。かなり使えるPhotoshopのチュートリアルサイトだ。 『PSHERO』では、とても魅力的なチュートリアルがたくさん紹介されている。 ↑は古びた封筒をデザインする方法と、写実的な水面の反射を …

PhotoshopでWeb2.0風のフッタを作成するチュートリアル『How to Create a Simple & Sleek Web 2.0 Site Footer』

かっこいいフッタをデザインしたい。 そんなあなたにおすすめなのが、『How to Create a Simple & Sleek Web 2.0 Site Footer』。PSDTUTSによる、PhotoshopでWeb2.0風のフッタを作成するチュートリアルだ。 …

無料で使えるブログヘッダ画像集『Blog Headers For Free Download』

ブログのヘッダ画像にかっこいいものを選びたい。 そんなあなたにおすすめなのが、『Blog Headers For Free Download』。Smashing Magazineによる、無料で使えるブログヘッダ画像集だ。 以下にいくつかご紹介。 WordPressやMovab …

商用でも無料で使えるアイコン400選『PI Diagona Pack』

商用でも無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『PI Diagona Pack』。商用でも無料で使えるアイコン400選だ。 このエントリーでは、10x10pxと16x16pxのアイコンが200個ずつ、合計400個提供されている。 The icons …

無料で使えるかなりかっこいいアイコン35選『35 (Really) Incredible Free Icon Sets』

無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『35 (Really) Incredible Free Icon Sets』。Smashing Magazineによる、無料で使えるかなりかっこいいアイコン35選だ。 以下にいくつかご紹介。 Webサイトのナ …

illustratorでぎざぎざな感じを表現する方法『How to make an object indented using illustrator』

「Calorie Note」のデザイン修正を前からやろうと思っていて、時間ができたのでぐおーーとやっちゃいました。 ↑のようになりましたw。 文字を手書き風の文字にして、手作り感を出してみました。 あと前からやりたかったぎざぎざな感じを、フッタのところで工夫して作ったので、作 …

デザイナーなら持っておきたいフォント30選『30 Fonts That ALL Designers Must Own』

デザインにかっこいいフォントを選びたい。 そんなあなたにおすすめなのが、『30 Fonts That ALL Designers Must Own』。デザイナーなら持っておきたいフォント30選だ。 このエントリーでは、セリフ体（ひげあり）とサンセリフ体（ひげなし）の2種類に分 …

Photoshopで素早くグランジ系のポスターを作成するチュートリアル『Quick Grungy Poster』

Photoshopで汚れた感じを表現したい。 そんなあなたにおすすめなのが、『Quick Grungy Poster』。Photoshopで素早くグランジ系のポスターを作成するチュートリアルだ。 このエントリーでは、Photoshopで汚れた感じを表現する方法が紹介されている …

無料で使える超クールなベクターアイコン25選『Vector Icon Set 1 – Containing 25 Icons』

かっこいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Vector Icon Set 1 – Containing 25 Icons』。無料で使える超クールなベクターアイコン25選だ。 このエントリーでは、とてもクールなアイコンがillustrator形 …

かっこいいナビゲーションメニュー集『Navigation Menus: Trends and Examples』

ナビゲーションメニューをかっこいいものにしたい。 そんなあなたにおすすめなのが、『Navigation Menus: Trends and Examples』。Smashing Magazineによる、かっこいいナビゲーションメニュー集だ。 このエントリーでは、以下のカテゴリ …

illustratorの使えるTips、テクニック、チュートリアルサイト『vectips』

illustratorがうまくなりたい。 そんなあなたにおすすめなのが、『vectips』。illustratorの使えるTips、テクニック、チュートリアルサイトだ。 このサイトでは、以下のような「テキストにグランジエフェクトをかける方法」や、「illustratorでシャ …

グラフィックデザインポスターランキング『Winners of the What is Graphic design poster competition』

グラフィックデザインに興味がある。 そんなあなたにおすすめなのが、『Winners of the What is Graphic design poster competition』。veerle’s blogによる、グラフィックデザインポスターランキングだ。 こ …

グリッド&カラムデザインに優れたサイト特集『Grid and Column Designs』

グリッドレイアウトの勉強がしたい。 そんなあなたにおすすめなのが、『Grid and Column Designs』。WebDesignerWallによる、グリッド&カラムデザインに優れたサイト特集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの優れたデ …

会社のロゴをWeb2.0風にしてみた『Corporate logos with the Web2.0 stylr』

ロゴを新しくデザインしたい。 そんなときにおすすめなのが、『Corporate logos with the Web2.0 stylr』。会社のロゴをWeb2.0風にしてみたサイトだ。 このサイトでは、たくさんの会社のロゴがWeb2.0スタイルで紹介されている。 以下にいくつ …

綺麗な色使いのデザイナーポートフォリオ『MATO ATOM』

デザインの刺激を受けたい。 そんなあなたにおすすめなのが、『MATO ATOM』。綺麗な色使いのデザイナーポートフォリオサイトだ。 『MATO ATOM』は、デザインディレクション、およびデザインワークをするMATO ATOMの作品集。 たくさんのイラストが公開されている。 …

洗練されたデザインサイトを紹介する『Konigi』

優れたデザインサイトが見たい。 そんなあなたにおすすめなのが、『Konigi』。洗練されたデザインサイトを紹介するサイトだ。 『Konigi』では、たくさんのかっこいいデザインサイトが紹介されている。 このサイト自体、インターフェースがすっきりしていてかっこいいし、ロゴもかっ …

デザイン会社のクールなポートフォリオインターフェース『WHITEvoid』

かっこいいインターフェースが作りたい。 そんなときに参考になるのが、『WHITEvoid』。デザイン会社のクールなポートフォリオインターフェースだ。 このサイトは、コンテンツの現れ方や表示のされ方がかなりかっこいい。zoom inしたときにほかの部分にぼかしが入るのも気が利い …

独特の世界観のイラストが紹介されている『eyeport』

独特の世界観のあるものが見たい。 そんなあなたにおすすめなのが、『eyeport』。独特の世界観のイラストが紹介されているサイトだ。 『eyeport』では、↑のようなかわいらしい世界観のあるデザインがたくさん紹介されている。 見ていてとても楽しいし刺激になる。 こういったデ …

Photoshopのビデオチュートリアルサイト20選『20+ Photoshop Video Tutorials』

Photoshopの腕を上げたい。 そんなあなたにおすすめなのが、『20+ Photoshop Video Tutorials』。Photoshopのビデオチュートリアルサイト20選だ。 以下にいくつかご紹介。 » Adobe Video Workshop 　Ad …

素晴らしいillustratorのチュートリアル集『Adobe Illustrator Tutorials – Best Of』

illustratorをチュートリアルで勉強したい。 そんなあなたにおすすめなのが、『Adobe Illustrator Tutorials – Best Of』。素晴らしいillustratorのチュートリアル集だ。 以下にいくつかご紹介。 » Cr …

かなり使えるillustratorのチュートリアル集『Illustrator Tutorials』

illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『Illustrator Tutorials』。かなり使えるillustratorのチュートリアル集だ。 このエントリーには、illustratorのチュートリアルが満載。 基本的なことから応用的なこと …

クオリティの高いフリーアイコン5978選『5978 High Quality Icons for Web, Apps & RSS』

かっこいいアイコンを探している。 そんなあなたにおすすめなのが、『5978 High Quality Icons for Web, Apps & RSS』。クオリティの高いフリーアイコン5978選だ。 このエントリーでは、たくさんのフリーアイコンが紹介されている。 …

ユーザビリティとインターフェースデザインに役立つ本10選『10 Usability and Interface Design Books』

ユーザビリティとインターフェースデザインについて知識を深めたい。 そんなあなたにおすすめなのが、『10 Usability and Interaction Design Books』。smashingmagazineによる、ユーザビリティとインターフェースデザインに役立つ本1 …

Photoshopで幻想的な夜空と虹を描くチュートリアル『Creating A Fantastic Fantasy Night Sky In Photoshop』

Photoshopで綺麗な夜空を描いてみたい。 そんなあなたにおすすめなのが、『Creating A Fantastic Fantasy Night Sky In Photoshop』。Photoshopで幻想的な夜空と虹を描くチュートリアルだ。 雲とグラデーションをPhot …

写真に古びたエフェクトをかけるPhotoshopチュートリアル『Photoshop vintage effect』

写真にヴィンテージなエフェクトをかけたい。 そんなあなたにおすすめなのが、『Photoshop vintage effect』。写真に古びたエフェクトをかけるPhotoshopチュートリアルだ。 コントラストを調整後、トーンカーブで「レッド・グリーン・ブルー」をそれぞれ調整、 …

無料で使えるPNGアイコン&アイコンパック『iconspedia』

かわいいアイコンを探している。 そんなあなたにおすすめなのが、『iconspedia』。無料で使えるPNGアイコン&アイコンパックだ。 『iconspedia』では、とてもかわいいアイコンがたくさん配布されている。 「クレジットカード」や、「PlayStation …

シンプルで素晴らしいデザインのWebサイト25選『25 Beautiful, Minimalistic Website Designs – Part 2』

美しいデザインのサイトを探している。 そんなあなたにおすすめなのが、『25 Beautiful, Minimalistic Website Designs – Part 2』。シンプルでデザインのWebサイト25選だ。 以下にいくつかご紹介。 » CS …

Webデザインギャラリーサイトの機能を比較した『The Great Website Design Gallery Roundup』

たくさんあるWebデザインギャラリーサイトの中から使いやすいものを選びたい。 そんなあなたにおすすめなのが、『The Great Website Design Gallery Roundup』。Webデザインギャラリーサイトの機能を比較したサイトだ。 このサイトでは、以下のよ …

ギャラリーで魅せる超クールなブランドサイト『Soia & Kyo』

かっこいいサイトを探している。 そんなあなたにおすすめなのが、『Soia & Kyo』。ギャラリーで魅せる超クールなブランドサイトだ。 『Soia & Kyo』は、アパレルのブランドサイト。モデルが奥から前に入れ替わるインターフェースをとっている。しかも音 …

Webデザイナーのためのフリーソフト集『Freeware Software for Web Designers』

便利なフリーソフトを探している。 そんなあなたにおすすめなのが、『Freeware Software for Web Designers』。Webデザイナーのためのフリーソフト集だ。 以下にいくつかご紹介。 » FastStone Image Viewer 　速く …

ユーザビリティの高いフッタデザイン15選『Geek Trends: 15 Footers with great usability』

フッタのデザインがしたい。 そんなあなたにおすすめなのが、『Geek Trends: 15 Footers with great usability』。ユーザビリティの高いフッタデザイン15選だ。 以下にご紹介。 » Department of Spanish a …

Webタイポグラフィーに優れたサイト15選『15 Great Examples of Web Typography』

タイポグラフィーデザインが好きだ。 そんなあなたにおすすめなのが、『15 Great Examples of Web Typography』。Webタイポグラフィーに優れたサイト15選だ。 このエントリーでは、ロゴのフォントの使い方や空白の使い方など、タイポグラフィーに焦点を …

無料で使えるPhotoshopブラシ12選『Brushes』

Photoshopのブラシを探している。 そんなあなたにおすすめなのが、『Brushes』。無料で使えるPhotoshopブラシ12選だ。 リンク先はおなじみのdevianArtのものが多いが、「These brushes are FREE for personal and …

Photoshopでロックな電光ビームを描くチュートリアル『Electrifying Energy Beams』

Photoshopで電光ビームが描きたい。 そんなあなたにおすすめなのが、『Electrifying Energy Beams』。Photoshopでロックな電光ビームを描くチュートリアルだ。 ブラシでラインを描いてグローをかけて、という風に、細かく説明されている。 ロックな …

デザインの知識がなくても自分のFlashポスター、Webページを作れる『Glogster』

自分のかわいいページが作りたい。 そんなあなたにおすすめなのが、『Glogster』。デザインの知識がなくても自分のFlashポスター、Webページを作れるサービスだ。 『Glogster』は、プロフ世代におすすめのサービス。自分のウェブページが簡単に作成できる。 画像をアッ …

あなたのクリエイティブを刺激するロゴデザイン32選『Kick ass Creative Logos』

クリエイティブな発想力を高めたい。 そんなあなたにおすすめなのが、『Kick ass Creative Logos』。あなたのクリエイティブを刺激するロゴデザイン32選だ。 以下にいくつかご紹介。 BRIARWOODの「i」のところが葉っぱになっているのが統一感がありますね。 …

illustratorのチュートリアル65選『65 Tutoriales de Illustrator』

illustratorをもっと使いこなしたい。 そんなあなたにおすすめなのが、『65 Tutoriales de Illustrator』。illustratorのチュートリアル65選だ。 このエントリーでは、以下にカテゴリーにわけてたくさんのチュートリアルが紹介されている。 …

クリエイティブディレクター、佐藤可士和に学んだこと『What Kashiwa Sato teaches me』

今日のCREAMUにちょこっと書こうと思ったんですが、興奮したので衝動的にエントリー。 かなり前から知ってる人もいるようなのですが、僕は昨日知りました。。佐藤可士和さんのオフィシャルサイト、「kashiwasato.com」です。 「kashiwasato.com」は、CD： …

あなたのブログを刺激するブログデザイン53選『My 53 Top Blog Designs of 2007』

ブログデザインに新しいアイディアがほしい。 そんなあなたにおすすめなのが、『My 53 Top Blog Designs of 2007』。あなたのブログを刺激するブログデザイン53選だ。 以下にTOP5をご紹介。 » Alex Buga　↑のキャプチャはこのサイ …

無料で使えるテクスチャ&背景画像20選『Free Textures and Background Images』

デザインに使えるテクスチャを探している。 そんなあなたにおすすめなのが、『Free Textures and Background Images』。無料で使えるテクスチャ&背景画像20選だ。 以下にいくつかご紹介。 » CGTextures 　世界最高の …

サイトやブログを魅力的にするアイコン3700選『+3700 iconos gratis para tu web o blog』

魅力的なアイコンが使いたい。 そんなあなたにおすすめなのが、『+3700 iconos gratis para tu web o blog』。サイトやブログを魅力的にするアイコン3700選だ。 その中でもシンプルで使いやすそうなものをいくつかご紹介。 » Expl …

無料で使えるアイコン&ボタン集『Free Icons and Buttons』

無料でかっこいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Free Icons and Buttons』。無料で使えるアイコン&ボタン集だ。 以下にいくつかご紹介。 » Ruby Multimedia 　13個のクオリティの高いアイコン。32 …

綺麗なPhotoshopブラシ6選『Archive for the ‘Photoshop Brushes’ Category』

Photoshopのブラシをそろえておきたい。 そんなあなたにおすすめなのが、『Archive for the ‘Photoshop Brushes’ Category』。綺麗なPhotoshopブラシ6選だ。 その中でも無料のものを以下にご紹介。 & …

Photoshoptoとillustratorで使えるブラシ20選『Vector Art: Brushes』

Photoshopとillustratorでブラシが使いたい。 そんなあなたにおすすめなのが、『Vector Art: Brushes』。Photoshoptoとillustratorで使えるブラシ20選だ。 その中でも無料で使えるものを以下にご紹介。 » svg …

無料で使えるPhotoshopプラグイン集『Free Photoshop Plugins』

Photoshopのプラグインで簡単に画像加工がしたい。 そんなあなたにおすすめなのが、『Free Photoshop Plugins』。無料で使えるPhotoshopプラグイン集だ。 以下にいくつかご紹介。 » BleachBypass 　伝統的な「ブリーチバイ …

無料で使えるillustratorのベクター素材10選『Illustrator Resources』

イラレのベクター素材を探している。 そんなあなたにおすすめなのが、『Illustrator Resources』。無料で使えるillustratorのベクター素材10選だ。 このエントリーでは、イラレの各バージョンに対応した素材を配布してくれている。 かなり使えそうなものばか …

商用でも無料で使えるロイヤリティーフリーアイコン400選『Quality mini icons』

無料でクオリティの高いアイコンを使いたい。 そんなあなたにおすすめなのが、『Quality mini icons』。商用でも無料で使えるロイヤリティーフリーアイコン400選だ。 このエントリーでは、10×10と16×16のサイズのアイコンを配布してくれてい …

無料で使えるデザイナーアイコン50選『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』

無料で使えるかっこいいアイコンを探している。 そんなあなたにおすすめなのが、『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』。無料で使えるデザイナーアイコン50選だ。 以下にいくつかご紹介。 &ra …

Leopardのアイコンをかっこよくカスタマイズする『CandyBar3』

Leopardのアイコンをカスタマイズしたい。 そんなあなたにおすすめなのが、『CandyBar3』。Leopardのアイコンをかっこよくカスタマイズするセットだ。 『CandyBar3』では、↑のようなアイコンに変更することができる。 15日間のフリートライアル、250個の …

素晴らしいデザインのブログ30選『30 More Excellent Blog Designs』

優れたブログデザインを参考にしたい。 そんなときにおすすめなのが、『30 More Excellent Blog Designs』。Smashing Magazineによる素晴らしいデザインのブログ30選だ。 このエントリーでは、以下のカテゴリーにわけてブログデザインが紹介さ …

ベクターを光らせるillustratorチュートリアル9選『Vector Polishing Techniques』

illustratorで光を効果的に使いたい。 そんなときにおすすめなのが、『Vector Polishing Techniques』。ベクターを光らせるillustratorチュートリアル9選だ。 このエントリーでは、以下の9つのテクニックが紹介されている。 ・Lens F …

Photoshopでテキストになめらかな光を与えるチュートリアル『A Slick Supernatural Text Effect』

Photoshopでテキストを魅力的に見せたい。 そんなあなたにおすすめなのが、『A Slick Supernatural Text Effect』。Photoshopでテキストになめらかな光を与えるチュートリアルだ。 このエントリーでは、22のステップでテキストにエフェクト …

100%ロイヤリティーフリーで使えるPhotoshopのカスタムシェイプ集『Foliage Shapes (Huge master set)』

Photoshopで使えるカスタムシェイプを探している。 そんなあなたにおすすめなのが、『Foliage Shapes (Huge master set)』。100%ロイヤリティーフリーで使えるPhotoshopのカスタムシェイプ集だ。 このページでは、Photoshopのカ …

グラフィックデザインに優れたブログTOP50『Top 50 graphic design blogs』

デザインに優れたブログを探している。 そんなあなたにおすすめなのが、『Top 50 graphic design blogs』。グラフィックデザインに優れたブログTOP50だ。 Googleページランクでランキングしている。 以下にTOP5をご紹介。 » Veer …

illustratorで継ぎ目のないパターンを描く方法『Creating seamless patterns in Illustrator』

illustratorでオリジナルのパターンを描きたい。 そんなあなたにおすすめなのが、『Creating seamless patterns in Illustrator』。illustratorで継ぎ目のないパターンを描く方法だ。 矩形ツールで正方形を描き、その中にオーナ …

illustratorのペンツールが訓練できるチュートリアル『Illustrator Pen tool exercises』

illustratorのペンツールをもっとうまく使いたい。 そんなあなたにおすすめなのが、『Illustrator Pen tool exercises』。veerle’s blogによる、illustratorのペンツールが訓練できるチュートリアルだ。 「Dow …

商用でも無料で使える素晴らしいロゴテンプレート配布サイト『LogoTemplater.com』

ロゴやパーツのデザインを探している。 そんなあなたにおすすめなのが、『LogoTemplater.com』。商用でも無料で使える素晴らしいロゴテンプレート配布サイトだ。 このサイトのすごいところは、aiやepsファイルで配布してくれているところ。ベクターなので、自分で好きなよ …

クオリティの高いフリーアイコン&ボタン配布サイト41選『Free Icons and Buttons』

クオリティの高いアイコンを探している。 そんなあなたにおすすめなのが、『Free Icons and Buttons』。クオリティの高いフリーアイコン&ボタン配布サイト41選だ。 以下にいくつかご紹介。 » XP iCandy 3.1 　17個のアイコン …

Photoshopで自分の好きな背景画像を作る方法『How to make your own patterns.』

自分の好きな背景画像を作ってみたい。 そんなときにおすすめなのが、『How to make your own patterns.』。Photoshopで自分の好きな背景画像を作る方法です。 以下にご紹介。 例として120x120pxの新規ファイルを作成し、パターンの元となる画 …

デザイナーならブックマークしておきたいタイポグラフィー関連サイト54選『54 Typography Resources Every Designer Should Bookmark』

タイポグラフィーについてもっと追求したい。 そんなあなたにおすすめなのが、『54 Typography Resources Every Designer Should Bookmark』。デザイナーならブックマークしておきたいタイポグラフィー関連サイト54選だ。 以下にいくつ …

余分な要素がない美しいデザイン25選『25 Beautiful Minimalistic Website Designs』

Webデザインで余分な要素をなくしたい。 そんなあなたにおすすめなのが、『25 Beautiful Minimalistic Website Designs』。余分な要素がない美しいデザイン25選だ。 以下にいくつかご紹介。 » John Merrells 　はっ …

デザインの初心者から抜け出す方法『中央配置をやめる』

最近Webデザインの本を読んでいて、かなり納得したことがあったのでエントリー。 デザインの初心者から抜け出す方法です。 ノンデザイナーズ・デザインブック Second Editionによると、デザインの初心者は中央配置をしてしまうことだと。何かと中央に置いてしまう。確かに思い …

あなたのデザインに刺激を与えるサイト30選『30+ Sites To Help Inspire Your Designs』

Webデザインの参考になるサイトはないだろうか。 そんなときにおすすめなのが、『30+ Sites To Help Inspire Your Designs』。あなたのデザインに刺激を与えるサイト30選だ。 以下にいくつかご紹介。 » AndyBudd.com 　 …

無料で使えるPhotoshopブラシ375選『375 Free Photoshop Brushes』

Photoshopのブラシを増やして表現の幅を広げたい。 そんなあなたにおすすめなのが、『375 Free Photoshop Brushes』。無料で使えるPhotoshopブラシ375選だ。 以下にいくつかご紹介。 » Mystcart Brush Set I …

PSDフォーマットでダウンロードできるRSSアイコン35選『Over 35 Different Styles of RSS Icons』

デザインされたRSSアイコンが使いたい。 そんなあなたにおすすめなのが、『Over 35 Different Styles of RSS Icons』。PSDフォーマットでダウンロードできるRSSアイコン35選だ。 psd,ai,pngなどのフォーマットでダウンロードできたり …

意外に使えるPhotoshopショートカット28選『28 More Exceptionally Useful Photoshop Shortcuts』

Photoshopのショートカットを覚えてもっとPhotoshopを使いこなしたい。 そんなあなたにおすすめなのが、『28 More Exceptionally Useful Photoshop Shortcuts』。意外に使えるPhotoshopショートカット28選だ。 以 …

水面をマウスでなぞれるクリエイティブサイト『CUTWATER』

サイトインターフェースでクリエイティブな発想はないだろうか。 そんなときにおすすめなのが、『CUTWATER』。水面をマウスでなぞれるクリエイティブサイトだ。 『CUTWATER』は、水をテーマにサイトが作られていて、見ているだけで湖の中にいるような気分になる。 音にもこられ …

タイポグラフィの美しいサイト15選『15 Excellent Examples of Web Typography』

タイポグラフィが好きだ。 そんなあなたにおすすめなのが、『15 Excellent Examples of Web Typography』。タイポグラフィの美しいサイト15選だ。 以下にご紹介。 » A List Apart 　Webサイト制作者向け &raquo …

無料で使えるPhotoshopのプラグイン&フィルター720選『720 Free Photoshop Plugins And Filters』

Photoshopのプラグインやフィルターを探している。 そんなあなたにおすすめなのが、『720 Free Photoshop Plugins And Filters』。無料で使えるPhotoshopのプラグイン&フィルター720選だ。 以下にいくつかご紹介。 &r …

写真から調和のとれた色の組み合わせを作成してくれる『Palette Generator』

綺麗な色の組み合わせを作りたいけれど難しい。 そんなあなたにおすすめなのが、『Palette Generator』。写真から調和のとれた色の組み合わせを作成してくれるツールだ。 フォームから写真を選択し、Createボタンをクリックすると、すぐに写真で使われている色の組み合わ …

高度なPhotoshopチュートリアル60選『60 Advanced Adobe Photoshop Tutorials』

Photoshopで中級以上のテクニックを使いたい。 そんなあなたにおすすめなのが、『60 Advanced Adobe Photoshop Tutorials』。高度なPhotoshopチュートリアル60選だ。 このエントリーでは、以下のカテゴリーにわけてたくさんのPhot …

Photoshopツール&チュートリアル80選『PHOTOSHOP TOOLBOX – 80+ Photoshop Tools and Resources』

Photoshopをもっと使いこなしたい。 そんなあなたにおすすめなのが、『PHOTOSHOP TOOLBOX – 80+ Photoshop Tools and Resources』。Photoshopツール&チュートリアル80選だ。 以下にいくつかご …

Photoshopで素早く背景を消す方法『Quickly Remove Backgrounds with Photoshop』

Photoshopで素早く画像を切り抜きたい。 そんなあなたにおすすめなのが、『Quickly Remove Backgrounds with Photoshop』。Photoshopで素早く背景を消す方法だ。 以下にご紹介する（バージョンはPhotoshop CS）。 ・フ …

Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』

Webデザインのネタを探している。 そんなあなたにおすすめなのが、『125 Code Snippets for web designers』。Webデザイナーのためのコードスニペット125選だ。 以下にいくつかご紹介。 » Ajax Star rating Bar …

無料で使えるアイコン配布サイト38選『38 Free Icon Checkpoints』

アイコン配布サイトを探している。 そんなあなたにおすすめなのが、『38 Free Icon Checkpoints』。無料で使えるアイコン配布サイト38選だ。 以下にいくつかご紹介。 » FamFamFam » Tango Icon Library & …

デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』

デザインに使える記事を探している。 そんなあなたにおすすめなのが、『10 lists every designer should bookmark』。デザイナーならブックマークしておきたい記事10選だ。 以下にご紹介する。 » 101 ideas to get m …

無料で使えるリアルでかわいいアイコン集『free icons for everyone!』

リアルでかわいいアイコンを探している。 そんなあなたにおすすめなのが、『free icons for everyone!』。無料で使えるリアルでかわいいアイコン集だ。 写真をアイコンに変換したとのことでリアルなものがたくさん並んでいる。 ライセンスについては画像の下の「Lic …

フォトグラファーによる超クールなフリーアイコン『Free icons』

アイコンを探しているけれどあまりかっこいいものがない。 そんなあなたにおすすめなのが、『Free icons』。フォトグラファーによる超クールなフリーアイコンだ。 『Free icons』は、Hazem Mostafaによるアイコン集。1985年から、プロのフォトグラファー、 …

無料で使えるPhotoshopブラシ1000以上『The Brushes – 2006 / 2007 ( TORRENT )』

Photoshopのブラシを探している。 そんなあなたにおすすめなのが、『The Brushes – 2006 / 2007 ( TORRENT )』。無料で使えるPhotoshopブラシ1000以上だ。 Photoshop CS、CS2、CS3に対応したブラシが …

Photoshopで透過デザインのフォルダアイコンを作る方法『How to Make a Folder Icon』

かっこいいアイコンが作りたい。 そんなあなたにおすすめなのが、『How to Make a Folder Icon』。Photoshopで透過デザインのフォルダアイコンを作る方法だ。 以下にご紹介する。 1.backgroundを透明に、128×128の新規ドキュメ …

無料で使えるアイコン9選『Free Stock Icons for Your Next Application』

無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『Free Stock Icons for Your Next Application』。無料で使えるアイコン9選だ。 以下にご紹介。 » FamFamFam » Tiny Little …

無料で16種類のデザインテンプレートをダウンロードできる『Free Templates』

かっこいいサイトのテンプレートはないだろうか。 そんなあなたにおすすめなのが、『Free Templates』。無料で16種類のデザインテンプレートをダウンロードできるサイトだ。 『Free Templates』では、かっこいい16種類のテンプレートがリストアップされていて、 …

40000個以上のアイコンを検索できる『iconlet』

アイコンを検索して探したい。 そんなあなたにおすすめなのが、『iconlet』。40000個以上のアイコンを検索できる検索エンジンだ。 『iconlet』は、とてもシンプル。トップページには検索ボックスだけが存在し、note、arrowなどで検索すると、ずらっと検索結果が出て …

クリエイティブなイラストを描くグラフィックデザイナー『Alex Trochut』

クリエイティブなインターフェースを参考にしたい。 そんなあなたにおすすめなのが、『Alex Trochut』。クリエイティブなイラストを描くグラフィックデザイナーだ。 『Alex Trochut』のサイトは、とてもシンプル。グレーのテキストが並んだインターフェース。クリックす …

Photoshopで写真のような木目を描く方法『Photoshop Wood Texture』

Photoshopで木目をデザインしたい。 そんなあなたにおすすめなのが、『Photoshop Wood Texture』。Photoshopで写真のような木目を描く方法だ。 以下にご紹介する。 新規レイヤーを作成してライトブラウンで塗ります（わずかにオレンジ色、しかし色はお …

無料で使える165のアイコンを5色で展開『165 Vector Icons, Now in 5 Colours』

無料でかっこいいアイコンを使いたい。 そんなあなたにおすすめなのが、『165 Vector Icons, Now in 5 Colours』。無料で使える165のアイコンを5色で展開しているサイトだ。 このサイトでは、かっこいい165のアイコンが、青、緑、赤、白、黒の5色、合 …

無料で使えるPhotoshopプラグイン20選『Free Photoshop Plugins』

Photoshopをもっと簡単に使いたい。 そんなあなたにおすすめなのが、『Free Photoshop Plugins』。無料で使えるPhotoshopプラグイン20選だ。 以下にご紹介。 » virtualPhotographer ワンクリックでクオリティの高 …

8400以上のデザインサイトをRGBで探せる『Screenalicio.us』

色でサイトを検索したい。 そんなあなたにおすすめなのが、『Screenalicio.us』。8400以上のデザインサイトをRGBで探せるサイトだ。 『Screenalicio.us』では、トップにおそらく新着投稿サイトが表示されており、どれかをクリックすると、そのサイトの構成 …

クラシック美術で色調補正するPhotoshopテクニック『Improve your photography with classical art.』

*S50cで撮影 手軽に綺麗に色調補正がしたい。 そんなあなたにおすすめなのが、『Improve your photography with classical art.』。クラシック美術で色調補正するPhotoshopテクニックだ。 このサイトでは、クラシック美術の色調を使 …

無料で使える100以上のアイコン集『WEBSITEICONS』

無料でかっこいいアイコンを探している。 そんなあなたにおすすめなのが、『WEBSITEICONS』。無料で使える100以上のアイコン集だ。 When I made my first site, I found it very hard finding ‘high …

完璧なレイアウトの商用サイト11選『11 Almost Perfect Business Layouts』

レイアウトのいいデザインのサイトを参考にしたい。 そんなあなたにおすすめなのが、『11 Almost Perfect Business Layouts』。SMASHING MAGAZINEによる、完璧なレイアウトの商用サイト11選だ。 完璧とは何を意味するのか？ という項目で …

現在17000個以上のアイコンが探せる検索エンジン『iconfinder』

かっこいいアイコンを探している。 そんなあなたにおすすめなのが、『iconfinder』。現在17000個以上のアイコンが探せる検索エンジンだ。 『iconfinder』では、キーワードを入力して「Search」ボタンをクリックすると、そのキーワードを含んだアイコンが検索結果 …

4096色の色を自動生成してくれるカラーパレット『4096 Color Wheel』

webセーフカラーとは違った綺麗な色を選びたい。 そんなあなたにおすすめなのが、『4096 Color Wheel』。4096色の色を自動生成してくれるカラーパレットだ。 『4096 Color Wheel』では、カラーパレットにマウスオーバすると、「web-safe」、「w …

無料で使えるこんなにかっこいいPhotoshopブラシいろいろ『Free Hi-Res Watercolor Photoshop Brushes』

Photoshopのブラシエフェクトを探している。 そんなあなたにおすすめなのが、『Free Hi-Res Watercolor Photoshop Brushes』。無料で使えるこんなにかっこいいPhotoshopブラシいろいろだ。 このサイトでは、↓のようなかっこいいブラ …

ディテールに特化したデザインまとめサイト『Elements of Design』

デザインがいまひとつ物足りない。 そんなときは、デザインのディテールに気付く目を養う必要がある。そうすることで、自分の作品にも趣向を凝らせる。 『Elements of Design』は、ディテールに特化したデザインまとめサイト。 Elements of Design is …

ベクトル描画のSVG作成ツール『obesq』

変わった模様が作りたい。 そんなときにおすすめなのが、『obesq』。ベクトル描画のSVG作成ツールだ。 『obesq』では、ドラッグすることで簡単にラインでデザイン描画が作成できる。 SVGというXMLベースの2次元グラフィックスとして書き出すことができ、イラレなどで開くこ …

Web2.0風のデザインを作る68のチュートリアル『Web 2.0 Tutorials Round-Up』

Web2.0系のサイトと同じようなデザインがしてみたい。 そんなあなたにおすすめなのが、『Web 2.0 Tutorials Round-Up』。Web2.0風のデザインを作るチュートリアルだ。 このエントリーでは、Web2.0風のデザインを作るチュートリアルが68個、いくつ …

2007年のロゴデザイン11のトレンド『logo orange』

2007年のロゴデザインはどうなっていくのだろうか。 そんなときにこの特集はとても参考になる。 『logo orange』では、2007年のロゴデザイン11のトレンドを紹介してくれている。 ■Talk Boxes 吹き出しのデザイン。感じのいいアクセントになるしポップなデザイ …

広めのストライプ背景画像『wider stripe』を作りました。

ちょっと気分が変わったのでbackgroundを広めのストライプに変えてみました。 グラデーションよりも動きが出ますね。前よりもポップになっていい感じです。（もしかしたらグラデに戻すかもしれませんが。。） というわけで作ったついでにシャーベット色でいくつか作ったので配布いたし …

Web2.0系のロゴをPhotoshopで作る方法『 How Web 2.0 Logos are drawn (Photoshop)』

Web2.0系のかっこいいロゴを手軽に作りたい。 そんなあなたにおすすめなのが、『 How Web 2.0 Logos are drawn (Photoshop)』。Web2.0系のロゴをPhotoshopで作る方法を紹介してくれている。 このエントリーでは、Photosho …

見ておくべき10のデザインブログ『Ten Design Blogs You MUST Read』

デザインに溢れたブログが作ってみたい。 そんなあなたにおすすめなのが、『Ten Design Blogs You MUST Read』。見ておくべき10のデザインブログだ。 このサイトでは、見ておくべきデザインに溢れたブログを10サイト紹介してくれている。 ↓のようになってい …

Webデザイン 超基本のお作法50選『MdN Interactive』

Webデザインの基本やルールが知りたい。 そんなときにおすすめなのが、『MdN Interactive』の「Webデザイン 超基本のお作法50選」特集だ。 この特集では、Webデザインの50の作法を教えてくれている。 ↑の例では、配色で強調したい箇所をきちんと強調している。 …

キャンパスウェブデザイナーのためのインスピレーションサイト『edustyle』

特化したデザインギャラリーでユーザ同士コメントをつけ合いたい。 そんなあなたにおすすめなのが、『edustyle』。キャンパスウェブデザイナーのためのインスピレーションサイトだ。 大学のサイトを登録して、そのサイトのデザインについてコメントをつけられたり、投票することができる …

faviconを3Dのドット絵に変換『favicon2dots』

小さいけれど作りがこっているアイコンやfaviconが好きだ。 そんなあなたにおすすめなのが、『favicon2dots』。faviconを3Dのドット絵に変換してくれるツールだ。 URLを入力して2dotsボタンをクリックすると、ドット絵を作成してくれる。パーマリンクが与え …

バランスのいい配色を作成してくれるツール『pic2color』

綺麗な画像だな、と思ったら、構成色をカラーピッカーで調べておきたい。 そんなときにおすすめなのが、『pic2color』。オンラインで手軽にバランスのいい配色を作成してくれるツールだ。 面白いのが、Flickrからいい感じの画像をランダムで表示してくれる点。その構成色がリスト …

faviconを10秒で作る方法『FavIcon from Pics』

faviconを作りたいけれどどうやればいいかわからない、作ることはできるけれど時間がかかって面倒だ。 そんなあなたにおすすめなのが、『FavIcon from Pics』。 このサイトは、オンラインのfaviconメーカー。自分の好きな画像をアップロードすると、16×16の …

東京発「デザイン＆ものづくり」マガジン『PingMag』

クリエイターからインスピレーションを得たい。 そんなあなたにおすすめなのが、『PingMag』。 このサイトは、東京発の「デザイン＆ものづくり」マガジン。日本人だけでなく外国人のデザイナーたちが共同して制作している。 コンセプトは一言で言うと、「インスピレーション」ということ …

死ぬまでに見ておくべき187の素晴らしいデザインサイト『Squared Productions』

デザインに困ったら、『Squared Productions』がおすすめだ。 このサイトでは、素晴らしいデザインのサイトが187紹介されている。 ユーザビリティにも配慮されていて、テキストリンクをマウスオーバすると、サイトのスクリーンショットが表示される。大きくてとても見やす …

クールなデザイン事務所『Adam&Co.』

センスのいいデザインのサイトをお探しなら、『Adam&Co.』がおすすめだ。 Adam&Co.は、ボストンのデザイン事務所。数々の賞を受賞していて、イラストやパッケージデザインなどを手がけている。 サイトとしても、とても上品なインターフェースとなっている。 …

クールなデザインのサイト集『most INSPIRED』

デザインをするときに参考になるサイトはないだろうか。 そんなときにおすすめなのが、『most INSPIRED』。 このサイトでは、人気のあるCSS、およびデザインのギャラリーサイトからいいデザインのサイトを集めてきている。 トップページを眺めているだけでも、デザインのヒント …

レゴブロックができるまで『THE MAKING OF A BRICK』

小さい頃、工場見学に行ったものだ。すごく変な匂いがしたけれど、大人達が働いている現場を見て、自分も少し大人になったような気がしたのを覚えている。 『THE MAKING OF A BRICK』は、そんなことを思い出させてくれるサイト。 このサイトでは、アニメーションでレゴブロ …

見ておいた方がいい30のダークデザイン『Smashing Magazine』

いいものを作るときには、いいものをたくさん見ていることが重要だ。 そんなときに、『Smashing Magazine』の特集は一見の価値がある。 このエントリーでは、見ておいた方がいい30のダークデザイン（明度の低いデザイン）を紹介している。 「ダークデザインは美しい。web …

ウェブサイトで統一感のある色を作るには？『Color Scheme Chooser』

どうも色の統一感が出ない、いまいちぱっとしない。 そんなあなたにおすすめなのが、『Color Scheme Chooser』。 このサイトでは、スライダーをドラッグするだけで、簡単に統一感のある色の組み合わせを作成することができる。 カラーコントロールは2つあって、上がHSB …

仕様改良・バグ修正のインターフェース『JeditX』

今日はおっと思ったインターフェースのご紹介。 テキストエディタにJeditXを使い始めたのだが、とても配慮がいい。 バージョンアップのメールが届いたページなのだが、インターフェースがとてもわかりやすい。 仕様改良したところは青いドット、バグ修正したところは赤いドット、一見して …

中身が水に流せるデザインおむつ [gdiapers]

ニッチなブランディングサイトを探していたときに見つけたのが、『gdiapers』。 このサイトでは、中身が水に流せるデザインおむつを販売している。 おむつに特化して、外側のデザインを洗練させている点がユニークだ。中身は水に流せて地球にも優しいことをアピールしている。 サイト自 …

少数精鋭のデザイナーチーム [STUDIO7DESIGNS]

オープンソースのデザインテンプレートをお探しなら、『STUDIO7DESIGNS』がおすすめだ。 この会社では、web2.0スタイルのwebデザインの制作を主な業務としている。 彼らが配布するオープンソースのテンプレートのユーザは20万人を超えるというから驚きだ。 テンプレー …

エルフになって踊るムービーが作れる[Elf Yourself]

ロールプレイングゲームをしていて、一度エルフやドワーフになってみたいと思ったら、Elf Yourself。サイト名がそのままでいい。 このサイトでは、自分の写真をアップロードして、エルフになることができる。そしてそのエルフが、軽快なリズムで踊ってくれるのだ。 サンプルでダンス …

ポップなweb2.0アイコン！ [UtomBox]

web2.0の次にくるものが語られ始めた。それはCGMの延長かもしれないし、ユビキタスの要素を含んだ快適ネットワークかもしれない。 でも、とにかくポップであることに変わりはないだろう。 UtomBoxは、とてもポップなアイコンを配布しているサイト。サイコロっぽいデザインで、反 …

ニューヨークのクールなデザイナー [Tanya Merone]

これが本当に好きなんだな、という人に出会うと感動する。 例えば村上春樹。彼は本当に言葉が好きなんだと感じさせてくれる。言葉の一つ一つ、ディテールまでワールドが感じられて、涙が出てくる。 Tanya Meroneは、デザインが大好きなニューヨークのデザイナー。 サイト上でポート …

ベルギーのドット絵デザイナー [eboy]

ドット絵を見たことはあるだろうか？ピクセル単位で絵を描いた、例えばファミコンのマリオブラザーズ、あのデザインだ。 実際に描くのは難しく、プロが描いたものと素人が描いたものではできがまるで違う。 eboyは、ベルギーのドット絵職人が集まったグループ。メンバーは4人。クライアント …

かっこいいアイコンデザイナー！ [TurboMilk]

デザインはディテールが重要だ。サイト自体はシンプルでも、細部に細かい工夫がされていたり、他と違うものだと、ぐっとデザイン性が増す。 TurboMilkは、すごくかっこいいアイコンを制作しているデザイナーチーム。名前も「ぶっとんでいくよー」みたいな感じが出ていていい。 port …

素晴らしいロゴと、その背後にあるロジック [TOXIC]

このロゴは何のロゴだろうか？ 目と蜂とM。 答えは、IBM。自社のイベント用に作られたロゴらしい。 TOXICでは、素晴らしいロゴと、そのロゴが作られた背景を紹介してくれていてとても興味深い。 例えば、FedEXのロゴ。 EとXの間に→があるのがわかるだろうか。 これは、スピ …

デザインを大幅に変更

windows iEで崩れたりデザインがいまいちだったり、結構前に作ったということもあったので、思い切って一気にデザインを変更しました。 読みやすく、なってるはず！ すっきり、したはず！ やっぱりシンプルがいいですね。 ロゴもちょっと感じが重いのでまた変更しようかと考えたりし …

Webデザインをハックする Design Hacks作りました。

作りかけで気分に任せて書くつもりだったブログがいくつかあって、気分が乗ってエントリーが増えてきたので完成させました。 Webデザインをハックする Design Hacksです。 Webデザインだけをテーマに書いていきます。 興味のある方はぜひご覧ください！！

ロゴを変更

気分的にロゴを変更。前から変えようと思ってたんだけど。 CSSもwidth:1000くらいに変えようと思ったけど、今のが見慣れてしまったのでまあこのままでいいかなと。 ブログをいろいろとテーマにわけて作成完了しつつあります。 機会があればお知らせしようかな。 というわけでこの …

Lifehackerがレイアウト変更 center配置に

Lifehackerがレイアウトを変更し、center配置になっています。 いいですね。とても見やすいしかっこよくなっている。個人的にもcenter配置は大好きだからすごくうれしい。 左寄せだと体を傾けてみることになるからあまり好きじゃないのです。 mixiもこれに連られてc …

webサイトのテンプレート配布

webサイトのテンプレートを配布しているサイト。 ぱっと見た感じすごくいいものが揃っていそう。 サイト自体もかっこいいし。 → http://opensourcetemplates.org/opensource.cfm

オンライン上でロゴを５秒で作成、CoolText

ロゴのアイディアに困ることがある。行き詰まってwebデザインの雑誌を開いたりする。 そんな時に便利なのがこのサイト。オンライン上でロゴを簡単に、5秒以内で作成してくれる。 しかもcopyrightなし、商用・非商用問わず使用できる。 しかもこのサイトはページランク7である。 …

イラレを練習中。

普段はほとんどFireworksでデザインをしているんですが、イラレだとグラデーションメッシュなど、器用なことができるので、練習しています。 ただやっぱりDTP用に作られているからか、いまいちいろいろできすぎてよくわかりません。 ワープを使ってロゴを作成。結構いい感じにできま …

WEBレイアウトを勉強中

CSSNiteで益子さんが、見栄えがするデザインかどうかは、 1.画像の作り込み 2.色づかい 3.間 が本質だと言っていて、妙に納得したのを覚えています。 → http://www.cybergarden.net/cssnite07/#[15] 今はレイアウトを勉強中。 と …

サイトのロゴを作っています。

今は自分で運営しているサイトのロゴを作っています。 最近はロゴもフォントでサイト名をはっきり示す、シンプルなものが多いですよね。 しかもすごくかっこいい。 かっこいいロゴでチェックしているサイトは、Technorati、サイバーエージェントのAmeba、paperboy系、で …