デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろ - かちびと.net
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
【Fireworks】圧縮率による JPEG で文字もきれいに書き出す | バシャログ。
今週の木曜日はやはり早く寝て夜中に起き出すかないか！toyama です。金曜日は結構な割合で寝不足な人が多そうですね。 大きな写真イメージの上にキャッチコピーを書いてサイトの目立つところに表示、というデザインは割と多いパターンですが、画像の書き出し圧縮率は毎度悩ましいです。 写真の書き出しは jpg がセオリーですが、キャッチコピーの文字がひどく劣化してしまうことがあります。かといって gif で書き出すには色数が多くてディザでもちょっと辛いし重い！ そんなときは Fireworks さんにおまかせです。さすが web 制作の申し子！ 1. こんな感じの画像があるとします。 写真の上にテキストで文字が置かれています。 2. jpg で書き出してみます。普段はこんなに低画質で書き出すことはないですが、分かりやすく圧縮の品質を 50 にしてみます。 背景の画像はともかく、もう文字のまわりがグニ
国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記：今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますｍ（＿ ＿）ｍ 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
拡大しても画像をキレイに保ってくれる『SmillaEnlarger』 | ライフハッカー・ジャパン
写真データを拡大すると、どうしても画像が粗くなってしまいます。特に、解像度が低い画像を拡大し過ぎると、昔のテレビゲームのドット絵みたいになりますよね。そんな時は、画像を拡大してもエッジを滑らかに見せてくれる『SmillaEnlarger』がオススメです。 『SmillaEnlarge』rは、拡大した時にギザギザになってしまう部分を人工的に補完して、拡大しても画像のイメージをそのままに、それっぽい感じで表示してくれるのです。 画像の拡大したい部分を選択ボックスで囲んだら、あとはズームスライダを使ってどれくらい拡大するかを決めるだけです。選択部分には、シャープやディザ加工やノイズなど、様々な画像補正をすることもできます。補正適用後の状態はプレビュー画面で随時確認できますので、ためらわず直感でどんどん補正してみましょう。おかしなことになったら、また元に戻せばいいのです。 補正し終わったら「Cal
| ＾＾ |秒刊SUNDAY | ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個
2009年01月30日 ０円でWebデザイナーになれる、オープンソースウェブ制作アプリ集30個 カテゴリ：WEBデザイン ウェブデザイナーになる為には、非常に高いアプリケーションやら、パソコンスペックなどが必要となりますが、たった０円でそれらを揃えることが可能です。 オープンソースHTMLエディタ ◆Bluefish Editor ■Bluefish Editor : Home 軽量のオープンソースHTMLエディタ。MACとLinuxに対応。 ◆Quanta Plus ■Quanta Plus Home CSS編集が楽になるオープンソースHTMLエディタ。 Linux用 ◆Amaya ■Amaya Home Page W3Cによる、オープンソースHTMLエディタ。バリデートもこれで万全。 Windows、MAC,Linuxと、すべてのプラットフォームに対応 ◆CSSED ■CSSED I
ウェブデザイナーの作業を助ける12のオンラインツール
カラースキームの作成、フォントの作成・選択、画像編集などウェブデザイナーの作業を助ける12のオンラインツールをSix Revisionsから紹介します。 12 Useful Web Tools for Designers
web制作者の為の年末年始で見逃せないエントリまとめ「2009年度版」
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
MOONGIFT: » Photoshopもこれで不要？WindowsでGIMPを使いやすく「GimPhoto」:オープンソースを毎日紹介
画像編集と言えばPhotoshopが真っ先に挙がるだろう。高度な編集も容易にこなす、素晴らしいソフトウェアだ。だが高い、個人レベルではとても購入して使おうという気になれない。そこで代替えとして挙げられるのがGIMPだ。 GIMPを使い勝手よく！ GIMPはオープンソースであり、無償で利用できる。だがインタフェースがこなれていない（玄人向け？）なので、一般ユーザには取っ付きが悪かった。そこで使ってみたいのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはGimPhoto、GIMPをPhotoshop風にして使い勝手を良くしたソフトウェアだ。 GimPhotoはGimPadというソフトウェアと組み合わせて利用する。GimPadはGIMP for WindowsをMIDウィンドウ対応にするソフトウェアだ。これだけでも随分使い勝手が良くなる。また、Windows風やVista風とい
サイト制作に役立ちそうなWeb 2.0的ツールが400以上まとまっている『Web2Rain』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 紹介されているツールはきちんと機能別にタグ付けもされているので、ピンポイントな要望にも応えてくれるだろう。またタグクラウドやキーワード検索にももちろん対応している。 日々登場するネットツールの全容をつかむことは難しい。こうした探しやすいサイトは知っておいても悪くないですな。
ウノウラボ Unoh Labs: CSSを書くときに使っているツールの紹介
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
アルファルファモザイクより「オススメのフリーグラフィックソフト」
「友だちをつくるため投資詐欺思いついた」 寂しがり屋の女性が市営団地を舞台に「口コミ」で59人から1億2000万円詐取 佐賀市
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
相性の良い色を自動でピックアップしてくれる「ColorBlender」
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
【特集】Webアプリケーション開発者向け Firefox拡張機能 33 1選 (MYCOMジャーナル)
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Vector Magic | Precision Bitmap to Vector Conversion Online
無料で使える６つのインストール型画像編集ソフト - DesignWalker
ColorJack: Sphere (Color Theory Visualizer)