Webデザインやコンテンツの制作に便利な素材のポータル

ショートカット背景｜ 画像加工｜ ボタン｜ ナビゲーション｜ ロゴ｜ CSS｜ 素材サイト背景Fresh Generator グラデーションや角丸をpng形式で作成できます。【Box】ボックスのサイズ・色・不透明度・影【Corners】角丸の有無・カーブの加減【Border】ボーダーのサイズ・色・...

↑　クリックすると原寸拡大表示されます。今回はフォトショップを使って、大型スクリーンなどに映された映像のようなデザインをつくる方法をご紹介します。どんな画像でも簡単に画質の荒いピクセル画に仕上げることができます。詳細は以下から。チュートリアル情報プログラム : Photoshopバージョン : C...

Learning a new software application can be a difficult task, especially when there is an application that is as deep as Adobe Illustrator! Fortunatel...

バレンタインデイが近づくにつれて「ハート型」のデザインをよく見かけるようになります。「ハート型」と言っても、いろいろな形でデザイン、表現されていると思います。そこで今回は、「ハート型」を使ったPhotoshopのチュートリアルから、「ハート型」を使ったベクター、ブラシなどの無料素材をまとめた「Va...

How to Make a Green & Sleek Web Layout in Photoshop 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアルが公開されています。 次のように緑で綺麗な凝ったサイトレイアウトのチュートリアルです。 日本のサイトではあまりこうしたデザイ...

392 cool photoshop gradients ストックしておくと楽できそうなPhotoshop用グラデーション392種類。すでに紹介したものも含まれていますが、多数のグラデーションが紹介されてます。 ちょっとグラデーションを使いたいときにクリック一発で適用できるグラデーションのコレクシ...

2010年に備えて、2009年のウェブデザインに役立つまとめをまとめました。Web Design Trends For 2009邦訳：2009年、押さえておきたいウェブデザインの10のトレンド2009年に流行るで [...]

次のようなAppleっぽいクールなボタン作成のための素材とチュートリアルが公開されています。 PSDファイルもHTMLソースもダウンロード可能なので、ちょっと変えて実装してもよさそう。 背景が透明でも影付きで表示OKのようですね。 以下のエントリを参照してください。 Developing pret...

最近では、ウェブサイトのデザインもどんどん複雑になっていて、初心者の方々がデザインを真似しようと思ってもなかなか難しい物が多くなってきましたね。これから、ウェブデザインを勉強しようと思っている方々などは、基本的なビジネス系のウェブサイトの真似からはじめてみてはいかがでしょうか？今回は、そんなウェブ...

ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。WEB UI Treasure Chest v...

『 AliFelskiがとても好きなのでこういうのありがたい! 』

PHPを使って3分で作る3キャリア対応ケータイサイト2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | No Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター（仮...

またやるよー第一部：まめこ1982年生まれの26歳 栃木県でおしごと 7月にフリーランスデザイナー 今は印刷物、ノベルティ、Webサイトなど 「地域密着型なんでも屋」ノンデザイナーのためのサイト制作ソフトはどうすればいい？ やっぱりPhotoshop でも高い 体験版も放置していたら終わっちゃう ...

Smashing Magazineで、請求書のデザインがいろいろと紹介されています。いくつかご紹介しますね。Graeme DuckettHicks DesignFrancisco InchausteDeviaシンプルですがロゴの使い方、色使い、レイアウト、フォントの選び方などが参考になるのではない...

Photoshopによる美麗アイコン作成チュートリアル集。 次のような美しいアイコンの作成の流れがわかるチュートリアル集がまとまっています。 質感の高いアイコン作成の際の参考にできます。 リンク先は以下のエントリを参照してください。 20 Top Photoshop Icon Design Tut...

最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライ...

『 CSSでリストを作る際覚えておきたい8つ／知らないのあるなー。勉強になる 』

柔らかいイメージを作りたい。そんなデザインもあるかと思います。そんな時に役立つのが、POPで面白い印象を与えてくれるコミックフォント。今日はそんなフリーコミックフォントを集めたエントリー「30 Free Comic Fonts」を紹介したいと思います。Font: JL QUIXS by ~jell...

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

手書き感が温かさを感じさせるPhotoshopのブラシ集がまとまったエントリのご紹介です。 次のような手書きのいい感じなブラシが沢山公開されています。 手書きのハート。手書きの温かみがよりハートの温かさを強めますね。 落書きのイラストブラシ集。アナログ感を出したい場合によいかも 天使っぽいキャラク...

テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。3D TypographyAdd Fantastic Color to 3D Text – Part IAdd Fantastic Col [...]

『 FreePatterns配付サイトのまとめ 』

PHP | 11:14 | かれこれ３年くらいPHPをやっているので、せっかくなので１０個の便利な関数を並べてみました。 作業効率がかなりアップするので、これからPHPをやってみようかなぁって思う方は知っておくと便利だと思います。 変数、配列の内容をキレイに表示する関数「d」 変数や配列の内容をH...

200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful...

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出...

PNG Optimization Guide: More Clever Techniquesはじめに1. グレースケールのPNG2. 色数はより少なく3. ディテールの最適化4. More Tips5. Video Tutorialはじめにあなたは既にPNGフォーマットの画像に精通しているかもしれ...

Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。Mastering Illustrator Effects以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。...

PSDがダウンロードできる!PSD配布サイトまとめ「40 Sources To Download High-Quality Free Photoshop PSD Stuff」photoshopの保存形式の一つpsd。レイヤーをそのまま残した保存形式のため、photoshopでグラフィックを作り込ん...

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

Photoshop Tutorials - Clean White Navigation Bar | Layouts | Photoshop Tutorials 高級感のあるナビゲーションバー作成Photoshopチュートリアル 次のような、シンプルだけど高級感があるナビゲーションバー作成のチュー...