藤川健の、けんてぃブログ。:ITmediaオルタナティブ・ブログ (RSS)

藤川健の、けんてぃブログ。

海外や日本のIT系面白いことや今後の不思議。最新のCG関連全般のことも書いていきます。


画像をCSSに書いてしまうImg to CSSというサイトを紹介。
PNG、JPEG、GIF、BMP、TIFFのフォーマットが使用可能。

用途としてはメルマガやビジュアル的なHTMLメールに画像を使用して送りたいけど弾かれたりする場合が多く
こちらを使用すると問題が出ないですよ。といった内容です。

1_5

さっそく試してみました。

画像を選択し(ここではITメディアロゴをお借りいたします)
半透明を持つ画像は反映されません。

そしてコンバート。

注意:大きいサイズは有料のようです。
フリーで使用できる画像サイズは250X250以内

2_5
↑すぐにタグとなり出力されました。

↑こちらはそのタグを記事上に貼り付けたものです。
(画像ファイルではありません。)
右クリックやソースを見るとわかります。ものすごいことになってますが。


結構しっかり(その分行数結構ありますが)変換されています。
ピクセル単位で生成しているのだと思います。

こちら Img to CSS http://www.imgtocss.com/



藤川健



PortraitPro 9という顔写真を綺麗にするツールの紹介

Dddddd

Adobe PhotoShop®プラグイン
RAW ファイルサポート
をしているようです。

CS5対応かは記載されていないのでわかりません。

ポートレート用画像におすすめ。

日本語サイト

英語サイト

機能紹介

体験版をダウンロードしてみました。
Dj
↑綺麗にしたい画像を選択し、男性女性の選択

Mk
処理を行うためにマーカーを顔の形に配置。
簡単にできます。

0
↑スペースバーを押すと瞬時に比較が確認出来、

1_2
スライダーもリアルタイムで動きます。

大きな画像に関してはスペックによりますがそこそこ処理に時間がかかるのではないかと思います。


藤川健


Windows 7 Boot Updaterというツールを適当に試してみました。

1
一連の確認が出来て簡単に使えます。

今のところ特に用途はないですが・・。
Windows起動時のロゴアニメーションや文字、色、画像が変更できるようです。

その他にも色々なTuneUPツールがありますが、
文字だけ変えたい時には良いかもしれません。




藤川健

単なる日記です

5月末にバージョンアップされる
タワー オブ アイオンというMMORPGが
Episode 2.5になり、
今現在のクオリティよりはるかに良くなるらしい。

Tower of AION 2.5

シェーダーやテクスチャの圧縮等技術で補っているようですが、
よくなったクオリティで動くのか不安。
グラフィック落とさないとだめなのかな。

モーションや新マップなど色々新しく機能が入るらしく、
まだ初心者レベルなのですが楽しみです。

Beforeafter1before

↓↓↓↓↓↓↓↓↓↓↓

Beforeafter1after


↓ついでに3.0のVisionMovie”らしい”

藤川健


FlashやHTML5でウェブ上からお絵かきが出来るサイトで
いけてるものをピックアップ。
ウェブツールのバージョンが最新であれば全体的に動くかと。

iphone、ipad、androidで動くものもあるかと。

Slimber
online drawing tool
ごく普通のペイントツール的なサイトです。
Windowsのペイントに良く似ています。


Sumo Paint
online drawing tool
Slimberよりもかなり機能が多く、レイヤーもあり
多少Photoshopに近いかと思います。


Odosketch
online drawing tool
僕のおすすめです!
描いていて楽しくなります。
ペンがおもしろく、絵が苦手なひとでも上手くかけている味がでます。


Myoats
online drawing tool
複雑な図形や多角形パターンなどを作成するドローツールです。


deviantART muro
online drawing tool
これもおすすめです。
ペンもいい感じに動いてくれます。初期設定がいい感じです。


FlockDraw
online drawing tool
Facebook共有が出来るツールです。
機能的には普通のドローツールでした。


Draw.to
online drawing tool
こちらもすぐにソーシャルで共有したいときなどにつかえるツール


Skectfu
online drawing tool
Flashで作成されているPixivの簡易版のようなペイントツール
描いた順番に再生することができます。


SketchPan
online drawing tool
ソーシャルオンライン描画コミュニティです。
レイヤーも充実しており、知らない人とも会話しながら絵がかけます。
Pixivはレイヤーがすくないですが、こちらは無制限?なのかな
他人の絵を鑑賞と倍速再生で見ることが可能です。


Viscosity
online drawing tool
3次元ペイントとでもいう感じですが、
SVGデータにエフェクトペイントをかけているのかな。
これは非常におもしろいですが、用途がいまのところ見つかりません・・・。
地層のかたちを作れそうです。


Onemotion
online drawing tool
これも初期設定がいい感じ。
ペンでサラサラっとかけます。


Harmony
online drawing tool
背景やおしゃれな描き味でリアルフェイスなどを描くときに
もってこいかとおもいます。


Graffiti Playdo
online drawing tool
壁にスプレーで落書き。
見た目はいいですが描いた感じちょっと残念。



藤川健



金属の名刺を紹介している海外のサイトがありましたので
かっこいいと思ったのでアップします。
一枚いくらくらいなんだろう・・・。

DesignBeepより

metal business card

metal business card

metal business card

metal business card

metal business card



metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card

metal business card


metal business card


metal business card


metal business card


metal business card


metal business card


metal business card


藤川健



今回も超短時間で簡単にできるPhotoshopの使用方法です。
Photoshopのバージョンも特にCS5ではなくても大丈夫です。
写真自動編集などのiphoneアプリにも仕組み的には同じかと思います。

Zzlydia2_2

↑元画像

この画像をカラフルにパレットエフェクトぽい感じにします。

1

まずPhotoshopに画像を読み込む。

2
↑レイヤーをひとつ作ります。


3

4

新しく作ったレイヤーに
大きなブラシで豪快に↑のように色を塗っていきます。

5
↑色を塗ったレイヤーを半透明にします。

6
↑赤丸のところをスクリーンにすると。


0000
スクリーン

00001
オーバーレイ

00002
覆い焼きカラー

透明度とレイヤのフィルタのみでどのような感じにもなり
そのままレイヤーに適当にペイントしてもいいかと思います。



藤川健



まだベータ版ですが新しくWordpressが3.2がダウンロード可能となりました。
これから旧ワードプレスとの互換性やバグ等を調べていこうと思います。

Dashboard_wordpress1_3

まず
Internet Explorer 6をサポートしていません。
システムの動作環境が PHP 5.2.4 、 MySQL 5.0

と記載。
PHPのバージョンは普通のレンタルサーバなら対応しているかと思いますが、

IE6に関してはテーマとプラグインでなんとかなれば良いのですが、
なければ作るしかないようです。
wordpressのことですから色々良いプラグインがでてくるでしょうと期待(笑)

管理画面も多少変更されています。

Header_wordpress_2

↑あまり使わないような気がしますがヘッダの画像カスタマイズ


Rdpress_2

旧ワードプレスでもそうですが、
このようにPHPとテーマの連動がかなり濃くなってきているので
サイトデザインをしているかたも
なんとなくでもPHPを知っているとおもしろいものができそうです。
Wordpressだけではなく他のCMSでもそうですが・・。


Wordpress3.2でのサイト

Ahren_code1_2

Ahimsa 3.2


Twentyelevenwordpress



藤川健



モスクワのトップショップというマーケットで
マイクロソフトのKinectを使用し
擬似的試着ができるというもの

123

Kinectは多数の赤外線から動きと距離を認識するシステムで
人体の動き等、3D上に人体骨格のデータを保存しておけば
リアルタイムに反映させることができる。

骨格を判定しているので、骨格に合わせてリサイズされている。

今回の場合、平面の3Dに服の写真、のみを出力しているが
3Dモデルになると動きに合わせて服もフィットされる。
でもそんな大量に作ってるとコストがかかるだけですが。





藤川健



本気モードではなく、ちょっとやってみて確認したい用に
簡単なPhotoshopで射光の作り方です。
今回は森林ですが、ステンドグラスや部屋の簡単な光にも使えると思います。

00
この画像から

Spe1_ph_01


1

ファイルをPhotoshopで読み込み、

2

レイヤーの背景から右クリックでレイヤーを複製


3

イメージ→色調補正→二階調化


4

適当にパラメーターをいじる。


5

選択範囲→色域指定
で黒い部分をチェックし選択する。(レイヤーは複製レイヤー選択状態)
(地面ぶぶんの白いところは射光が必要ないので黒で消します。)


6

色域指定が終わったらDeleteキーで黒い部分が消えます。
選択状態になっているので解除する。

7

フィルタ→ぼかし→ぼかし(放射状)
を選択


8

放射状のパラメーターを色々いじってみる
放射する位置もドラッグで変えてみる。


Spe1_ph_01

すこし大げさにやってますがとりあえず完成。レイヤーを複製すると光の部分が濃くなります。色とかも調整。



藤川健


プロフィール

藤川 健

藤川 健

DOS株式会社、代表取締役。サイトへのシステム構築をはじめ、Web、ソーシャルアプリなどの提案と開発、各種媒体へのコンサルティングなど。

詳しいプロフィール

最近のトラックバック
カレンダー
2011年7月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
カテゴリー
エンタープライズ・ピックアップ

news094.gif ストレス社会との付き合い方
政府がメンタルヘルス検査の義務化を検討しています。しかしうつになった後だけではなく、なる前の予防も大切なのではないでしょうか。(5/24)

news094.gif 「思いやり経営」のススメ
産学・NPO連携の民間団体が先頃、「思いやり経営」という観点で評価した指標や企業ランキングを発表した。企業のマネジメント力を知る手立てとして注目されそうだ。(5/24)

news094.gif テレワークが労働者のマインドを変える
テレワークが普及すると、労働者の評価は従来の「時間×生産性」から「成果」へと変化する。時間や場所を自分の裁量でコントロールできる変わりに、成果を最大化するために労働をマネジメントする能力とマインドが労働者には必要になる。(5/23)

news094.gif 求む、クックパッド男子
高身長も高学歴も高収入もいらない。私が男性に求めるのは「料理の腕」だけです。(5/18)

news094.gif 37歳の常識――我々は一生学び続ける
学び続けなければ衰退するのみだ。(5/18)

オルタナティブ・ブログは、専門スタッフにより、企画・構成されています。入力頂いた内容は、アイティメディアの他、オルタナティブ・ブログ、及び本記事執筆会社に提供されます。

Special

- PR -

サイトマップ | 利用規約 | プライバシーポリシー | 広告案内 | お問い合わせ