チュートリアル - 最新エントリー
マスクをかけて光が射すようなFLASHを作りました。
応用でいろんなことができそうですね。
Windows Vistaを使っていて突然デスクトップ上からごみ箱が消えてしまった時の
復元方法を紹介します。
【 ごみ箱の表示・非表示の切り替え方法 】
１．デスクトップ画面でマウスの右をクリック。
２．表示項目の中から「個人設定」を開く。
３．次に表示されたウインドウ画面の左側ウインドウで、
［デスクトップアイコンの変更］をクリックする。
４．ごみ箱をデスクトップ上に表示させる為の
[ごみ箱]チェックボックスをＯＮにする。
５．そして、最後に[ＯＫ]ボタンを押す。
XPでも復元方法が可能ですのでごみ箱が消えてしまった時はこの方法を試してみてください。
いろんなところで使えるハートの形をイラストレーターで制作する方法のチュートリアルです。
いろんなシーンで使えるので、過程をマスターしてたくさんの応用に活かしてくださいね。
今回はIllustrator CSを使用しました。
Illustratorをたちあげて｢ファイル｣→｢新規｣をひらく
サイズをB4に設定して｢OK｣をクリックします。
カラーピッカーの線の部分の色を指定します。
R：227 G：26 B：92を入力し｢OK｣をクリックします。
カラーピッカーの中身の色は透明にしときます。
長方形ツールを選択します。
幅を10mm 高さを10mmを入力し｢OK｣をクリックします。
アンカーポイントの削除ツールを選択して正方形の左上のポイントクリックして削除します。
アンカーポイントの削除ツールとはさみツールを使って削除します。
正方形の半分を切り取ったら次に線幅を指定します。
線幅を40pt 入力し丸型線端を指定します。
回転ツールで４５度傾けさせると完成です。
7
IE７ハック
Windows IE 7のみにスタイルを適用するハック。適用したいセレクタの前に「*:first-child+html」を付ける。CSS Validatorに通る。
*:first-child+html p { color:#FF0000; }
4〜6, Mac 4〜5
スターハック
Windows IE 4〜6、Mac IE 4〜5のみにスタイルを適用する場合に用いる。スターつまり*を利用することからこのネーミングになったものと思われる。利用法としては、適用したいセレクタの前に「* html」を付ける。書式上は正しいのでCSS Validatorに通るが、それにマッチする要素はHTML文書には出現し得ない。
* html p { color:#FF0000; }
5.5〜6, Mac 5 
スター７ハック
Windows IE 5.5〜6、Mac IE 5、Safariのみにスタイルを適用する。適用したいセレクタの前に「html*」を付けるのだが、空白を含めないように注意したい。書式としては不正で、CSS Validatorに通らない。
html*p { color:#FF0000; }
Mac 5
Mac IE 5のみにスタイルを適用、あるいはMac IE 5のみ除外したい場合に用いる。適用したいスタイルを、それぞれ以下のコメント形式で囲めばよい。CSS Validatorに通る。
なお、Hollyハックは別名バックスラッシュ（?）ハックとも言われている。文字コードがShift JISのときにはバックスラッシュの代わりに「￥」を利用すればよい。
Mac IE 5のみにスタイルを適用
/* これ以降Mac IE 5のみに適用される \*//*/
p { color:#FF0000; }
/* これ以降Mac IE 5以外にも適用される */
Mac IE 5のみスタイルを除外
/* これ以降Mac IE 5には適用されない \*/
p { color:#FF0000; }
/* これ以降Mac IE 5にも適用される */
Hollyハック
Mac 5
Mac IE 5のみにスタイルを適用、あるいはMac IE 5のみ除外したい場合に用いる。適用したいスタイルを、それぞれ以下のコメント形式で囲めばよい。CSS Validatorに通る。
なお、Hollyハックは別名バックスラッシュ（?）ハックとも言われている。文字コードがShift JISのときにはバックスラッシュの代わりに「￥」を利用すればよい。
Mac IE 5のみにスタイルを適用
/* これ以降Mac IE 5のみに適用される \*//*/
p { color:#FF0000; }
/* これ以降Mac IE 5以外にも適用される */
Mac IE 5のみスタイルを除外
/* これ以降Mac IE 5には適用されない \*/
p { color:#FF0000; }
/* これ以降Mac IE 5にも適用される */
ハッシュハック
4〜6, Mac 5 
Windows IE 4〜6、Mac IE 5、Firefox、Opera 7のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「#」を付けて使う。CSSの書式としては不正で、CSS Validatorに通らない。
p { #color:#FF0000; }
アンダースコアハック
4〜6
Windows IE 4〜6のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「_（アンダースコア）」を付けるだけだが、CSSの書式としては不正で、CSS Validatorに通らない。
p { _color:#FF0000; }
もし同様の処理をCSS Validatorに通るかたちで実現したいのなら、スターハックとHollyハックを用いて
/* hide from Mac IE \*/
* html p { color:#FF0000; }
/* */
とすればいい。
デザインで応用がかなり効くフォトショップで放射状の背景を作る方法のチュートリアルです。
これをマスターすればデザインの幅が広がります。
フォトショップをたちあげて「ファイル」→「新規ファイル」を開く
幅10pxと高さ1pxを入力して「OK」をクリック
青い色を長方形ツールで半分つけレイヤーの赤丸の部分をクリックして「編集」→「パターンを定義」をクリック
その次に「ファイル」→「新規」で新規ドキュメントを開く
幅300pxと高さ300pxを入力して「OK」をクリック
「編集」→「塗りつぶし」→内容のパターンを選択→描画モードを通常にして不透明度を100％に設定で「OK」
「フィルタ」→「変形」→「極座標」をクリック
上半分を切り取りしたら出来上がり
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
| Design by