製作させていただいたサイトの中からの Pick Up!
     
安川自動車様   IS保険企画様   たきのゆ様   中村屋呉服店様
     
水島農機商会様   朝倉匠庵様   おたとうふ様   佐々木織産工業様

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

「販促ワクワク通信」の題字(新聞名)の作成-4 題字の背景の作成

今回は「販促ワクワク通信」の背景に横線を入れてみます


ツールボックスで「長方形ツール」を選択し、画面の任意の場所で
クリックして「長方形ボックス」を表示します

「長方形ボックス」の「幅」の欄に"80px"「高さ」の欄に"1px"と
記入して「OK」

dai22.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

描いたヨコ線をページの左端から"480px"、上端から"32px"の位置に
移動します

移動の方法は
「販促ワクワク通信」の題字(新聞名)の作成-1 枠の作成
参照してください

dai23.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコ線がページの左端から"480px"、上端から"32px"の位置に
移動しているか、情報ボックスで確認します

dai24.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコ線を下の方向にコピーしていきます

右クリックでメニューを開き、「変形」→「移動」をクリックし
「移動ボックス」を開きます

「移動ボックス」の「水平方向」を"0px"、「垂直方向」を
"3px"と入力し「コピー」をクリック

dai25.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

Ctrlキーを押しながら、"D"を押して、「Vol.1」の下までコピーします

dai26.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

コピーしたヨコ線以外のレイヤーにロックをかけます

コピーしたヨコ線を上から下まで、ドラッグして選択します

dai27.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

上のメニューバーの「オブジェクト」→「グループ」をクリックし
ヨコ線全部を1つのグループにします

dai28.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコ線が「販促ワクワク通信」の文字列の前に引いてありますので
「販促ワクワク通信」の文字列の後ろに移動します

ヨコ線のグループのレイヤーを「販促ワクワク」と「<パス>」の間まで
ドラッグして移動します

dai29.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコ線が、「販促ワクワク通信」の後ろに移動しました

レイヤーは、下に行くほど「後ろ(背面)」上に行くほど「前(前面)」に
なります

dai30.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

作成したレイヤーで、解りにくいものに名前を付けます

画像のように、名前を付けてください

名前の付け方は
グリッド線を引く-4を参照してください

dai31.gif



今回はここまでです('◇')ゞ
スポンサーサイト

「販促ワクワク通信」の題字(新聞名)の作成-3 題字下の作成

今回は、題字下(発行者・発行日等)の作成です


「Vol.1」の下に「発行者」と入力します

「フォントサイズ」を"9pt" その下の「水平比率」を"100%" に
設定します⇒オレンジ○

dai13.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「発行者」の文字を太く強調したいのですが、
「フォントスタイル」(フォントファミリーの下の欄)の表示が
"-"となっており強調の"Bold"がありません

こんな時に、文字を太くして強調する方法です

「発行者」を黒矢印カーソルでクリックし選択した状態で
画面の空白の部分で、右クリックしてメニューを表示します

メニューの中の「アウトラインを作成」をクリック

dai14.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

その状態で、上のメニューバーから

「オブジェクト」→「パスのオフセット」をクリックして選択

dai15.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「パスのオフセットボックス」が開いたら「オフセット」の欄に
"0.1px"と記入して「OK」

dai16.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「発行者」の文字が太くなりました

dai17.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「発行者」の下に、少しスペースを空けて
「販促ワクワク」と入力し、Enterキーで改行して、続けて
「セミナー」と入力します

「フォントサイズ」を"9pt" その下の「水平比率」を"100%" に
設定します⇒オレンジ○

右側にある「行送りを設定」の欄を"10pt"に設定します⇒ブルー○

「行送りを設定」の数値は「販促ワクワク」と「セミナー」の
行間を意味しています
大きく設定すれば行間が広がり、小さく設定すれば狭くなります

dai18.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「販促ワクワクセミナー」の下に、少しスペースを空けて
「発行日」と入力し、「発行者」の時の方法で太く強調します

dai19.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「発行日」の下に、少しスペースを空けて
半角で「2013.4.30」と入力します

dai20.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

Shiftキーを押しながら
「発行者」「販促ワクワクセミナー」「発行日」「2013.4.30」をクリックし
4つの文字列を選択した状態で

「整列ボックス」の「水平方向左に整列」をクリックし
文字列の左側を揃えます

dai21.gif



今回はここまでです

次回は、「販促ワクワク通信」の文字列のバックに
装飾を入れます('◇')ゞ

「販促ワクワク通信」の題字(新聞名)の作成-2 題字の作成

題字(新聞名)を作成します


ツールボックスの「文字ツール」を長押しして、右側に表示された
オプションメニューの中から「文字(縦)ツール」を選択します

dai7.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

文字入力のカーソルを、前回作成した長方形の枠の上方中央で
クリックして「販促ワクワク通信」と入力します

dai8.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「文字ツール」を「選択ツール」に切り替え、入力した
「販促ワクワク通信」を黒矢印でクリックして選択します

dai9.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「文字ボックス」の

「フォントファミリー」で「しねきゃぷしょん」を選択します⇒オレンジ○

「フォントサイズ」を"42pt" その下の「水平比率」を"125%" に
設定します⇒ブルー○

「販促ワクワク通信」の文字列を、きっちり中央に配置したいときは
「移動ボックス」を標示させて
X="493.75px" Y="47px" の位置に移動します⇒グリーン○

dai10.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ツールボックスの「文字ツール」を長押しして、
「文字(縦)ツール」を「文字ツール」に変更します

「販促ワクワク通信」の下を、文字入力のカーソルでクリックし
「Vol.1」と入力します

dai11.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「フォントサイズ」は"19pt" に設定します

dai12.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

今回はここまでです

次回は、題字下(発行者など)の入力をします('◇')ゞ

「販促ワクワク通信」の題字(新聞名)の作成-1 枠の作成

本題に入る前に、前回作った3段の外枠の色を薄くします


メニューバーから「ウィンドウ」→「透明」をクリックして
「透明ボックス」を表示させます

dai1-1.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

3段の枠をすべて選択した状態で「透明ボックス」の「不透明度」の
右側の矢印をクリックし、スライダーを表示します

「不透明度」の数値をスライダーで"30%"前後に設定すると
枠の色が、薄くなります

dai2-1.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

題字を作成するためのレイヤーを新規に作成します
「各段の枠」「グリッドベース」には、ロックをかけておきます

dai2.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ツールボックスで「長方形ツール」を選択し、画面の任意の場所で
クリックし、「長方形ボックス」を表示させます

「長方形ボックス」の「幅」に"80px"「高さ」に"480px"と入力し「OK」

dai3.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

表示された左上角を、X="480px" Y="30px" の位置に移動します
ブルー○

「情報ボックス」のXとYの数値をメモしておいてください
オレンジ○

この画像の場合はX="431.615px" Y="203.847" になっています

dai4.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

画面上で右クリックしてメニューを表示させ、移動をクリックし
「移動ボックス」を表示させます

「移動ボックス」の
「水平方向(X)」に移動先のX値から、現在のX値を引いた数値を記入
  480-431.615=48.835  
  画像の場合は「水平方向」の値は "48.835px"

「垂直方向(Y)」に移動先のY値から、現在のY値を引いた数値を記入
  30-203.847=-173.847
  画像の場合は「垂直方向」の値は "-173.847px"

記入後「OK」


dai5.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

長方形の左上角の位置⇒ブルー○

情報ボックスでX="480px" Y="30px" になっているか確認してください

dai6.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


長くなるので、今回は一旦ここで終わります
次回は、新聞名を入力していきます('◇')ゞ

「販促ワクワク通信」の題字(新聞名)の作成-0 作業画面の拡大

作業中の紙面のサイズ指定はA4ですが、画面上の見た目は
実際のA4より小さくなっています

印刷した時の実際の文字や図形の大きさに合わせるために
作業画面(アートボード)を拡大します

画面の左下の"100%"をクリックして反転
      ↓
      ↓
Deleteキーで数字を削除
      ↓
      ↓
"130"と入力してEnterキーを押す

これで、"130%"拡大になり、実際のA4の大きさと
ほぼ一緒になります



dai1.gif
プロフィール

asp

Author:asp
HP制作やブログカスタマイズなどを生業としていますが、歳をとるにつれて物忘れがひどくなってきたので、メモ代わりの備忘録でも始めようかと・・・・

検索フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。