TOP  >  psd

Tag : psd

2011年09月27日

ヴィンテージ感のあるさまざまな配色のチェッカー柄が揃ったテクスチャ集「Vintage Checkered: Texture Pack」

さまざまなテクスチャデザインが公開されており、素材としての利用はもちろん、制作面でのアイデアソースとして利用されている方も多いのではないでしょうか?そこで今回紹介するのが、ヴィンテージ感のある、さまざまな配色のチェッカー柄テクスチャを集めた「Vintage Checkered: Texture Pack」です。

グリーン、青、赤、ピンク、紫、茶色の柄が展開されています。インパクトの強い柄なので、個性を強調したいデザインにおすすめです。

詳しくは以下

(さらに…)

続きを読む
posted 11:29  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年09月23日

FecebookファンページのGUI Photoshopデザインをダウンロードできる「Facebook Fan Page GUI PSD」

日本国内でも需要が伸び続けているFacebook。ページをカスタマイズしてオリジナリティの高いファンページの制作するという機会も増えているのではないでしょうか?そこで今回紹介するのが、FacebookファンページGUIデザインのPhotoshopデータを公開している「Facebook Fan Page GUI PSD」です。

ファンページの全体的なデザインはもちろん、設定範囲などの情報が掲載された、使いやすいGUIデザインとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:03  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2011年09月15日

効果的にテクスチャを利用したwebデザイン集「12 Tips of Using Textures in Web Design」

単色ではシンプルになりすぎるデザインに、印象を与えることができるテクスチャ素材。効果的な利用方法を模索しているという方もいらっしゃるのではないでしょうか?そこで今回は、テクスチャ利用の参考となるwebデザインを集めた「12 Tips of Using Textures in Web Design」を紹介したいと思います。


Pigeon & Pigeonette – a picturebook by Dirk Derom and Sarah Verroken

アナログテイストが印象的なデザインから、シンプルな中にも存在感を感じさせるデザインまで、さまざまなwebデザインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2011年09月14日

さまざまな金属の質感を表現できるテクスチャ集「65+ Free Photoshop Metal Patterns」

デザイン制作に必要なさまざまなテクスチャ素材は、たくさんストックしておきたいもの。そこで今回紹介するのが、金属のさまざまな質感に対応できるテクスチャ集「65+ Free Photoshop Metal Patterns」です。


All sizes | ASL4009 ~ Metal Line Pattern | Flickr – Photo Sharing!

リアルな質感を表現する写真素材から、美しさの際立つCG素材まで、豊富なテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:39  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年09月03日

種類の豊富なデニムテクスチャ集「Collection of Useful And High Quality Denim Textures」

世界中で愛されているデニム生地は、デザインの中でも使いやすいアイテムではないでしょうか?そこで今回は、さまざまな種類のデニム生地テクスチャを集めた「Collection of Useful And High Quality Denim Textures」を紹介したいと思います。


denim by ~virus-xiii on deviantART

縫い目の異なるさまざまなデニム生地がラインナップされています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年08月26日

さまざまな効果を演出できる Photoshop写真加工チュートリアル集「30 Brilliant Photoshop Photo Effects Tutorials」

普通に撮影した写真にさまざまなエフェクトを付けられるPhotoshopの加工技術。作り方にはさまざまな方法があり、常に新しい技術をチェックしておきたいもの。そんな中今回紹介するのは、たくさんの写真チュートリアルを集めた「30 Brilliant Photoshop Photo Effects Tutorials」です。


Create a Devastating Tidal Wave in Photoshop | Psdtuts+

写真を奇麗に見せる技術から、CGエフェクトのような加工技術まで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年07月26日

そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」

イラストレーターなどでの編集が可能なベクター素材は非常に重宝する存在。フリーで配布されているものも多数存在しています。そんな中今回紹介するのは、そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」です。

vector0719_1
Purple ramadan background with golden decoration Vector | Free Download

魅力的な描写ベクターグラフィックが11種という厳選された数ではありますが、まとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2013年07月02日

比較的最近公開されたピクセルフォントまとめ「A New Collection of Pixel Fonts」

楽しげな雰囲気や、レトロなテレビゲームの雰囲気を感じさせるピクセルフォント中から、比較的最近公開されたフォントをまとめた「A New Collection of Pixel Fonts」を今回は紹介したいと思います。

dd_font_01
Pixel Millennium font by Zdeněk Gromnica – FontSpace

ポップで可愛らしいフォントから、レトロゲームの雰囲気をそのまま楽しめるフォントまで、さまざまなタイプが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:31  |  
Category: Font   
2012年09月17日

WEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」

日本では互換性を重視する傾向がつよくまだあまり、特殊なフォントをjavascriptなどで作り出すような手法はスタンダードではありませんが、中には、挑戦的なサイトもあり、フォントをjsやCSSで見せるそんなサイトもあります。今日紹介するのはWEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」です。


FitText – A plugin for inflating web type

フォントを加工するもの、テキストの組を特殊にしてくれるものなど、様々なフォント関連のjQueryプラグインが紹介されていますが、今回はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

Lettering.js – A jQuery plugin for radical web typography.
自動的にclassを割り当てて、傾けたり、色を変えたり色々な処理が可能です。

lettering
 
 
 
 
 
 
It's Bacon! A jQuery plugin that allows you to wrap text around a bezier curve or a line.
オブジェクトにそって文字組を行なう事ができます。WEB上で紙のようなデザインが可能になります。

baconjs
 
 
 
 
 
 
Arctext.js – Curving text with CSS3 and jQuery
文字をパスで並べたような、処理をjavascriptで可能にする。

arctext-1
 
 
上記の他にもいくつかのタイポグラフィ関連のjQueryプラグインが公開されています。文字をJS側で制御したいと言う方は是非原文もご覧ください。

jQuery plugins for awesome web typography | CatsWhoCode.com

続きを読む
posted 05:37  |  
Category: WebDesign   
2016年07月17日

WEBやアプリの最新のアニメーション事例をまとめた「20 Animated Interfaces: New Ways to Present a Concept」

UI/UXを豊かにそして直感的にしてくれるアニメーション。上手く利用すればWEBサイトやアプリケーションを劇的にブラッシュアップしてくれますが、取り入れるのはなかなか難しいものです。今日紹介するのはWEBやアプリの最新のアニメーション事例をまとめたエントリー「20 Animated Interfaces: New Ways to Present a Concept」です。

city-intro
City intro animation by Vasjen Katro – Dribbble

アプリケーションからスマートウォッチまで全部で20ものアニメーションが纏められていますが、今日はその中から特に気になったものを幾つかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:07  |  
Category: Design , WebDesign   
2015年01月12日

ビジネスシーンに活躍するアイコン「50 Business Icons」

webサイトの種類として、ビジネス系のサイトを制作することは多いと思いますが、今回はそんなシーンに活躍してくれるアイコン「50 Business Icons」を紹介したいと思います。

bussinessicn

ビジネスをテーマとしたアイコンが50種まとめてダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:27  |  
Category: Design   
2018年05月26日

テクスチャーやイラスト制作に最適な水彩ブラシセット「Aurora Watercolor Brushes」

柔らかな風合いやランダムな滲みが魅力的なアナログで描かれたような水彩表現ですが、一から道具を準備して書き起こそうとすると、なかなか手間がかかりますよね。今回ご紹介するのはそんな水彩表現を、デジタル上で手軽に簡潔できる水彩ブラシセット「Aurora Watercolor Brushes」です。

aurora-watercolor-brushes1
Free watercolor brushes set for Photoshop: airy swashes and watercolor textures

まるでアナログのような書き味が楽しめる水彩ブラシとテクスチャーが含まれた豪華なセットです。

詳しくは以下
(さらに…)

続きを読む
2012年08月23日

アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」

アナログテイストなデザイン制作にはもちろん、デザインのワンポイントとしても使いやすい手書きフォントですが、イメージにぴったりなフォントを見つけるというのは難しいもの。そんな中今回紹介するのが、アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」です。


Pirmokas Font | dafont.com

洗練された雰囲気のフォントから、個性的なフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:27  |  
Category: Design , Font   
2012年07月14日

Photoshopで制作されたコンタクトフォームとサインアップのデザインまとめ「55 Free Login, Sign Up and Contact Form PSD Files」

webサイトの構成で多くの場合必要になるコンタクトフォームの制作は、どうしてもデザインがマンネリ化してしまいがち。そんな時に利用したい、Photoshopで制作されたコンタクトフォームとサインアップのデザインをまとめた「55 Free Login, Sign Up and Contact Form PSD Files」です。


Vintage Sign Up Form by ~psd-fan on deviantART

デザインテイストに合わせて選びやすい豊富なデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:00  |  
Category: Design   
2007年11月10日

WordPress標準で高性能なスパム対策プラグイン「Akismet」

細々と運営しているからスパムはそこまで気にしなくていいだろうと思いきや運営一ヶ月でスパムコメントとトラックバックの嵐、機械的に送りつけられているものばかりで同じような英文でコメント欄が埋まっていきます。このままではいけないと思いとりあえずWordPress標準で最強と言う声も効くスパム対策プラグイン「Akismet」を導入してみました。

「Akismet」は。WordPress 1.5.2で動作し、WordPress 2.0以降は標準に備わっており新たにダウンロードする必要はありません。WordPress 1.X系をお使いの方は「Akismet配布サイト」からダウンロードしてください。今回はWordPressが2.0以降と言う前提で導入方法を紹介していきます。

(さらに…)

続きを読む
posted 03:58  |  
Category: plugin , WordPress   
2014年08月29日

UI構築に使用するための必要最小限のアイコンがセットになった「Essential Icons」

デザイン構築に必要な素材として重宝されているアイコン。セットでいろいろな種類がまとまっているものが多数配布されており、さまざまなタイプをダウンロードしストックされている方は多いと思います。そんな中今回紹介するのは、UI構築に使用するための必要最小限のアイコンがセットになった「Essential Icons」です。

essential1

フランクフルトを拠点にアートディレクターとして活動するDaniel Swoboda氏によって提供、ベーシックに定番として頻繁に使用すると想定される種類のアイコンがまとめてダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:37  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る