2012-05-01から1ヶ月間の記事一覧

イラストレーターで飼い犬をイラスト化してみた

元写真 作成した画像 たった2週間ですが、手書きでの課題が効いてる気がしてます。 今までは描けなかったものが今までよりうまく描けるのは「見る」から「観る」に変わったからかもしれません。でも、まだフォトショップが使えこなせていないのでそちらも少…

イラストレーターで描いた画像やフリー素材を使ってブログの見た目を変える!

タイトル画像 タイトル画像はフリー素材のページ http://footage3.openspc2.org/sozai/fullsize/でいただいたものをタイトル画像の大きさ(920×180)にトリミングして使用 背景 背景はイラストレーターで作成した 楕円ツールペンツール、グラデーションのみ…

黒抜きしてみたら

体調が相変わらずなので、頭は使わずできる作業をやってみました。女性の後姿から2回レイヤーを取得して背景なし、黒抜き+小物という感じで作ってみた 元画像 黒抜き後 元画像は女性っぽさが普通に出てるのに黒抜きしたら女性特有の柔らかいラインが完全に…

フラッシュの基本(ActionScript2.0)

簡単なFlashを作成 円を描く グラデーションをツールからかける 修正→シンボルに変換(F8) シンボルに名前をつけ、種類をグラフィック、基準点を真ん中に指定してok(※) 今描いた円を次に表示させたい場所に移動させる タイムラインで10フレーム目を選択し…

ドロップシャドウ付きの背景画像を作って実験

【PS】適当な大きさの長方形で選択し、背景色で塗りつぶす 【PS】新規レイヤーを作成 【PS】レイヤー→レイヤースタイル→ドロップシャドウで影をつける 【PS】トリミングツールで一部を切り取る 【IL】PSと同じ大きさの長方形を描く 【IL】長方形に効果→スタ…

ドロップシャドウを学ぶ!

新規カンバスを作成し、真ん中に大きめのテキストを書く レイヤー→レイヤースタイル→ドロップシャドウ いろいろいじってみる 設定中にカンバスの文字を直接いじることも可能!

雲がつながるような背景を作る

400×400の大きさのカンバスを新規作成 左メニューのカスタムシェイプツールを選択 上のメニューからシェイプをプルダウンさせ、出てきたウィンドウの三角をクリックしてシェイプの種類を「自然」にする 雲のシェイプを選び、カンバスの真ん中に設置 フィルタ…

課題の背景画像を作る

楕円選択ツールで正円選択をし、そこを薄い色で塗りつぶす。 フロントペーストで同じ円をつくり、濃い色で塗りつぶす 同じ高さの長方形を作って、円の真ん中でそろえる 濃い色の円をつぶし、グラデーションのようにする フィルター→その他→スクロールで高さ…

クリッピングパスを学ぶ!

パスパレットを選択し、ペンツールを選ぶ 上のメニューでパスツールを選択 ペンツールで縁取りする 縁取りが終わったらパスのサムネイルから名前を変更する パスのサムネイルをctrlを押しながらクリックして選択⇒ctrl+shift+Iで反転選択 レイヤーを作成 al…

エッジの調整を学ぶ!

自動選択ツールで背景を選び、選択範囲を反転して鷲だけがを選択状態にする 境界の調整をクリック エッジの検出で3.0くらいに調整⇒エッジ付近の除去しきれていない色を除去 不要なカラーを除去をチェックした状態で鷲の絵のなかに残っている背景色を選択して…

フォントのリセット

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;

positionの基本的な使いかた

absoluteの親要素にrelativeを適用しておくことで自由なレイアウトにしやすくなる。 メニューをpositionを使ってレイアウトする この画面を作る

position

static デフォルト。指定しなければstaticと同意 relative 親要素からの相対位置で場所を決める。cssを指定しなかった場合relative指定しなかった場合の領域も確保される。 absolute ウィンドウの左上からの絶対位置。親要素の位置は無視。cssを指定を指定し…

写真合成を学ぶ2!【PS04】

花画像で選択範囲→色域指定→範囲選択を選択 スポイトアイコンに「+」がついたものを選択し、背景を抜いていく 階調の反転をチェック i-mac画像の内側に多角形選択ツールで花を入れたい領域を選ぶ 選択範囲→境界線を調整でぼかし、エッジをシフトでOK 花の…

写真合成を学ぶ!【PS01】

窓の画像でワンドを使い窓内を選択 風景画像をCTRL+A、CTRL+C(コピー)全コピー 窓画像で編集→特殊ペースト→選択範囲内にペースト

シャドウ・ハイライトで補正を学ぶ!

イメージ→色調補正→シャドウとハイライトを選択 シャドウとハイライトを調整 シャドウとハイライトの意味 シャドウハイライト 黒を消していく白を強調する 「シャドウとハイライト」と「レベル補正」の使い分け シャドウ・ハイライトレベル補正 自然光の写真…

レイヤーマスクを学ぶ!【PS03】

ビーチでCTRL+A 選択ツールに変更し、ドラッグしてブッシュにコピー→enterキーで決定 ビーチのレイヤーができるのでできたレイヤーでレイヤーパレットの下からレイヤーマスクを作成 レイヤーマスクが選択された状態でグラデーションツールを選択 ヤシの実の…

スタンプツールを学ぶ!

左メニューからコピースタンプツールを選択 上部の筆の形をぼやけているものに変更し、半径を大きめにする。 コピーしたいところにあわせてALTクリック 貼り付けたいところでプレスドラッグするとドラッグした軌跡どおりにコピーされるその際に実際のコピー…

バリエーションを学ぶ!

写真のからある色味を補色を使って補正する。 イメージ→色調補正→バリエーション ウィンドウから補正をかけたいものを選択

トリミングを学ぶ!

左メニューから切り抜きツールを選択し、ENTER 写真の見え方 犬が枠の右側にいる場合、待っているように見える 犬が枠の左側にいる場合、近づいてきたように見える

補正を学ぶ

暗い写真を明るく補正 手動補正 イメージ→色調補正→レベル補正(CTRL+L) 0:黒 255:白⇒これは色としては無いものなのでカーソルで調整調整前調整後 真ん中のカーソルで微調整 自動補正 夕暮れを開く (CTRL+L) 自動補正をクリック ⇒夕暮れ空がなぜか青空に。。…

【PS02】ゴーグルをした電話を作る

ゴーグルの画像で自動選択ツールで背景とゴーグルの中を選択し、選択範囲を反転(SHIFT+CTRL+I) 選択ツールに変更する 電話の画像ににゴーグルをプレスドラッグでコピーする(タブにプレスドラッグしないとだめかも) CTRL+Tで選択し、ゴーグルの大きさ…

文字コード

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">この二つの文字コードの違いは このようになっている</meta>

METAタグ

METAタグはTITLEタグより前に入れること! <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/css"></meta></meta>

HTMLタグ

html4.01 <html lang="ja"> xhtml1.0 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"></html></html>

DTD(DOCTYPE)宣言

HTML4.01aTrasitional(4.01移行版) HTML4.01Strict(4.01最終版) XHTML1.0Trasitional(移行版)

xml宣言

この宣言はDTDでxhtmlを指定した時に付ける

ぼかし(ガウス)

レイヤーパレットで背景を右クリックしてレイヤーを複製する レイヤーパレットで背景のコピーを選択した状態でフィルター→ぼかし→ぼかし(ガウス)で半径を4(位・・見た目のお好みで)に設定してOK 消しゴムツールを選択し、筆の形をぼかし筆の大きさをあ…

写真にぼかしのついた枠を付ける

全てを選択(CTRL+A) 選択範囲→選択範囲を変形を選択 メニューの鎖の部分をクリック Wを80%に変更 ENTER(割合を決定) レイヤーを新規作成 選択範囲→境界線を調整でぼかしを10にしてOK もう一回ENTER(範囲決定) 新しく作ったレイヤーを選択した状態で選択…

レイヤーマスクのかけ方

全てを選択(CTRL+A) 選択範囲→選択範囲を変形を選択 メニューの鎖の部分をクリック Wを80%に変更 ENTER(割合を決定)もう一回ENTER(範囲決定)↑黄色の部分が変更したところ 範囲選択→選択範囲を反転(CTRL+SHIFT+I) レイヤーを新規作成 新しく作ったレ…