WEBデザイン用ブラウザ上で動かせるジェネレータ一覧まとめ

便利ツール

Generator

WEBデザインの手間を取っ払ってくれる、
インターネット閲覧ブラウザ上で動かせるジェネレータを紹介します。

「ジェネレータ」とは条件を指定したり元素材を設置することで、
ある程度自動で画像データやファイルを目的の形式に変換してくれるものなどです。

インターネット上のサイト等でもサービスを提供されているものがあります。

こういう無料のWEBサービスを利用すると、
画像編集ソフトを開く手間が省けて便利です。

各サイトやサービスから、
作成したい画像などを指定して自身のWEB上に貼り付けることができます。

画像作成ジェネレートまとめ

  • Ajaxload
  • ローディング画像を生成するジェネレータ。
    種類、色、背景色を選んで、ボタンを押すだけで
    ローディングのGIF画像が完成します。

  • reflectionmaker
  • 鏡面画像を生成するジェネレータ。
    方法は下に鏡面を付けたい画像をアップロードするだけ。

  • DiagonalAdvertisingBannerDesign
  • リボン画像を作成するジェネレータ。

  • StripeGenerator
  • シンプルなストライプ画像を生成するジェネレータ。

  • 無料ボタン作成ジェネレーター
  • ボタンを生成するジェネレータ。
    72種のボタンから設定することが出来ます。

  • BrilliantButtonMaker
  • RSSやブログランキングバナーなどに使えそうな
    80×15pxサイズのアイコンを作成するジェネレータ。

  • 3DPackageonline
  • 3Dのパッケージ、CD、DVDボックスなどが生成できるジェネレータ。
    素晴らしいサイトですが、カッコよく仕上がるかというと、
    こればっかりはアップロード元の画像との相性によります。

  • SumoPaint
  • ブラウザ上で動くペイントサイト。
    ツール、アイコンの種類や配置がどことなくフォトショップに似ています。
    レイヤー機能が付いて、フォントもPCに入っているものが
    そのまま使えるという本格的な感じが凄い。

  • IzzyMenu
  • サイトで使うCSSメニューを生成するジェネレータ。
    「MenusCatalogue」内の膨大なサンプルから選ぶことが出来ます。
    ※サイト公開終了のようでリンクを外しました。

  • ドット風吹き出し画像
  • ドット風の吹き出しと文字を生成するジェネレータ。
    作り方も簡単です。

  • Glogster
  • ポスター風の画像を生成するジェネレータ。

  • 全自動4コマ
  • 4コマ漫画を生成するジェネレータ。
    作った4コマ漫画はブログやサイトにも貼り付けられます。

  • TiltShift Generator
  • (「INSTALLATION」の「2: Install TiltShift.air.」からインストール)
    何気ない写真を簡単な操作でアーティスティックな画像に変換してくれるツールです。

  • AdobeAIRアプリケーションで機能性の高いソフトを厳選してまとめ
  • こういうアプリを全部使いこなせると、とんでもないクオリティがつくれそうです。

  • ImageChef
  • - 写真をカスタマイズ、クリップアート
    あらかじめ決まったテンプレートの中から画像をカスタマイズできるサイト

    ファビコン作成のジェネレータ

    参照:WordPressでのファビコン作り方と設定方法

  • favicon.iocを作ろう!
  • 画像をそのままファビコンサイズに変更できるジェネレータ。
    作業が簡単で使いやすいサイト。

  • freefavicon
  • 画像をファビコン形式(拡張子.ico)に変換するジェネレータ。
    ファビコンのサイズは16×16なので、正方形画像のアップを推奨します。

  • favicon.cc
  • 次はファビコンを一から作る為のジェネレータ。
    ファビコンは16×16とサイズがとても小さいので、
    普通の画像編集ソフトでは難しいです。これだと簡単ですね。

画像作成はオリジナリティとスピード感を意識

WEBサイトを作成していく中で画像利用は大切な要素のひとつです。

今回の手軽に利用できるジェネレーターサービス等を利用することで、
簡単にオリジナル画像に近いモノを作ることができます。

画像編集ソフト等を利用してオリジナル画像を作成することも重要ですが、
サイト作成におけるスピード感も大切です。

手間と時間をかける部分と、
こういったジェネレーターを利用してスピード化する部分を
うまく使い分けることでサイト作成スキルと効率は向上していくと思います。

コメント