名刺を作成する過程で、イラストレーターの基本操作を体験 of カメラ・ビデオの基礎知識 写真・ビデオの編集方法

カメラ・ビデオの基礎知識

印刷用表示 |テキストサイズ 小 |中 |大 |

〜撮影・編集のノウハウなど、基本的なことを紹介していきます〜

HOME > イラストレーター > 名刺を作成する過程で、イラストレーターの基本操作を体験


写真画像の編集方法(フォトショップ編)

名刺のデザインをサンプルデザインを見ながら作成します。

解説1,2で体験した簡単な操作方法は理解していることを前提に進めます。

①サンプル画像をダウンロード

003-完成.png

LinkIconダウンロードはこちらをクリック
(Adobe イラストレーターCS以降対応ファイル)

②ダウンロードしたファイルを Adobe イラストレーター(CS以降)で開いてください。

003-00.png

イラストレーターのバージョンによって、画面の構成、レイアウトが異なりますが、基本操作は特に変わりありません。
(ここで紹介する画面はCS4のものです。)

③単位をミリメートルに設定する

003-01.png

名刺サイズは、通常、幅91mm、高さ55mmの四角形です。その名刺サイズの四角形を描くために単位をミリに設定する必要があります。
プルダウンメニューの「環境設定」「単位・表示パフォーマンス」を選択し、単位をミリメートルに設定します。

003-02.png

④幅91mm、高さ55mmの長方形を描く

003-03.png

長方形ツールを選択し、描きたい場所をワンクリックすると、サイズを指定するためのインスペクタが開きます。ここで、幅を91、高さを55とし、OKをクリックすると、そのサイズの四角形を描くことができます。

※入力するのは数値だけの入力で指定します。

003-04.png

⑤長方形を描いたレイヤーをロックし新規レイヤーを作成

003-05.png

描いた長方形は、名刺の大きさを表す基本線なので、位置、形状が変わらないようにレイヤーごとロックします。そして、新たに名刺のデザインを描く新規レイヤーを作成します。

⑥名刺のオレンジの背景を描く

003-06.png

線を透明、面をオレンジに設定して、名刺の上下に長方形ツールを使用して長方形を描きます。

⑦直線ツールで直線を描きます。

003-07.png

直線でアクセントを描きます。
この場合、名刺を拡大して作業を進めたいので、ズームツールで拡大します。
画像を拡大後、直線ツールを選択し、直線を描きたい場所をドラッグし、直線を描きます。線の太さは1とし、色はオレンジです。

※描いた位置や長さの微調整は、選択ツールを選択後、調整したい図形をドラッグして調整できます。

⑧名刺上部にホームページの名称を明記

003-08.png

文字ツールで「 カメラ・ビデオの基礎知識 http://www.saikaway.com/ 」と二行で入力します。

⑨入力した文字の位置、色を調整

003-09.png

選択ツールで文字の位置を調整し、文字ウィンドウでフォント(文字)の種類、大きさ、行間を調整し、カラーウィンドウで、文字の色を白に変更します。

⑩完成した名刺の背景をロックし、新規レイヤーを開く

003-10.png

名刺の土台となる背景が完成しました。この背景をロックし、新たに書き込むための新規レイヤーを作成します。

⑪氏名を入力して、大きさを調整する

003-11.png

文字ツールで、氏名を入力後、選択ツールを選択、文字をワンクリックすると文字の四隅にアンカーが表示されます。このアンカーを”shiftキー”を押しながらドラッグして文字の大きさを変更します。

※"shiftキー"を押さずに文字のアンカーをドラッグすると、文字の縦横比も変更され、名刺の文字としては不自然になります。そのため、縦横比を固定して大きさの調整を行なうため"shiftキー"を押しながら調整します。

⑫氏名のフリガナを入力し、位置を調整。

003-12.png

文字ツールで、フリガナを入力し、”水平方向中央に整列”で水平方向の位置を整え、選択ツールで垂直方向の位置を整えます。

003-13.png

⑬保有資格を入力後、右揃え、位置調整

003-14.png

文字ツールで、保有資格を入力後、右揃えアイコンをクリックし右揃えを行います。
また、選択ツールで位置と大きさの調整を行います。

003-15.png

⑭作業途中で、入力したテキストの修正する場合は、ダブルクリック

003-16.png

入力していたテキストを訂正する場合、選択ツールで該当箇所をダブルクリックすると文字を修正することができます。

※文字ツールを選択してワンクリックでも可能です。

⑮アクセントのための連続した直線を描く。

003-17.png

カラーウィンドウで、線を赤、面は透明に設定し、アクセントのための連続した線を描きます。
ペンツールを選択して、"shiftキー"を押したまま、①〜③の順番でクリックします。連続した線が、水平もしくは垂直に描けます。その後、選択ツールをクリックして、ペンツールの選択を解除します。

※直線ツールでは連続した線は描けません。
※"shiftキー"を押さずに線の端をドラッグすると、線の角度を水平、垂直に保てなくなります。(逆に言えば、自由に線の角度を調整できるようになります。)

⑯長方形ツールでアクセントを描き、選択ツールで大きさ、位置を調整

003-18.png

長方形ツールを選択し、カラーウィンドウで線を赤、面も赤を選択し、長方形でアクセントを描きます。また、選択ツールで大きさ、形状を整えます。

※ズームツールで拡大して作業を進めると作業しやすいです。

⑰名刺に必要な情報を入力

003-19.png

名刺に必要な情報を入力して、文字の位置、大きさを調整してみます。
すると、先に描いていた氏名やアクセントの位置を左へ移動させる必要があることがわかります。

⑱氏名、アクセントを左へ移動する

003-20.png

選択ツールを選択し、氏名、アクセントを選択(shiftキーを押しながらクリックして選択)し、選択した氏名とアクセントを同時に左へ移動させ位置を調整します。
すると、アクセントの線が名刺の枠を飛び出してしまいました。

⑲名刺の枠から飛び出たアクセントの線を調整

003-21.png

ダイレクト選択ツールを選択し、"shiftキー"を押しながら、飛び出た線の端をドラッグすると、線の長さ、位置を変更することができます。

※"shiftキー"を押さずに線の端をドラッグすると、線の角度を水平に保てなくなります。(逆に言えば、自由に線の角度を調整できるようになります。)

⑳写真を貼ります。

003-22.png

写真を用意し、貼り付けます。ココでは、四角形で代用しました。

※サンプル名刺からコピー&ペーストで配置しても良いです。その際は、サンプル名刺が描かれているレイヤーのロックを解除する必要があります。

㉑赤の線、赤の面で長方形を描き、文字を入力する

003-23.png

長方形ツールを選択し、線、面ともに赤で長方形を描きます。

㉒描いた長方形の中に”思い出アルバム”と入力。

003-24.png

長方形の中に”思い出アルバム”と表記します。この時、描いた長方形を外した位置で、何も描かれていない箇所で入力後、長方形の中にテキストを移動させましょう。また、文字はカラーウィンドウで白にします。

※何も描かれていない位置でテキストを入力する理由は、文字ツールを選択して長方形をクリックすると、長方形の範囲内でのみテキストを表示しないという特別な機能があります。実は、とても便利な機能なのですが、ここでの使用は適切ではないので、それを避けるために何も描かれていない箇所でテキスト入力を行います。

㉓描いた長方形とテキストをグループ化し、コピー&ペースト

003-25.png

長方形とテキストを選択し、右クリックすると表示される”グループ”を選択して、グループ化します。グループ化とは、複数ある図形や文字などを一つの図形またはテキストとして扱えるようにする機能です。

003-26.png

同じように、”WEB空室対策”と表記したものを描くため、グループ化した”思い出アルバム”をコピー&ペーストで複製を作成してください。

㉔複製した"思い出アルバム"を"WEB空室対策"に書きなおす。

003-27.png

グループ化した思い出アルバムを選択ツールでダブルクリックします。すると、グループ化された長方形とテキストが修正できるようになります。
ここで、思い出アルバムと入力されたテキストを更にダブルクリックし、”WEB空室対策”と入力し直します。
テキストの修正完了後、通常のモードに戻る必要があるので、選択ツールを選択し、キャンパスの何も描かれていない箇所をダブルクリックすると、グループの編集モードを解除することができます。

㉕思い出アルバムとWEB空室対策の位置大きさを調整

003-最後.png

思い出アルバム、WEB空室対策の大きさや位置を調整して完成です。


カメラ・ビデオの基礎知識 BASIC
カメラ購入前に役立つ知識カメラ購入前に役立つ知識
写真の編集方法(Photoshop編)写真の編集方法(Photoshop編)
写真の編集方法(Illustrator編)写真の編集方法(Illustrator編)
主なカメラ用語・撮影用語主なカメラ用語・撮影用語
動画制作作品集動画制作作品集
写真作品集写真作品集
写真・動画編集アプリ紹介写真・動画編集アプリ紹介
サイト運営協力者募集中サイト運営協力者募集中
プレスリリースプレスリリース
お問い合わせお問い合わせ
相互リンク受付中相互リンク受付中
サイトマップサイトマップ
思い出アルバム - ALWAYS -
思い出アルバム -ALWAYS-思い出アルバム -ALWAYS-
自分史ムービー制作承り中自分史ムービー制作承り中
家族史ムービー承り中家族史ムービー承り中
WEB空室対策
WEB空室対策WEB空室対策
WEB空室対策 PLANWEB空室対策 PLAN
WEB空室対策 PLANWEB空室対策 PLAN


アルバムが、自分史になる。思い出アルバム -ALWAYS-アルバムが、自分史になる。思い出アルバム -ALWAYS-
WEBで空室対策。競合物件に勝つ! WEB空室対策WEBで空室対策。競合物件に勝つ! WEB空室対策

Staff blog カメラ・ビデオでさいちゃんファイト!Staff blog カメラ・ビデオでさいちゃんファイト!
Staff blog 犀川博正のカメラ修行Staff blog 犀川博正のカメラ修行

防犯対策ページヘ防犯対策ページヘ

日本製品専門 コスメ・化粧品ページヘ日本製品専門 コスメ・化粧品ページヘ

パーティーグッズ専門店ページヘパーティーグッズ専門店ページヘ

お正月の食材ページヘお正月の食材ページヘ

美容・ダイエット サプリメントページヘ美容・ダイエット サプリメントページヘ

logo01.psd