web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

11日目

本日は…
まずタイピングテス卜で、DTDからスタイルシートのリンク、divをでheader、content、wrapper、その中のmainとsidebar、最後にfooterと作っていくという雛形を作るような、雰囲気。
きっちり十分でしめて合格。

その後、宮沢賢治のいちょうの実を使ってワンカラムのCSS練習。

・h1の余白指定をline-heightでやる方法もある
明朝体を入れるときはfont-familyを "ヒラギノ 明朝", "HG明朝E", "MS P明朝", "MS 明朝", 最後にserifで指定。
それからheaderもどきを作る練習。ロゴの作成がなかなか難しい。

・ワンカラムCSSのヘッダー…
 :テキストとimgを並べるにはh2 imgにvartical-alignをいれてやる。top, middle, bottomがある
 

※Aiを使ってアイコンを作る…
 ::アイコンを作るときは、トータルで偶数になるように作る(スキマを開けるなら偶数)とまとまって見える
 ::アンチエイリアス=ぼかしてなだらかに見えるように中間色を補完する機能
 →webでは無い方がいい。ピクセルが狂うから

 →→対策:CMYKではなく、RGBで作る。(パレットはCMYKでオッケー)
      ②ピクセルプレビューにチェックを入れる(表示から)。線の内側に書く…にチェック…
  これらを行うと、ちゃんとすっきりとしたエッジのアイコンを作ることが出来る
 
 ::保存の時、目的のアイコンピッタリのサイズにしたいときは、保存→サイズ→アートボードサイズクリップの☑を外すこと



午後からPs。
・マーキーは基本一箇所。範囲を増やしたいときはShiftを押す。削りたいときはalt
・必ずマーキー解除= ctrl+ D をする
・選択範囲の反転→ ctrl + shift + I

 →工程数が少ないほどメモリを食わない

・磁石ツールコントラストのあるところを自然になぞって行ってくれる…最後は○が出るのでくっつける
 →クイックマスクモードで修正する(消しゴムとブラシツールで)

・違う画像に画像を重ねたいとき…コピペはメモリを食うので、2つ並べて行事してそのまま選択してドラッグするとイイ

・自由変形= ctrl + Tをするとその画像全体を囲む□がでる→変形、縮小思いのまま(最後にかならずエンター)

・同じ画像を重ねたいときは、レイヤーを増やすのが正しい。同じレイヤーでaltコピーをしてしまうと、くっついちゃう
・レイヤーをつくるには、ctrl + Cでペーストするか、レイヤー表示にして下にある書類のところまで、コピーしたいレイヤーをドラッグするか

ctrl + サムネイルのクリック(レイヤー表示)をすることで、そのレイヤーの範囲を選択できる
 ※マスク版は右のサムネイル