[Generator] ImageGlitcher – 画像をグリッチノイズ加工してくれるジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.30, 2014, under WebApp

画像をグリッチノイズ加工してくれるサイト。グリッチノイズってあまり聞き慣れない単語だけど、よく映画やMVの演出で使われる、壊れかけのブラウン管TVで見るようなノイズの事です。使い方はサイト内の「Drop Image Here」に画像ファイルを放り込んで、「Glitch It!」ボタンを押すだけです。その際ノイズの深さとブライトネスを調整する事ができます。気に入った加工ができたら「Save Image」ボタンで画像単品で表示できます。試しに自分で撮ったガンプラの写真で試してみましたが、左のサムネのようになりました。デジタルノイズ加工したい時に使えそうです。

コメントを書く :, ,

[Font] The 100 best free fonts – フリーフォント100選

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.30, 2014, under Material

クールな欧文フリーフォントを100個集めた記事。フォント紹介の記事らしく、それぞれのフォントを使った作例と併せて紹介されてます。様々な種類のデザインフォントが揃ってるんだけど、100個もあるのでザっと見るだけでも結構なアレです。フォント収集する際の起点としてナイスな記事。わたくしこの前Yosemiteクリーンインストールする際にフォント類の掃除をしました。ほっとくと溜まる一方なんですよね、この手の素材って。

コメントを書く :, ,

[Funny] ALBUM COVERS – THE BIGGER PICTURE – 有名アルバムジャケットのトリミング前はどんな風景だったのか

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.29, 2014, under Funny

有名なアルバムジャケットがトリミングされる前はどんな風景だったのかを妄想した記事。マジメに妄想したというよりはネタ記事で、俺はNirvana, Blur, Fatboyslim, Michel Jacksonあたりがツボでした。各イメージをクリックすると、引きの絵を見る事ができます。マイケルの左側ヒド過ぎるだろこれwww

コメントを書く :,

[Generator] Vector Magic – ビットマップ画像をベクター画像に変換してくれるサイト

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.29, 2014, under WebApp

ビットマップ画像をベクター画像に変換してくれるサイト。「Upload Image To Trace」ボタンから画像をアップロードすると、ちょっと待たされた後でベクター形式に変換してくれます。対応する画像フォーマットはJPG, GIF, PNG。変換後のフォーマットはEPS, SVG, PDFに対応しているようです。試しにいくつか放り込んでみましたが、コントラストのハッキリした画像なら結構綺麗に変換してくれます。Illustratorのライブトレースよりもこっちの方が使えるんじゃないかなという印象。Webフォーマットのデザイン素材を印刷に流用する時なんかに使えそうです。

コメントを書く :, ,

[Generator] Coolors – ランダム生成してくれるカラーパレット

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.28, 2014, under WebApp

ランダムにカラーパレットを生成してくれるジェネレーター。使い方は簡単で、スペースキーを押すだけで5色のカラーをランダムに変更してくれます。またこの際、キープしたい色をクリックするとロックでき、ロックされてない色のみを変更する事もできます。それだけの機能のシンプルなジェネレーター。またURLをコピーするだけでこのような形でパレットを他人と共有する事もできます。例えばキーカラー1色のみ決まってて他の色どうしようか迷ってる時なんかに便利そうですね。

コメントを書く :, ,

[Brush] 30 Useful Arrow Brushes For Photoshop – フォトショップで使える矢印ブラシまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.27, 2014, under Material

Photoshopで使える矢印状のブラシをまとめた記事。元は数年前の記事らしいけど、最近アップデートされて数が増えたようです。手書き風やグラフィティ風のものが多く紹介されてます。Photoshopでもラインツールを使って矢印は当然描けますが、ちょっと普通じゃない矢印を描きたい時なんかにいいですねこれ。フローとか作る時に矢印ってよく使いますしね。

コメントを書く :, ,

[DIY] klaus geiger converts apple power mac G5s into contemporary furniture – PowerMac G5をリサイクルした家具

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.24, 2014, under Apple

これは素晴らしい。古くなったPowerMac G5を家具としてリサイクルした作例。ウッドとガラスとで2つのテーブルを製作してます。特に素晴らしいのがウッド天板の方。G5のラウンド部分に沿う形で天板エッジ部分も処理され、シェイプがタマらなく美しいです。この形なら白天板でも合いそう。ウチにPowerMac G5が2台余ってたら間違いなくマネしそうな作例。G4 Cubeなら実家に1台余ってんだけどなぁ。使い道ないよなぁ・・・。

コメントを書く :, ,

[Javascript] hamburgler.js – ハンバーガーメニューのJS

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.24, 2014, under Web Design

モバイル向けサイトやアプリでよく目にする3本線のメニュー。俗にハンバーガーメニューって言われますが、あれを実装できるJavascript。レスポンシブレイアウトのサイトでモバイル向けレイアウトになった時、それまでのグローバルナビがハンバーガーアイコンに収まるという手法はよく見かけますね。ただこの手法には結構賛否両論があり、「美しくない」という意見もよく目にします。個人的にはアレってAndroid App界隈限定での手法であって、WebやiOS Appにおいては全然一般的じゃなくね?とも思います。けどまぁサイトによってはこれの導入を求められる時もあるので、備忘録として残しておきます。

コメントを書く :, , ,

[Freebie] Web Design Freebies – Webデザインに使える素材をまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.23, 2014, under Material

Webデザインに使える素材を集めたサイト。置いてある素材はアイコンやモックアップPSD、フォント、HTMLテンプレート、テクスチャ、インフォグラフィック素材など。アイコンがわりと多めな印象。まだ若いサイトらしく紹介されてる量はそれほど多くはないけど、今後増えて行くんでしょう。素材探しに使えそうです。

コメントを書く :, , ,

[UI Design] 20 Free and Fresh Mobile UI Templates – モバイルAppのUIテンプレートまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加
  • Check

by on 10月.23, 2014, under UI Design

Mobile AppのUIテンプレートをまとめた記事。多くはiOSをプラットフォームとして想定した作例です。iOS 7以降のフラットUIをベースとしたものが多いです。リンク先ではPSDで配布されてる場合が多いので、UIデザインをする際の素材探しとしても使えそうです。ユル目のグラデーション、ブラー、線画のアイコン。こういったものが今のデザイントレンドなんでしょうね。

コメントを書く :,

Web Services

My Profile by iddy

Twitter Status