タグ

2010年5月16日のブックマーク (2件)

  • float段組の基本

    簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。 注)floatを指定する場合はwidth指定で幅を指定するように心掛けましょう! ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。(来の段組では、高さを指定する事はあまりありません。) パターン1 float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン2 boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;

  • あなたもマンガが描ける!〜写真加工でマンガ風〜 | Topics | DB - KAYAC Designer's Blog(カヤック デザイナーブログ)

    マンガ読んでますか? そうですか、読んでますか。 え!? マンガが描きたい? でも、絵が描けない、、そうですかぁ 大丈夫です!これからご紹介するテクニックを駆使すればマンガが描けますよ!! それでは写真をphotoshopで加工してマンガ風の画像にする方法をご紹介します。 ※説明ではphotoshop cs4 mac版を使用しています。 適当な写真を用意 夏のひまわりを用意しました。 コントラストをはっきりさせる イメージ>色調補正>レベル補正 などで色をはっきりさせ、シャープも1回くらいかけてパッキリとした画像にします。 彩度を下げて白黒にする 自然な彩度や彩度を下げるを選択して白黒にします。 階調を減らす イメージ>色調補正>ポスタリゼーションで色の階調を4〜10あたりに設定します。 スクリントーンぽいレイヤーを重ねる 白と黒のドットパターンを用意して重ね合わせます。ドットレイヤーのレ