TOP  >  photoshop

Tag : photoshop

2007年12月26日

シンプルなphotoshopカスタムパターン素材集「wwwusic Simple Patterns」

WEBサイトを構築する時にphotoshopを使っている方にはオススメなデザインパターン集が今回紹介するシンプルなphotoshopカスタムパターン素材「wwwusic Simple Patterns」です。どんなデザインにもあうシンプルで汎用性の高いパターン素材がフリーで公開されています。

シンプルなphotoshopパターン素材

使い方は様々ですがシンプルなだけに既存のデザインや、オリジナルのデザインなんかと組み合わせても上手く使えるかと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:54  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2007年12月21日

PhotoShopブラシを800個集めた「Más de 800 brushes para Photoshop」

前回photoshopのブラシを100個集めたサイトを「PhotoShopブラシを100個集めた「100 Awesome High Resolution Photoshop Brushes」 | DesignDevelop」と言う記事で紹介しましたが、今回はそれを遥かに上回る800個ものphotoshopのブラシを集めたエントリー「Más de 800 brushes para Photoshop」を紹介したいと思います。

photoshopブラシ800個

数はかなり多いのですが、前回紹介したサイトと同じくブラシで作られたイメージサムネイルを見ながら選べると言うものになっていますので見やすく、どんなブラシかわかりやすくなっています。

詳しくは以下

(さらに…)

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

一瞬でクリスマス仕様にできるフリーアイコン「SANTA CLAUS HAT」

クリスマスまで後少し、街全体もすっかりクリスマスムード、そしてブログ界隈もネットもクリスマス一色ですが、そんな雰囲気についていくための便利なアイコンが今回紹介するサンタクロースの帽子アイコン「SANTA CLAUS HAT」です。

サンタクロースの帽子psd

PSDファイルで配布されていますのでphotoshopなどで合成も簡単です。こちらをかぶせればどんなロゴでもどんなデザインでもあっという間にクリスマス仕様になります。

詳しくは以下

(さらに…)

続きを読む
posted 06:53  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2007年12月20日

photoshopクリスマスチュートリアル集「Christmas Photoshop Tutorials」

もうすぐクリスマス。クリスマスカードやクリスマスツールを自作しようかなと考えている方にお勧めしたいのが今回紹介する「Christmas Photoshop Tutorials」です。こちらはphotoshopでできるクリスマスデザインのチュートリアルがまとめられています。

クリスマスチュートリアル

紹介されているチュートリアルは全部で11個。今日はその中から気になるものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:17  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2007年12月05日

冬のデザインに最適!フリーphotoshopブラシ集「Christmas Photoshop Brushes」

暦の上でもクリスマスが迫ってきて、気がつけば街もすっかりクリスマス仕様になってきました。デザイン業界でも、クリスマスのデザインをしてるそんな方も中にはいるはずです。今日紹介するのはクリスマスなデザインをするデザイナーさんにおすすめなフリーphotoshopブラシ集「Christmas Photoshop Brushes」です。

クリスマス用photoshopブラシ

雪の結晶から、雪だるま、クリスマスツリーなどのモチーフまでクリスマスにちなんだ、様々なフリーphotoshopブラシが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 07:20  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2007年12月01日

フリーで使えるphotoshopカスタムシェイプ集「Foliage Shapes (Huge master set)」

標準でphotoshopには音符だったり、吹き出しだったりと、いくつかのカスタムシェイプが登録されていますが、正直ありきたりな物が多く、実用性がありそうで以外と使えなかったりします。そこで今回紹介するのが完全にフリーで使えるフリーカスタムシェイプ集「Foliage Shapes (Huge master set)」です。

customshap.gif

毎月一回の更新で、100ロイヤリティーフリーの物だけを集めて公開されていますので。かなり有用なカスタムシェイプ集です。

詳しくは以下

(さらに…)

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

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

2009年09月18日

スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」

WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介するのは常に表示させておくのではなく、スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」です。

topcontlol01

ユーザーがページ下部に戻ったときだけ、フェードインで登場し、逆にスクロールで上部に戻ると言った時には消えると言う仕組みになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:49  |  
Category: WebDesign   
2009年07月15日

スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」

限りあるWEBのスペースを有効に利用できるタブメニューは非常に便利で実用的です。その使い勝手の良さから、大手のWEBサイトなどでも良く見かけますが、今回紹介する「jQuery Sidebar Sliding Tab Menu Tutorial」は自由自在に伸び縮みするサイドバーでの試用を前提としたタブメニューです。

scrollto

デザインはCSSで制御されており、それぞれのタブ毎に自由にカスタマイズする事ができます。

詳しくは以下

実際のDemoは「jQuery Sidebar Sliding Tab Menu Tutorial」からご覧ください。

解説は英語になりますが、図解を用いて構造を解説していたり、CSSからjavascriptまで詳しくソース付きで解説されていますのでかなり分かりやすくなっています。またサンプルファイルをダウンロードすることもできますので、簡単に実装する事が可能です。

またサイト内の右側には「jQuery Sidebar Sliding Tab Menu Tutorial」をベースにしたカスタマイズしたものが利用されているので、そちらも参考になるかと思います。サイドバーのナビゲーションにもう少し手を加えたい方は是非どうぞ。

jQuery Sliding Tab Menu for Sidebar Tutorial | Queness

続きを読む
posted 08:05  |  
Category: WebDesign   
2012年04月06日

WEBサイトで利用しやすいシンプルなパターンを集めたポータルサイト「SubtlePatterns」

テクスチャなどの素材を程よく利用することは、クオリティの高さを感じさせるWEBデザイン制作に役立ちます。そこで今回紹介するのが、シンプルなパターン素材を集めたポータルサイト「SubtlePatterns」です。

シンプルでさまざまなデザインに利用しやすいパターン素材が、豊富にラインナップされています。

詳しくは以下

絶妙なニュアンスをつけられるパターン素材が200種類以上のそろっており、サイト上で背景に使用した場合の雰囲気をプレビュー確認することもできます。ダウンロードできる素材のサイズは、正方形のPNGデータになっているので、Fireworksのテクスチャフォルダに入れておけば、デザイン制作作業時にも手軽に利用できるというのが嬉しいですね。

テクスチャ制作の参考に利用するのはもちろん、既存のテクスチャ素材だけでは物足りなさを感じている方におすすめのサイトとなっていますので、気になる方は、是非下記原文をチェックしてみてください。

Subtle Patterns | Free textures for your next web project

続きを読む
posted 11:11  |  
Category: WebService   
2017年11月11日

ECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」

年齢を問わずさまざまな人たちが利用するネットショッピング。クリック1つで簡単注文できるのでとても便利ですが、使いやすさが追求されたサイトを一から構築していくのはとても大変な作業です。そんな時に参考にしたい、多くの人が活用するECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」を今回は紹介します。

ECommerce01
eCommerce Open Source | Free eCommerce Website | Magento

用途に合わせて活用できるアイテムが揃っています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年06月18日

100のロゴデザイン集「100 Fresh Beautifull Logos」

非常にデザインの振り幅が広いロゴデザイン。クライアントの目的や理念などを表現しなければいけない非常に難しいものですが、今回紹介するのは100個のロゴデザインを集めたロゴのインスピレーション集「100 Fresh Beautifull Logos」です。

100fresh01

比較的シンプルで、洗練された印象のロゴが全部で100個まとめられています。今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:19  |  
Category: Design   
tag: Design ロゴ
2012年11月03日

グランジがかったチェックのフリーテクスチャ「7 Diagonal Checkered Grunge Textures」

さまざまな種類のテクスチャの中でも、グランジがかった雰囲気のあるタイプはよく利用されていて、種類豊富にストックされている方も多いと思います。今回はそんなグランジをチェック柄にかけたテクスチャセット「7 Diagonal Checkered Grunge Textures」を紹介したいと思います。

斜めに入ったダークトーンのチェックと味のあるグランジとのミックスの個性が光るテクスチャとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:26  |  
Category: Design   
2015年12月03日

フリーで使用できる HTML&PSDテンプレートまとめ「20 Fresh and Free HTML and PSD Templates plus GUI Packs December 2015」

テンプレートを使用することで、デザインのクオリティを一気に高めることができると共に、コスト面の削減、制作スピードのアップにもつながります。そんな中今回紹介するのは、フリーで使用できるHTML&PSDテンプレートまとめ「20 Fresh and Free HTML and PSD Templates plus GUI Packs December 2015」です。

template1204_1
Aisha-HTML5 Responsive Template | ShapeBootstrap

最新のデザイン性が活かされた、高いデザイン性のあるテンプレートがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:31  |  
Category: Design   
2016年03月15日

FacebookライクなGIFアニメーションプレビュー「Facebook Like GIF Preview Using jQuery」

動画はトラフィックを取られすぎてなかなか展開はできないけどなんとかしたいという思いから、動画部分をGIFアニメーションで代替して利用するというサイトを最近では見かけます。今日紹介するのはFacebookライクなインターフェイスでGIFアニメーションプレビューを実装できる「Facebook Like GIF Preview Using jQuery」です。

fbGifPreview1

こちらはjQueryベースで制作されており、jQueryとライブラリ、CSSを読みこせて、HTMLとjsを追記するという形で、比較的簡単に実装が可能です。

詳しくは以下

GIFのマークをクリックするとGIFアニメーションがスタートし、再度クリックすると元に戻ります。挙動については、デモサイトが準備されていましたので「Gif Preview with jquery」からご覧ください。

クリックでイベントが起きるため、スクロール位置などイベントを作っておけば、表示位置に来たら自動的に再生するなんてこともできそう。使い方次第ではグッとサイトが良くなるかもしれないjQueryプラグインだと思います。ソースコードはgithubにて公開されておりましたので、試してみたい方は「Fork it on Github」からどうぞ。

Facebook Like GIF Preview Using jQuery

続きを読む
posted 08:46  |  
Category: javascript , WebDesign   
2009年05月26日

ジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」

WEBを制作するにあたって欠かせない技術の一つCSS。工夫や発想次第で様々な表現が可能ですが、今日紹介するのはCSSを使ったテクニックをジャンル別に紹介するエントリー「40 Outstanding CSS Techniques And Tutorials」です。

csstips40-01
Cross Browser Multi-Page Photograph Gallery

イメージギャラリー、ナビゲーション、ボタンなどシーンに併せたテクニックが全部で40個紹介されています。今日はその中からいくつか気になったものピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:07  |  
Category: WebDesign   
tag: CSS webdesign
2012年10月20日

商用化!デザインに活用できるテクスチャセット「6 Exclusive and Free High Quality Photoshop Textures」

デザインに応用できるテクスチャ素材は、できるだけたくさん所持しておきたいもの。中でも活用範囲の広い、商用利用可能な素材はとても重宝します。そんな中今回紹介するのは、商用化+デザインに活用できるテクスチャセット「6 Exclusive and Free High Quality Photoshop Textures」です。

壁や砂を素材とした、種類の違う6パターンのテクスチャがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 07:47  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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