タグ

ブックマーク / design-develop.net (16)

  • HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」

    HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」 WordPressを利用している方でHTML5ベースでサイトを制作したいという方におすすめなのが、今回紹介するHTML5で作られたベースになるWordpressテーマ集「Blank & Bare WordPress HTML5 Frameworks」です。カスタマイズしやすく、シンプルな作りのテーマは、オリジナルで一から作るよりも手早くサイトを作れそうです。 Starkers 多くのテーマが紹介されていましたが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Bones 標準的なものとWordpressとレスポンシブ対応のもの、HTMLバージョンと様々なパターンでダウンロード可能です。 BLANK Wo

    HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」
  • webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

    ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

    webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
  • 写真補正に使えるフリーphotoshopアクション集「500+ Free Professional Photoshop Actions」

    TOP  >  Design , Photoshop  >  写真補正に使えるフリーphotoshopアクション集「500+ Free Professional Photoshop Actions」 クリエイティブの業界では世界的に利用されているphotoshop。数多くの便利な機能が実装されていますが、そのなかでも記録した動作をボタンひとつで再現してくれるアクションはとても便利です。今日紹介するのは写真補正に使えるフリーphotoshopアクションを集めたエントリー「500+ Free Professional Photoshop Actions」です。 sa-cool actions 2.08 colors by ~sa-cool on deviantART 写真補正、色補正のアクションを中心に様々なphotoshopアクションが公開されています。今日はその中から気になったものをいくつ

    写真補正に使えるフリーphotoshopアクション集「500+ Free Professional Photoshop Actions」
  • CSS3のみで実現する先進的なフォトギャラリー集「10 Pure CSS3 Image Galleries and Sliders」

    TOP  >  WebDesign  >  CSS3のみで実現する先進的なフォトギャラリー集「10 Pure CSS3 Image Galleries and Sliders」 角丸、ドロップシャドウ、グラデーションなど今までは画像と組み合わせたり、様々な工夫を用いて表現してた手法が簡単に実装できるCSS3。対応ブラウザも増えてきて、すでに利用されていると言う方も多いと思いますが、今日紹介するのはCSS3のみで実現する先進的なフォトギャラリー集「10 Pure CSS3 Image Galleries and Sliders」です。 Turn Your Images Into Polaroids with CSS3 FLASHのような派手なアクションなどはありませんが、CSSだけでここまで表現できる、CSS3の良さを感じることができます。全部で10個のCSS3ギャラリーが公開されていますが

    CSS3のみで実現する先進的なフォトギャラリー集「10 Pure CSS3 Image Galleries and Sliders」
    tkamu
    tkamu 2010/06/10
  • WEB開発者のためのFirefoxアドオン20選「Top 20 Essential Firefox Add-ons for Web Designers」

    TOP  >  firefox , Tool , WebDesign  >  WEB開発者のためのFirefoxアドオン20選「Top 20 Essential Firefox Add-ons for Web Designers」 様々な拡張機能が便利なFirefox。様々な拡張機能がリリースされており、WEB開発者向けの便利な拡張機能もいくつかリリースされています。今日紹介する「Top 20 Essential Firefox Add-ons for Web Designers」はWEB開発者のためのFirefoxアドオンを集めたエントリーです。 Web Developer :: Add-ons for Firefox - 日語版 様々なアドオンがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Window Resizer :: A

    WEB開発者のためのFirefoxアドオン20選「Top 20 Essential Firefox Add-ons for Web Designers」
  • photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」

    TOP  >  Design , Photoshop  >  photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」 クリエイティブの現場では欠かす事ができないツールの一つphotoshop。今回紹介するのはそんなphotoshopで描くイラストレーションのテクニックを集めたチュートリアル集「30 Advanced Photoshop Illustration Tutorials」です。 Real Water Droplets 写真ベースの加工から、一から描き出したイラストレーションまで幅広いチュートリアルが全部で30個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Design Beer Glass and Bottle ビールの瓶のラベ

    photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」
  • 10,000個以上のクリップアートをダウンロードできる「artvex.com – Free Clipart, Images, and Graphics.」

    10,000個以上のクリップアートをダウンロードできる「artvex.com – Free Clipart, Images, and Graphics.」 企画書やデザインでも一つイラストレーションがあるとクオリティが上がったり、彩りを添えたりできますが、そんな時に便利なクリップアートを集めたWEBサイトが今回紹介する「artvex.com – Free Clipart, Images, and Graphics.」です。 全部で10,000個以上のクリップアートがダウンロードできるようになっていて、様々なジャンルに分けられて公開されています。参考までにいくつかのカテゴリーに収録されているクリップアートのスクリーンショットを紹介致します。 詳しくは以下 上記のようにテイストもクオリティも様々なクリップアートが収録されていますので、デザインや利用用途によって適切なものを選んで使う事ができるか

    10,000個以上のクリップアートをダウンロードできる「artvex.com – Free Clipart, Images, and Graphics.」
  • 商用可!3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」

    TOP  >  Design  >  商用可!3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」 WEBだけに留まらず、イメージを伝える為に必要不可欠な写真。的確に利用すれば伝えたい事はより伝わり、全体のイメージも形作れたりします。今日紹介するのは3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」です。 風景写真がメインで、外国と日、観光名所と街中の風景、自然風景、洋風・和風等の高解像度画像が公開されていて、その他にも世界遺産都市、スイス・ドイツ、東京・沖縄、犬・・鳥・猿、ビーチ・バー、桜・梅、虹のある景色など特徴的な素材もあり、様々なフリー写真素材がカテゴリに分けられて収録されています。 詳しくは以下 カテゴリー海の場合。 サイズは大きいもので3264×2448pxで公開されており、様々な用途に耐

    商用可!3000枚以上の写真素材をダウンロードできる国内フリー写真素材配布サイト「Futta.NET」
  • PSDがダウンロードできる!PSD配布サイトまとめ「40 Sources To Download High-Quality Free Photoshop PSD Stuff」

    PSDがダウンロードできる!PSD配布サイトまとめ「40 Sources To Download High-Quality Free Photoshop PSD Stuff」 photoshopの保存形式の一つpsd。レイヤーをそのまま残した保存形式のため、photoshopでグラフィックを作り込んでいく際にはこの形式が使われる事が多く、レイヤーが保存されると言う事は、デザインの構造もそのまま保存しているため、編集やカスタマイズも容易にでき、実務的な事以外に、どのようにグラフィックが作られているかというのを勉強する為には最適なものです。 PSlover 今日紹介する「40 Sources To Download High-Quality Free Photoshop PSD Stuff」はpsdファイルをダウンロードできるサイトをまとめたエントリーです。いくつかのpsdサイトが紹介されてい

    PSDがダウンロードできる!PSD配布サイトまとめ「40 Sources To Download High-Quality Free Photoshop PSD Stuff」
  • WordPressのフリーギャラリーテーマの決定版「Gallery WordPress Theme」

    画像や実績を見せるのに適しているギャラリーページ。普通に静的なページで作ると管理が面倒だし、数が増えてくるとメンテナンスも苦労します。そこで今日紹介するのはwordpressで作るフリーギャラリーテーマ「Gallery WordPress Theme」です。 細かな設定が必要な部分はありますが、Wordpressを用いて簡単に良くあるギャラリーページを構築することができます。 詳しくは以下 wordpress2.7に対応。投票機能や評価、コメントなどなど、ギャラリーページに必要な機能は全て揃っていて、コンタクトフォームや関連記事のリンク等プラグインにより、細かな部分も保管されています。またjQueryを用いたエフェクト等、十分満足するクオリティだと思います。つくりもシンプルなのでカスタマイズも容易にできる点もいいですね。 気になったWEBページのスクラップから、自分のポートフォーリオまでア

    WordPressのフリーギャラリーテーマの決定版「Gallery WordPress Theme」
  • 商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」

    TOP  >  WebDesign  >  商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1

    商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」
  • 日本をテーマにしたphotoshopブラシ集「Japanese Brushes Collection」

    TOP  >  Design , Photoshop  >  日をテーマにしたphotoshopブラシ集「Japanese Brushes Collection」 表現の幅を広げてくれる様々なphotoshopブラシですが、今日紹介するのは日をテーマにした、photoshopブラシ「Japanese Brushes Collection」です。日をといっても様々な表現があり、扇子や家紋のようなスタンダードなものから、日語自体のものまで幅広く収録されています。 収録されているブラシセットは全部で21セットにも及びますが、今日は収録されているphotoshopブラシの中から気になったブラシをピックアップして紹介したいと思います。 詳しくは以下 日人が見るとただの漢字やひらがな、かたかなというものがあるのですが、海外の人から見ると記号的な意味合いが強いのかも知れませんね。新たな発見を与

    日本をテーマにしたphotoshopブラシ集「Japanese Brushes Collection」
  • 商用可!なんでもそろう1006個のアイコンセット「Fugue Icons 」

    サイトを構築する際のグラフィカルインターフェイスとして活躍するアイコン。今までDesigndevelopでは様々なフリーアイコンを紹介してきましたが、今回紹介するのは1000種類以上のアイコンを収録したフリーアイコンセット「Fugue Icons」です。 アイコンのデザイン感は統一されて制作されていますので統一して使えばデザインのクオリティは高まるかと思います。コレだけの数が揃っていて種類も豊富なので、どんなサイトでも対応できるはずです。 詳しくは以下 Fugue Iconsの一部 ライセンスは「Creative Commons Attribution 3.0 license.」で保護されていて、「原著作者のクレジット」を表示さえすれば、商用、非商用問わず自由に利用できるみたいです。どうしてもクレジットを表記したくない人向けに、クレジット表記義務を取ったライセンスも50USDで販売されてい

    商用可!なんでもそろう1006個のアイコンセット「Fugue Icons 」
  • 「新ゴ+Helvetica」などの合成フォントの作り方

    普段illustratorで作業することが多いのですが、今まで恥ずかしながら、合成フォントという機能を知りませんでした。今日は「クリエイティブ・タブロイド withD」で紹介されていた合成フォントの機能について簡単に紹介したいと思います。 合成フォントとは漢字/かな/全角約物/全角記号/半角欧文/半角数字のそれぞれに、好みのフォントを指定し、セットとして扱える機能で、例えばこの機能を使えば、英文はHelvetica、その他は新ゴでと言ったことがフォントをいちいち変えることなく文字を入力できます。数字や欧文などを日語書体で使うとイマイチだったりするので、数字は欧文フォントに変えていたりすることがあるのでこれは便利な機能です。 詳しくは以下 作り方は至って簡単で。Illustratorの[書式]メニューから「合成フォント」を選択。新しく作りたい場合は新規というボタンをクリックします。名前を決

    「新ゴ+Helvetica」などの合成フォントの作り方
  • イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」

    TOP  >  Design  >  イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」 写真からイラストレーターに落とし込むときは皆さんどういう風に書き出しているでしょうか、光と影をうまくつかまないとなかなかうまくいかずチープな物になってしまうことが多いです。今日紹介するのはイラストレーターで人物を書き出していくときのチュートリアル「 Beautiful Vector Illustration」です。 光と影をどうつかめば良いのか、何処の部分のライティングを押さえればうまく立体的に見えるのかなど、手順を交えて紹介してくれています。いきなりは難しいかもしれませんが、がんばれば上記のようなグラフィカルな人物を制作することができます。 詳しくは以下 写真の選び方からベクターデータのアウトラインまでと写真を交えながら詳しく説明してくれてい

    イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」
  • フリーで使えるphotoshopブラシ&カスタムシェイプ配布サイト「PhotoshopBrushes.com」 | DesignDevelop

    TOP  >  Design , Photoshop  >  フリーで使えるphotoshopブラシ&カスタムシェイプ配布サイト「PhotoshopBrushes.com」 フリーで使えるブラシ、カスタムシェイプ、パターン、レイヤースタイルを数多く収録、配布しているサイトが今回紹介する「Photoshop Brushes」です。収録されている物は多岐に渡り、それぞれカテゴリに分けられて収録されています。 それぞれ配布されているブラシやカスタムシェイプなどは、そのブラシやシェイプを使って作った画像がサムネイルで表示されていて、イメージから探すことができます。ザッと見てみていくつか気になった物を下記にピックアップしておきます。 詳しくは以下 Vector Foliage – 35 Plants Brush 植物系のブラシです。グラフィカルな表現にかなり使えそうなセットです。 Butterfli

    フリーで使えるphotoshopブラシ&カスタムシェイプ配布サイト「PhotoshopBrushes.com」 | DesignDevelop
  • 1