タグ

デザインに関するgabillのブックマーク (45)

  • Photoshopでつくるタイポグラフィのチュートリアル:2009年総集編 | コリス

    テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。

  • 中の人が現在時刻を毎分書き換えてくれる時計

    時計盤の向こう側にいる人が、1分ごとにペンで時計の針を書き換えてくれているかのように見える映像を流すという変わり種の時計を紹介します。 写し出された映像では、せっせと仕事にいそしむ人の姿が見られ、毎秒自動的に動いてくれる普通の時計のスゴさが改めて分かるデザインとなっています。 詳細は以下から。 時計盤の向こうに見える人が定規を使って分針を書き込む時計。 YouTube - Coolest Clock Ever? 時間が来たら以前の針を消して、現在の時刻に書き換えてくれます。 かなり大変そうな仕事ですが、横に回ると時計の中に人はおらず、時計盤は映像であることが分かります。 この時計はマイアミで開催された「Art Basel」の期間に行われた「Design Miami」で展示されたもの。24時間分の映像を製作するのはかなり大変そうですが、市販されたら人気が出そうな面白いデザインです。

    中の人が現在時刻を毎分書き換えてくれる時計
  • <覚書>漫画フォントの作り方: FMHP

    タマキツッコムさんのページが消滅していたので自分用にメモ。文章は殆どコピペです。 ※追記(2009/10/05) 画像も転載しました。 ※追記2(2009/12/09) このような漫画フォントは自作しなくてもフリーダウンロード「フォント910」で無料ダウンロードできる事を知りました。→コミックW4-IPA -- 【用意するもの】 ・MSゴシック(ウインドウズに標準で入ってるフォント) 【ダウンロードするもの】 ・GN摂津築地:漫画のセリフ用に開発されたかなフォント。 ・TTEditフォント作成ソフト。シェアウェアだけど試用で作成可。 【下ごしらえ】 摂津築地を解凍。TTEditをインストールして立ち上げます。 1、【フォントを新規作成】 メニューから「ファイル」→「TrueTypeフォントの新規作成」を選択。 基的に「次へ」を押していけば大丈夫。 -------------------

  • やってしまいがちなユーザビリティのミスとその解決方法

    ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手

  • ユーリオン - Wikipedia

    5つの環から構成されたユーリオン ユーリオン(英: EURion constellation)とは、偽造防止技術の一つとして1996年以降に発行された各国の紙幣等に見られる模様である。開発した会社の名前からオムロンリング (英: Omron rings) と呼ばれることもある[1]。 概要[編集] 大韓民国1,000ウォン紙幣 (Series III)。表面左上「보기(見)」のまわりや、中央部「천원(千ウォン)」の背景に描かれたウメにユーリオンが付加されている。 US20ドルのユーリオン。青でマークされた星座のようなものがユーリオンである。 発行元が複写を禁じる印刷物に対してこの模様を付加することで、複写禁止印刷物であることを画像処理ソフトウェアやカラー複写機が容易に検知できるようになり、偽造の防止に役立つものと考えられている。 ユーリオンの元となる偽造検出技術は、日のオムロンが199

    ユーリオン - Wikipedia
    gabill
    gabill 2009/11/13
    これ使えば、簡単にコピー不可画像が作れるのかな。右クリック禁止ならぬ印刷禁止に使えそう。
  • 漫画用フォント 新コミック体(フリーフォント) | フォント910 | フリーフォントのダウンロード、無料書体も

    フォントの概要 「新コミック体」は軟やかな仮名文字の特徴を残しつつ、ゴシック体の漢字との親和性を高めたアンチック書体です。 オリジナルの仮名文字については、懐は小さめに抑え、滑らかで上品な曲線を持っています。 組んだときの全体のバランスも綺麗に揃っているようバランスを整えました。ウェイトに統一感があるか、傾き加減がバラバラでないか、癖が強すぎる文字がないかなどに気を配りながら、フォントを仕上げました。 通常の横書きテキストとしてもご利用になれますが、もちろん縦書きにも対応していますので、漫画(コミックや同人誌)の標準的なセリフにも使用できます。 アルファベットは可変幅、ひらがな・カタカナ・漢字については固定幅のフォントになります(OpenTypeプロポーショナルメトリクスは実装しておりませんのでご了承ください)。 【ご案内】現在は、多くのコミック系フォントがフリーで公開されています。より表

    漫画用フォント 新コミック体(フリーフォント) | フォント910 | フリーフォントのダウンロード、無料書体も
  • ボードゲームとして「将棋」をデザインする

    緊急告知 夏休みイベント:「将棋を楽しもう」を開催します 外国人や初めての人にも分りやすくデザインしたユニバーサル将棋盤で、ボードゲームとして魅力的な『将棋』を楽しむ集いです。 女流プロ棋士の「北尾まどか」さんが来場されます。将棋に挑戦できますよ。 日時:8月22日(土曜日)午後1時〜4時 場所:昭和レトロ商品博物館(JR中央線青梅駅下車3分) http://showa-retro.omjk.jp/ 詳しくはこちらのチラシをご覧ください。 事の始まりは2009年のゲームマーケットでお会いした女流プロ棋士の「北尾まどか」さんから、外国人にも受け入れ易い将棋ボードをオリジナルで作るご相談を受けたことでした。彼女には既に自分の頭の中におおまかなデザインイメージがあるとのことでしたので、後日お話しましょうということになりました。 こういう命題が与えられると自分でも作りたくなってきたので

    gabill
    gabill 2009/08/05
    敵味方の区別はもっと極端にして欲しかった。あとチェック柄のマス目は角の動きを把握する時に役立つ。
  • Web上の膨大な画像に基づく自動画像補完技術の威力 - A Successful Failure

    画像内に映り込んだ所望のオブジェクトを排除し、違和感の無い画像を生成するシーン補完技術に関しては近年複数の研究成果が発表されている。しかし中でも2007年のSIGGRAPHにて米カーネギメロン大のJames HaysとAlexei A. Efrosが発表した手法*1はブレークスルーとなりうる画期的なものだ。 論より証拠、早速適用例を見てみよう。エントリで利用する画像はPresentationからの引用である。元画像の中から邪魔なオブジェクト等の隠蔽すべき領域を指定すると、その領域が補完された画像が自動的に生成される。 アルゴリズム 効果は抜群だがアイデア自体は単純なものだ。Web上には莫大な数量の画像がアップされており、今や対象となる画像の類似画像を一瞬にして大量に検索することができる。そこで、検索された類似画像で隠蔽領域を完全に置き換えてしまうことで違和感の無い補完画像を生成するのだ。

    Web上の膨大な画像に基づく自動画像補完技術の威力 - A Successful Failure
    gabill
    gabill 2009/07/05
    シュールな作品を作る芸術家の頭ん中って、たぶんこういう処理をやってるんだろうなぁ。そう考えると冷める。
  • グッドデザイン賞はあこぎなんじゃないか説 - too sweet to eat

    親友が大学の卒論でGマークのことをまとめていたので、聞いてなかったんじゃないかと数年越しで突っ込まれたらあれなんだけど、よくよく調べてみたら美しいとかいう概念からかけ離れすぎなんじゃないかとおもう説。 あたしさ、ずっと、その年に発売されたプロダクトを可能な限り全部見て、心あるおされデザイナーとかがまじめに選んで選び抜いた権威ある賞だと思ってた。おしゃれデザインのみならずユニバーサルデザインとか環境とか色々当に意義ある賞だと思ってた。 それがなぜか、この有様。 http://www.g-mark.org/gda/2009/gda_d01.html#part03 販売価格 総事業費用 使用料 50万円未満 5億円未満 200,000円(税込み) 50万円以上500万円未満 5億円以上50億円未満 500,000円(税込み) 500万円以上 50億円以上 1,000,000円(税込み) 受賞し

    グッドデザイン賞はあこぎなんじゃないか説 - too sweet to eat
    gabill
    gabill 2009/06/04
    しかしグッドデザイン賞のロゴはかっこいい。中身はともかくロゴはかっこいい。
  • グーグル、ロゴを一部変更--小文字と青色のフォントを統一的に使用へ

    Googleは、「ユーザーエクスペリエンスの合理化」を狙い、複数の同社人気サービスにおいてロゴを変更するという。 小文字のテキストと統一的な青色のフォントを使ったロゴが、どの程度ユーザーエクスペリエンスの合理化につながるかは、筆者には不明だ。しかし、GoogleのMarissa Mayer氏とJamie Devine氏はブログ投稿で、現在は特定の製品で異なる形やサイズのGoogleロゴが使われているとして、一貫したサイズ、フォント、スタイルに移行することにより、「ユーザーは、どのサイトにいるかを認知しやすくなる。また目的の場所に移動する際のナビゲーションが容易になる」と述べている。だが、Google Mapsに来たユーザーが、Google MapsにいるのかGoogle Newsにいるのか分からなくなってしまうのは、Googleがロゴのフォントとサイズ、色を統一していなかったからだ、と考え

    グーグル、ロゴを一部変更--小文字と青色のフォントを統一的に使用へ
    gabill
    gabill 2009/05/23
    Gmailどうなるんだろ。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • フォント同士を交配させて新しいフォントを作る「genoTyp」が面白い - てっく煮ブログ

    「この発想はなかった!」と驚いた。genoTyp はフォント同士を交配させて新しいフォントを生み出す実験サイトだ。早速、試しにやってみた。1. 第一世代の親を決めるgenoTyp を開いて左上の [Breed] タブをクリックすると「交配ページ」が表示される。[add original font] ボタンをクリックして、祖先となるフォントを2つ追加してみた。交配させるために2つのフォントをドラッグしてくっつけた。くっついた状態になれば交配の準備は完了だ。2. 交配させてみる中央の [cross] ボタンを押すと第一世代が誕生する。4人の子供が誕生した。父親似だったり、母親似だったり、子供によって雰囲気が異なっている。3. 第一世代でも交配別の [original font] を追加させて、第一世代の中から気に入ったものと交配させてみた。3人の子供が第二世代に誕生した。4. さらに交配!今度

  • 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第2回:日本の文字文化を牽引する、モリサワの歩み | CINRA

    『嘘じゃない、フォントの話』 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第2回:日の文字文化を牽引する、モリサワの歩み 日には、文字作りを手がける“フォントメーカー”と呼ばれる企業がいくつかあります。中でも、私たちが1番多く目にしている文字は、(株)モリサワが手がけるフォントです。モリサワは、東京オリンピックのテレビ字幕に携わったり、アドビのフォントも共同開発を行うなど、その技術と信頼は、日の枠を超えて世界中に広がりを見せています。どのようにして、モリサワは文字文化を牽引してきたのでしょうか。 連載第2回目は、老舗フォントメーカー、(株)モリサワの誕生の歴史を探ってみます。 (テキスト:CINRA編集部)

    連載『嘘じゃない、フォントの話』(supported by モリサワ) 第2回:日本の文字文化を牽引する、モリサワの歩み | CINRA
  • 無料でダウンロードできる洗練されたフリーフォントあれこれ

    有料のフォントにはデザインの美しいものが多く揃っていますが、無料でダウンロードできるフリーフォントでも洗練されたデザインのものは多くあり、中には商用で使うことが可能で、使い勝手も良いものがあったりします。 基的にアルファベットのみとなりますが、ここぞというときのインパクトや、全体の雰囲気をまとめておきたいときなどの使える良いフォントが多くあります。 各フォントの詳細は以下から。各フォントのライセンスについてもわかる範囲でメモしておきました。30 high-quality free fonts for professional designs | Design daily news ■その1:Miso 2006年にMarten Nettelbladt氏によって作成されたフォント。light・regular・boldの3種類のウェイトが揃っており、TrueTypeとOpenTypeの2種類が

    無料でダウンロードできる洗練されたフリーフォントあれこれ
  • いろいろな色の名前が分かるサイト色々

    いろいろな色の日や世界での名前が分かるサイトを紹介します。 日での色の名前 世界での色の名前 日での色の名前 JIS慣用色一覧(和名) 全系統の名前 白黒色系の名前、他各色系あり。 日の伝統配

  • WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ

    色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴

    WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
  • [CSS]上級者向け、スタイルシートのテクニック集

    スタイルシートで実装する実用的なものからちょっと変わったものまで、25のテクニックをDesizn Techから紹介します。 25 Advanced CSS Techniques 1. CSS Gradient Text and Background テキストや背景をグラデーション表示。

  • Photoshopで3Dのクリスタルアイコンを作る方法 / ウェブデザインライブラリー

    投稿日:2009年02月27日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで3Dのクリスタルアイコンを作ってみたいと思います。 Step1 : はじめに Step2 : 体レイヤーを作成する Step3 : 底面レイヤーを作成する Step4 : 光沢や反射を追加する Step5 : 完成 750ピクセル×550ピクセルのドキュメントを作成します。 カスタムシェイプツールのプリセットから「オスマーク」を選択します。 次の図のようにパスを描きます。 新規レイヤーを作成して「上面」と名前を入れます。 パスパネルで、作成したばかりの作業用パスを選択します。 レイヤーパネルに戻り、「上面」の選択範囲を「#497923」で塗ります。 「上面」レイヤーを隠し、次のように新規レイヤーを作成して「体」と名前を入れます。 上面を作った操作を繰り返しますが、今回は

  • あんそく やる夫がドット絵に挑戦するようです

    1 :以下、名無しにかわりましてVIPがお送りします[]:2009/02/22(日) 22:49:07.65 ID:xhJZStld0 ____ /      \ /  ─    ─\ /    (●)  (●) \ |       (__人__)    | ________ \      ` ⌒´   ,/ .| |          |    最近は素人でもゲームが簡単につくれそうだお… ノ           \  | |          |    プログラムはツクールとかがあるし /´                 .| |          |    音楽はフリー素材で十分だお… |    l                .| |          |    あとは絵さえあればなんとかなりそうだお… ヽ    -一ー_~、⌒)^),-、   .| |________| ヽ

    gabill
    gabill 2009/02/24
    拡大すると「なんでこんな配色なんだ」と思うのに、縮小すると自然に見える。すごい!
  • 無料画像編集ソフト「GIMP」で僕はコラ界の神になる(1) :教えて君.net

    画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのもイケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などと二の足を踏んでいた人のために基的な機能をまとめてみた。 画像掲示板2ちゃんねるのニュー速VIP板などでは、画像を改造して見せ合うスレッドが度々立てられて、面白いコラ画像でにぎわっている。スレを見て自分でもコラ画像を作ってみたいと思った人にオススメなのが、高機能なフリーの画像編集ソフト「GIMP」だ。ここでは、コラ画像の作成テクを中心に、GIMPの使い方を解説していくぞ。 ■ GIMPで写真に落書きをする GIMP 作者:GIMP Developer Teams まずは、画像を開いて落書きなどを書き足したりして、基的な使い方をマスターしよう。ウインドウズ標準の「ペイント」などと大きく違うのが、画