コルク

入力フォームをクリックしてサンプルを消す

検索窓や、テキスト入力フォームでデフォルトで文字列を入力しておいて、クリック(フォーカス)すると文字が消える JavaScript のメモ。

今までどうやるんだろーと思ってましたが、調べてみるとあっさりできました。

◆インプットフォームのサンプル
<input name="query" id="searchBox" type="text" value="サイト内検索" onfocus="if (this.value == &#x27サイト内検索&#x27) { this.value=&#x27&#x27 }" onblur="if (this.value == &#x27&#x27) { this.value=&#x27サイト内検索&#x27 }" />

◆テキストフォームのサンプル
<textarea cols="40" rows="15" name="testbox" wrap="virtual" onclick="doclear(&#x27testbox&#x27);">お問い合わせ内容をご入力ください。</textarea>

==PR==
目覚まし時計 金塊 緑,植物,グリーン,葉,葉っぱ, リボン,ラッピング 家,ハウス 椅子,チェアー,ビーチパラソル,ビーチチェア クリスマス,オーナメント,ベル ビン,ボトル,地図 鍵盤,ピアノ 本,BOOK 賞状,リボン,角帽 コルク 緑,植物,グリーン,葉,葉っぱ, フィルム,写真 レンズ,カメラ タンク タイヤ ノート,リングノート ビーチボール,紙風船 地球,地球儀

[DTP]PhotoShopで写真をイラスト風にする

Photoshopで写真をイラスト風に加工するやり方をメモ。

1)まずは元画像をレイヤーにコピーし、上のレイヤーを加工する。
2)[フィルタ]>[テクスチャ]>[粒状]を選択し、
 密度を20、コントラストを50、粒子の種類をスプリンクルに設定。
3)[フィルタ]>[ぼかし]>[ぼかし(強)]を選択し、
 [フィルタ]>[ブラシストローク]>[ストローク(斜め)]を選択し、
 方向のバランスを50、ストロークの長さを15、シャープを3に設定。
4)レイヤーパネルの不透明度を30%ぐらいにする。
5)次に元画像をもうひとつレイヤーにコピーし、一番上にして加工する。
6)[フィルタ]>[表現方法]>[輪郭検出]を適用。
7)[イメージ]>[色調補正]>[チャンネルミキサー]を選択。
 下部にあるモノクロにチェックを入れ、モノクロにする。
8)[フィルタ]>[テクスチャ]>[テクスチャライザ]を選択し、
 テクスチャからカンパスか麻布を選択し、拡大縮小率を140%程、レリーフを8ぐらいに設定する。
9)レイヤーパネルで通常からオーバーレイへ変更する。

参考にしたサイトはここ

==PR==
傘,アンブレラ てんとう虫 リモコン 椅子,チェアー,ベンチ ラッピングリボン コルク,ワインオープナー トランシーバー 箱,ギフト,ギフトBOX,プレゼント さくらんぼ 車,トラック リボン,ラッピング 色鉛筆,カラーペンシル アタッシュケース,ビジネスバッグ,カバン ピーマン,カラーピーマン,パプリカ 緑,植物,グリーン,葉,葉っぱ 鳥の巣,巣箱 ボード,看板 風船 ハート,矢,恋,恋愛 メガネ,サングラス