MIGI PLANNING » etc… http://m-pl.jp Just another WordPress weblog Sun, 05 Sep 2010 23:47:42 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」 http://m-pl.jp/2010/08/19/%e5%86%99%e7%9c%9f%e4%b8%8a%e3%81%ae%e4%b8%8d%e8%a6%81%e3%81%aa%e3%82%82%e3%81%ae%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e6%b6%88%e5%8e%bb%e3%81%97%e3%81%a6%e5%91%a8%e3%82%8a%e3%81%a8%e9%a6%b4%e6%9f%93/ http://m-pl.jp/2010/08/19/%e5%86%99%e7%9c%9f%e4%b8%8a%e3%81%ae%e4%b8%8d%e8%a6%81%e3%81%aa%e3%82%82%e3%81%ae%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e6%b6%88%e5%8e%bb%e3%81%97%e3%81%a6%e5%91%a8%e3%82%8a%e3%81%a8%e9%a6%b4%e6%9f%93/#comments Thu, 19 Aug 2010 08:54:29 +0000 migi http://m-pl.jp/?p=467 http://design-develop.net/web/webinpaint.html

photoshopなど一部高機能な写真レタッチソフトには実装されていますが、今回紹介するのは写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」。

使い方は非常に簡単で、写真の中の消したいものをブラシで、塗りつぶして、Inpaintを押すだけで写真を解析して、周りの風景と違和感がないように修正してくれます。レタッチした例がいくつか公開されていましたので。下記に貼り付けておきます。

詳しくは以下

webinpaint

carpetremove

legoremove

完璧とまではいきませんが、小さな画像で、背景が単色のものならば一見しただけではわからないクオリティです。

ただ消すだけというシンプルなWEBサービスですが、非常に簡単に利用できますので、旧版のphotoshopしか無くて、コピースタンプを使って消していくしかないという状態の時には非常に役立ってくれるWEBサービスだと思います。

Webinpaint

via?Webinpaint is a Poor Man’s Web-Based Content Aware Fill Tool

]]> http://m-pl.jp/2010/08/19/%e5%86%99%e7%9c%9f%e4%b8%8a%e3%81%ae%e4%b8%8d%e8%a6%81%e3%81%aa%e3%82%82%e3%81%ae%e3%82%92%e7%b0%a1%e5%8d%98%e3%81%ab%e6%b6%88%e5%8e%bb%e3%81%97%e3%81%a6%e5%91%a8%e3%82%8a%e3%81%a8%e9%a6%b4%e6%9f%93/feed/ 0 プレゼンに役立つフリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」 http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/ http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/#comments Fri, 09 Jul 2010 11:11:47 +0000 migi http://m-pl.jp/?p=433 http://design-develop.net/design/345-free-powerpoint-templates.html

プレゼンや、企画書など、クリエイター以外にも幅広くビジネスシーンで利用されるプレゼンテーションツール、パワーポイント。今日紹介するのはパワーポイントでの資料作成に便利な、フリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」です。

テーマは様々で、ビジネステンプレートから、医療業界で使えそうなもの、写真を大胆に使ったものなど様々なテンプレートが収録されており、全部で345個公開されています

詳しくは以下


ウェディングをテーマにしたテンプレート。その他にも様々なテンプレートが公開されています。

海外のサイトなので、国内っぽいデザインのものはありませんが、シンプルなものも多いので。プレゼンテーションや企画書の内容にもよりますが、上手く利用出来るものもあるかと思います。

普段はパワーポイントに慣れていないクリエイターの型などには良い素材だと思います。ダウンロードは各カテゴリー以下のサムネイルの下部のテキストリンクからどうぞ。

345 Free PowerPoint templates, themes and backgrounds

]]> http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/feed/ 0 個性的な名刺デザインを集めた「35 cool and unique business card designs」 http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/ http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/#comments Sat, 26 Jun 2010 23:20:33 +0000 migi http://m-pl.jp/?p=431 http://design-develop.net/design/35coolanduniquebusiness.html

ビジネスの際に欠かすことの出来ないアイテム”名刺”、シンプルなものから、インパクトを重視した変わったデザインのものまでさまざまな名刺が使わ れていますが、今回紹介するのは、個性的な名刺デザインを集めた「35 cool and unique business card designs」です。


Bottle Opener Business Card | Business Cards Observer

名刺の形はしているけども、かなりデザインに個性が見られるもの、また一見名刺とは思えないようなデザインまでさまざまな種類が紹介されています。

詳しくは以下

■Brigada Creativa ? Business Cards ? Creattica
手で鉛筆を握っているかのような仕様になっています。本物の鉛筆でしょうか？鉛筆を使って描いたかのような手書き風の文字も印象的です。

■Pirate Treasure Map Cards ? Business Cards ? Creattica
まるで冒険の地図を思わる、ワクワクするような名刺です。目的地には本当に宝物が眠っているのかもしれません・・。

■Business card on Flickr ? Photo Sharing!
スタンプを押して仕上げる名刺。一枚一枚、押し方や位置、色などで印象が違ってきます。

小さなキャンバスであるにもかかわらず、本当に豊富なデザインパターンが次々と生まれる名刺。見ているだけでも面白いですね。この他にもたくさんの 名刺が紹介されていますので、従来の名刺とは違うものが作りたい、という方は参考にしてみてはいかがでしょうか。

35 cool and unique business card design

]]> http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/feed/ 0 エクセルシートをコピー&ペーストでHTMLテーブルに変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」 http://m-pl.jp/2010/04/27/%e3%82%a8%e3%82%af%e3%82%bb%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%83%9a%e3%83%bc%e3%82%b9%e3%83%88%e3%81%a7html%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ab/ http://m-pl.jp/2010/04/27/%e3%82%a8%e3%82%af%e3%82%bb%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%83%9a%e3%83%bc%e3%82%b9%e3%83%88%e3%81%a7html%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ab/#comments Tue, 27 Apr 2010 00:38:46 +0000 migi http://m-pl.jp/?p=407 http://design-develop.net/web/xls_html.html

HTMLの中でも、特に手打ちの場合、面倒な部類に入る表組み。最近ではテーブルは一切使わないなんて事がありますが、テーブルで組む利便性もあったりします。今日紹介するのは煩わしいテーブル組みをエクセルからのコピー&ペーストで簡単に変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」を紹介したいと思います。

eksel01

手順は非常にカンタンで、エクセルから表にしたい部分をコピーして、細かい部分を設定し、変換ボタンを押すだけで簡単に表を出力してくれます。

詳しくは以下

eksel02
変換されたテーブル

単純に変換するだけではなくて、Thタグの背景色だったり文字色、クラス名を埋め込んだりなど、テーブルに必要な細かな設定もできますので、WEB制作の現場でも十分耐えられるものになっています。

また変換後はCSSとHTMLが書き出されますので、WEBサイトへの組み込みが容易にできます。表組の原稿がエクセルで来た場合には非常に重宝するWEBサービスだと思います。まだββ版ということで今後にも期待したいサービスです。

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

]]> http://m-pl.jp/2010/04/27/%e3%82%a8%e3%82%af%e3%82%bb%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%82%92%e3%82%b3%e3%83%94%e3%83%bc%e3%83%9a%e3%83%bc%e3%82%b9%e3%83%88%e3%81%a7html%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e3%81%ab/feed/ 0 WEBデザインのワイヤーフレームを書くためのツール10選「10 Excellent Tools for Creating Web Design Wireframes」 http://m-pl.jp/2010/04/03/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%af%e3%82%a4%e3%83%a4%e3%83%bc%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%82%92%e6%9b%b8%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e3%83%84%e3%83%bc/ http://m-pl.jp/2010/04/03/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%af%e3%82%a4%e3%83%a4%e3%83%bc%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%82%92%e6%9b%b8%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e3%83%84%e3%83%bc/#comments Sat, 03 Apr 2010 04:28:43 +0000 migi http://m-pl.jp/?p=388 http://design-develop.net/web/10-excellent-tools-for-creating-web-design-wireframes.html

WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。

http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes

]]> http://m-pl.jp/2010/04/03/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%83%af%e3%82%a4%e3%83%a4%e3%83%bc%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%82%92%e6%9b%b8%e3%81%8f%e3%81%9f%e3%82%81%e3%81%ae%e3%83%84%e3%83%bc/feed/ 0 クロスブラウザ対策のための表示確認ツールのまとめ「Useful Tools for Testing Cross Browser Compatibility」 http://m-pl.jp/2010/01/29/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e5%af%be%e7%ad%96%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%81%be/ http://m-pl.jp/2010/01/29/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e5%af%be%e7%ad%96%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%81%be/#comments Fri, 29 Jan 2010 14:19:23 +0000 migi http://m-pl.jp/?p=331 http://design-develop.net/web/useful-tools-for-testing-cross-browser.html

現在様々なブラウザがシェア争いを繰り広げており、人によって利用しているブラウザは色々だと思います。それゆえにWEB制作者にとっての一つの課題が、多々あるブラウザでの表示を統一しなければ行けないという命題が化せられると言う事です。特に現状はブラウザの種類の違いだけではなく、利用されているバージョンも異なっているため、そちらも念頭にいれなくてはいけなくて、主要ブラウザとそのバージョン違いを検証するだけでもかなり手間がかかります。そこで今回紹介するのは主要なブラウザ間での表示確認を簡単にしてくれるWEBサービス、ツールをまとめたエントリー「Useful Tools for Testing Cross Browser Compatibility」を紹介したいと思います。

http://webdesignledger.com/tools/useful-tools-for-testing-cross-browser-compatibility

]]> http://m-pl.jp/2010/01/29/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e5%af%be%e7%ad%96%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%83%84%e3%83%bc%e3%83%ab%e3%81%ae%e3%81%be/feed/ 0 シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」 http://m-pl.jp/2010/01/20/%e3%82%b7%e3%82%a7%e3%82%a4%e3%83%97%e3%81%8b%e3%82%89%e5%86%99%e7%9c%9f%e3%82%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c/ http://m-pl.jp/2010/01/20/%e3%82%b7%e3%82%a7%e3%82%a4%e3%83%97%e3%81%8b%e3%82%89%e5%86%99%e7%9c%9f%e3%82%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c/#comments Wed, 20 Jan 2010 01:03:58 +0000 migi http://m-pl.jp/?p=322 http://design-develop.net/tool/shape-collage.html

写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。

shaopphoto

http://www.shapecollage.com/

]]> http://m-pl.jp/2010/01/20/%e3%82%b7%e3%82%a7%e3%82%a4%e3%83%97%e3%81%8b%e3%82%89%e5%86%99%e7%9c%9f%e3%82%b3%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5%e3%82%92%e8%87%aa%e5%8b%95%e7%94%9f%e6%88%90%e3%81%97%e3%81%a6%e3%81%8f%e3%82%8c/feed/ 0 PSDでダウンロードできる、デザイン性の高いフリー名刺デザイン「20 Free Photoshop business cards」 http://m-pl.jp/2010/01/18/psd%e3%81%a7%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e6%80%a7%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa/ http://m-pl.jp/2010/01/18/psd%e3%81%a7%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e6%80%a7%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa/#comments Sun, 17 Jan 2010 23:40:09 +0000 migi http://m-pl.jp/?p=315 http://design-develop.net/design/20-free-photoshop-business-cards.html

ビジネスには欠かせない名刺、名刺のイメージでセンスや個性が見えたりとデザインはとても重要な要素となっていますが、今回はデザイン性の高いpsdのフリー名刺デザインを集めた「20 Free Photoshop business cards」を紹介したいと思います。

http://www.net-kit.com/20-free-psd-business-cards/

]]> http://m-pl.jp/2010/01/18/psd%e3%81%a7%e3%83%80%e3%82%a6%e3%83%b3%e3%83%ad%e3%83%bc%e3%83%89%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%81%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e6%80%a7%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa/feed/ 0 Data Tables In Modern Web Design http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/ http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/#comments Mon, 04 Jan 2010 03:07:24 +0000 migi http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/ http://www.noupe.com/design/data-tables-in-modern-web-design.html

]]> http://m-pl.jp/2010/01/04/data-tables-in-modern-web-design/feed/ 0 オンラインで使えるマルチメディア編集ツール色々「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」 http://m-pl.jp/2010/01/04/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%9e%e3%83%ab%e3%83%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e7%b7%a8%e9%9b%86%e3%83%84%e3%83%bc%e3%83%ab%e8%89%b2/ http://m-pl.jp/2010/01/04/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%9e%e3%83%ab%e3%83%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e7%b7%a8%e9%9b%86%e3%83%84%e3%83%bc%e3%83%ab%e8%89%b2/#comments Mon, 04 Jan 2010 03:03:13 +0000 migi http://m-pl.jp/?p=304 今日紹介するのは撮りためた、写真、動画、音声等を簡単に加工してくれるオンラインツールを集めたエントリー「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」を紹介したいと思います。

http://design-develop.net/web/30-free-online-multimedia.html

]]> http://m-pl.jp/2010/01/04/%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%9e%e3%83%ab%e3%83%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e7%b7%a8%e9%9b%86%e3%83%84%e3%83%bc%e3%83%ab%e8%89%b2/feed/ 0