タグ

ブックマーク / coliss.com (10)

  • ちょっとぼんやりした画像をくっきりさせるPhotoshopのチュートリアル | コリス

    元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を

    I11
    I11 2012/02/25
    カメラマンは人と森との一体感を出そうとして全体をわざとぼやかして撮影してる。それをくっきりさせたら撮影の意図とは反対の画像になる。デザイナーはなにを表現したいのか撮影スタッフと打ち合わせしとけ。
  • [CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート | コリス

    divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。

    I11
    I11 2009/10/10
    ??? そのデザインも角丸なんじゃ? 角丸はもう飽きた。
  • これはもう使用しない方がいいウェブデザインのトレンド

    昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。

    I11
    I11 2009/10/09
    角丸デザインも使用しない方が良い。特にはてな社。いい加減飽きた。
  • CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators

    CSSHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。

    I11
    I11 2009/06/11
    角丸デザインはもう古いしダサい。CSSを使わずにhtmlだけで見栄えの良いwebが最強webデザイン。
  • センスのいい、美しいデザインの履歴書:Part 2 | コリス

    JobMobのエントリーから、センスのいい、美しいデザインの履歴書を紹介します。 38 More Beautiful Resume Ideas That Work 美しいデザインの履歴書:1 美しいデ

    I11
    I11 2008/07/13
    残念ながら今回はあなた様のご希望に応じることを見送らさせていただくことに致しました。
  • クリエイティブなかっこいい、デザイン名刺集

    クリエイティブなかっこいい、デザイン名刺をコレクションしているサイトのリンク集です。 レイアウトが秀逸なだけでなく、形状や素材にも工夫があります。

    I11
    I11 2008/01/16
    名刺を使わなくても顔だけで「○○様いらっしゃいませ」と言われるような人物が一番カッコイイ。
  • AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス

    noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。

    I11
    I11 2007/12/14
    CSSをオンにしたら確かに美しい。がCSSをオフに戻したらすごいことになった。化粧が上手いブス女の化粧が落ちた時みたいだ。
  • GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス

    VectorMagicは、ロゴ・写真などのGIF・JPG画像をオンラインで、ベクター化できるオンラインサービスです。 VectorMagic VectorMagicでは、ロゴや写真などアップロードした画像をベクター化し、EPS・SVG形式でダウンロードすることができます。 画像をVectorMagicにアップロードすると、「写真」「ロゴ」など画像のタイプを選択します。

    I11
    I11 2007/10/27
    画像の中身によって精度が異なる。イラストはベクター化しやすいが、海や山などの風景はベクター化しずらい。ベクター化することがかえってガタガタが目立つこともあるので注意。id:julajp ナイスアドバイス
  • [CSS]高さの異なるカラムを揃えるスタイルシート | コリス

    Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。

    I11
    I11 2007/10/26
    高さを揃えないほうが両脇の記事が見やすく感じるのは気のせい? つか私の場合デフォルトでCSSオフなので常に1カラムなのでがんばって作ってもらっても意味無いのだが。
  • 黄金比をサイトのデザインに取り入れる簡単な3つの方法 | コリス

    その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、1つの値

    I11
    I11 2007/03/30
    黄金比を見出し画像、ナビゲーション画像に使用。どなたか黄金比を使ったはてなダイアリーのデザインテーマ「ゴールドスタイル」を作って公開してくれませんか? http://d.hatena.ne.jp/designset
  • 1