未経験のwebサイト制作の勉強

未経験からwebサイト制作の勉強をし、現在制作会社で働いております。

photoshop

Photoshopでパターン背景を作成

例えばこちらのハート♥の画像を繰り返しで背景に使いたい(パターン化)とします。 ①画像単品のファイルを開き⇒編集の中にある「パターンを定義」をクリックします。 ②パターン名を入れてOKをクリックします。 ①、②でパターンの登録は終了したのでサイズの大…

Photoshopで簡単な画像加工

Photoshopで簡単な画像加工をしましょう♪ まずは画像を用意して背景からレイヤーに変更します。 次にレイヤー→新規調節レイヤー→明るさ・コントラスト OKをクリック そうするとこういう風な画面になりますね。 明るさとコントラストを調整します。 加工なし …

クリッピングマスク

仕事を始めて、毎日Photoshopやillustratorを使用していますが 一番使うものは「クリッピングマスク」だと思います。Photoshopとillustratorでは操作方法が異なりますが、 少しでもデザイン(バナー制作など)をする方は絶対に覚えたほうが良いです。 illust…

PhotoshopCCで自由にトリミング

CC以前のバージョンだと(私はCS5,6を使用していました)自由にトリミングが 出来ていましたが、CCだと比率でしかトリミングが出来ずに困っていました。 どうしたら自由なサイズにトリミングが出来るのかというと設定をしなければいけなかったようです。Phot…

トンマナを合わせたバナー作り

トンマナ とは、「トーン&マナー」の略で、 広告 における デザインの一貫性を持たせることを指します。 また、ブランドのイメージカラーとホームページのデザインカラーを 合わせる必要があるなど、「 トンマナ 」は 企業部 ブランディング においても重要…

Photoshopでの文字ツールの使い方

文字ツールを使う 文字入力(配置したい位置ではなく、別の開いているスペースで入力する) 入力後、移動ツールで配置したい位置に置く 見出しを書く時はクリックして文字を書き始める 段落文を書きたい場合はドラッグで段落文の範囲を決める(禁則処理を「…

画像の補正

トーンカーブを使った補正 トーンカーブはデータの劣化をおこさずに細やかな補正ができます。 トーンカーブを使えば「明るさ・コントラスト」、「レベル補正」でできることはもちろん、最大で14個のポイント(制御点)を作成しより微妙な部分の調整をおこな…

Photoshop 基礎

Photoshopの基本的な使い方 画像を作る。 画像を補正する。 画像を加工する。 Photoshopの初期化 目的は、無駄に消費されているメモリの記憶をリセットすること。 特に容量があまりないPCだと尚更です。 アイコンをダブルクリック等で起動。 このとき[Ctrl…

photoshopの描画モードを使う

psgips.blog.fc2.com 焼き印のようなロゴを作る 白い台紙とロゴ画像を1つのレイヤーに結合する 結合したレイヤーを選択し「フィルター→ノイズ→ダスト&スクラッチ」を選択し、「半径:4」でクリック。全選択でコピー。 木のテクスチャにペーストし、チャンネ…

Photoshopで写真をポラロイド風にする(メゾティント加工)

元画像 Photoshopの加工で一番大事なのはレイヤー構造です。レイヤー構造を理解する事で幅の広い加工が出来るようになり、バナー作成などにも役に立つので、様々な加工方法を覚える事がPhotoshop上達の一番の近道です。 まずはレイアー構造をしっかりと把握…

Photoshopで写真をポラロイド風にする(メゾティント加工)

元画像 Photoshopの加工で一番大事なのはレイヤー構造です。レイヤー構造を理解する事で幅の広い加工が出来るようになり、バナー作成などにも役に立つので、様々な加工方法を覚える事がPhotoshop上達の一番の近道です。 まずはレイアー構造をしっかりと把握…

GIFアニメーション

GIFアニメーション(ジフアニメーション、GIF animation)は、 Graphics Interchange Format (GIF) の「マルチイメージ」を 使ったアニメーション。アニメーションGIF (animated GIF) ともいう。一時はFlashや動画に取って変わられ見る事も少なくなりました…

photoshopでアセット機能を使う

以前はwebサイト制作のワークフローとして、Photoshopでカンプを作成し、画像を書き出す為に「スライスツールで各画像を切り出す」という作業を行なっていましたが、この「スライスツールで画像を切り出す」という作業が色々と制約があり、とても細かい作業…