読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

GIFアニメーション

アニメーションとは 「アニメーション」は、目の錯覚を利用して残像を連続しているように感じさせることで「動き」を作っています。 たとえば、先日の「GIFアニメ:swingbird」の場合、軸の基準点に対し「回転」があることにより動いているように見えていま…

境界線を調整を使って切り抜き写真

境界線を調整(複雑な選択範囲) (1)選択しやすい色をクリックし選択範囲を作成 (2)選択範囲を反転し、必要な部分を選択している状態にする (3)選択範囲ツールのオプションバー「境界線を調整」をクリック (4)「エッジの抽出」を調整 (5)「エッジ…

選択範囲

メモリを管理する ROM:Read Only Memory RAM:Random Access Memory Photoshopは、開いているファイルサイズの数倍のメモリが必要となります。 開く(Open) 保存(Save) 複製(Copy) 戻る(Undo) 最低この動作を確保するメモリが必要となります。確保で…

Photoshopを使う

Photoshopとは Photoshopを使う目的 Webページ上に表示する画像を、効率よく最適化する(データ量が軽い、きれいな状態にする) 初心者がPhotoshopの勉強をする3つのポイント 選択範囲を決める(どこをという最初の部分。または主語にあたります。) 補正す…

デザインカンプ(Photoshop)

デザインカンプ(Photoshop) 素材

文字サイズのバランスで見せる

まとまって見える文字組みのコツ Illustratorでの文字詰め Webでの文字詰めは、カーニングが基本 限定アイテムをつくる 練習素材 文字ツールを使う 文字入力(配置したい位置ではなく、別の開いているスペースで入力する) 入力後、移動ツールで配置したい位…

GIFアニメーション

アニメーション 「アニメーション」とは、生命や魂を意味するラテン語の「ANIMA」を語源とする言葉 一般的に、本来静止している絵を生きてるかのように動かす技術 歴史的には、1830年代プラトーの作ったフェナキスティスコープや、ホーナーの考案したゾート…

ポラロイド風写真を作る

Photoshopで簡単ポラロイド風イメージ 写真から作るのではなく、土台から作ることがコツ (1)新規ファイルの「背景」に色を塗る (2)レイヤーパレットの「新規レイヤーを作成」をクリックして 「レイヤー1」を作成する (3)ポラロイド風画像の土台の選択…

ペンツールを使った切り抜き写真

ペンツールを使った切り抜き写真 写真を準備 (1)「作業用のパス」に名前をつける (2)レイヤーのサムネールを「Ctrl + クリック」 選択範囲を反転する 新規レイヤーを作成 白で塗りつぶす

一眼レフのようなピント

まわりをぼかす 一部分にだけピントが合っているように見せる (1)レイヤーを複製 (2)複製したレイヤーをフィルターで「ぼかす」 (3)複製したレイヤーに「レイヤーマスクを追加」する (4)マスクの中を塗りつぶして、元の画像を表示させる

色調補正の基本手順

色調補正の基本手順 画像を観察する どのような仕上がりにするかを決める 「明るさ・コントラスト」「色合い」の修正方針を決める 「明るさ・コントラスト」を修正する 「色合い」を修正する 「鮮やかさ」を修正する 画像を観察し、微調整を行う 色調補正を…

顔の色を明るくしたい

色域指定 スキントーン (1)「選択範囲」→「色域指定」 「スキントーン」を選択 「顔を検出」にチェック (2)新規調整レイヤー 「レベル補正」を選択 例題 以下の写真を綺麗にみえるよう補正しなさい 自然な明るさにする 「色調補正」→「シャドウ・ハイラ…

クリッピングパスで切り抜き写真

切り抜き写真をつくる(クリッピングパス) (1)「ファイル」を開く。 (2)ペンツール でパスを描く。 ただし、オプションバーが「パス」を選択してあること。 (3)「パスパレット」「作業用のパス」レイヤーをダブルクリックして名前をつける。 (4)オ…

コピースタンプツールとドロップシャドウ

コピースタンプツールを使い補正する Webの仕事の中では、画像中の傷や汚れを消す作業として一般的です。 (1)「練習_2/スタンプ」→「お茶.jpg」を開く。 (2)「コピースタンプツール」 を選択する。 (3)「コピースタンプツール」のブラシオプションを「…

レイヤーマスクを追加

レイヤーマスク Photoshop」のマスクは、選択範囲 マスクは、選択範囲の記憶 レイヤーマスク内が白ならば100%不透明、黒ならば100%透明になり、下のレイヤーが透けて見えるということです。 つまり2枚以上のレイヤーが必要。 レイヤーマスクを使った画像…

補正

補正(写真をきれいに) すでに移っている質が変化するわけではありません。 デジタル処理できる範囲で、人間が見てきれいと感じる程度に変化させます。 新規調整レイヤー 何度もやり直しができる色調補正のレイヤー レベル補正 おもに画像の「階調幅」を調…