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

「販促ワクワク通信」 2店目の地図を作る-1

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


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


「たきのゆ」の地図を作っていきます


最初に、前回作成した「中村屋地図.ai」を開きます

yumap0.gif



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



次に、上のメニューバーから「ファイル」→「別名で保存」をクリックし

「たきのゆ地図」と名前を付けなおして保存します

yumap1.gif



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



レイヤーの「西環状線」「フェニックス通り」「背景グレー」に
ロックをかけますオレンジ○

yumap2.gif



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



画像のように矢印を左上から右下にドラッグして
ロックをかけた3つ以外を全部選択します

yumap3.gif



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



選択した全体をクリックして、下にドラッグします

yumap4.gif



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



「西環状線」「フェニックス通り」「背景グレー」だけが
残った状態になります

※今回は、この縦線・横線を利用して地図を作ります

yumap5.gif



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



続いて、「信号機」「星印」「駐車場」のレイヤーに
ロックをかけますオレンジ○

yumap6.gif



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



下に移動した地図全体を、矢印でドラッグして選択します

yumap7.gif



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



選択されている状態で、Deleteキーを押して削除します

※残った「信号機」「星印」「駐車場」は、あとで使用します

yumap8.gif



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



上のメニューバーから「表示」→「グリッドを表示」をクリックします

yumap9.gif



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



グリッドが表示されます

yumap10.gif



今回はここまでです('◇')ゞ

「販促ワクワク通信」  記事のタイトル2

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


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


今回から、もう1つのお店の紹介記事を作成していきます

はじめに、お店の名前をタイトルとして作ります



前回、予備として作成した「中村屋呉服店」を選択して

「フォントファミリー」が"KFひま字"⇒オレンジ○
「フォントサイズ」が"24px"⇒ブルー○

であることを確認して、文字ボックスを設定します

yutit1.gif



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



新規レイヤーを作成」をクリックして"レイヤー8"を作成します
オレンジ○

yutit2.gif




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



ツールボックスの文字ツールを長押ししてプルダウンメニューの中から
文字(縦)ツール」を選択します⇒オレンジ○

yutit3.gif



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



画像の位置あたりに、"たきのゆ"と入力します

yutit4.gif



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



「たきのゆ」を選択して、右クリックでメニューを表示
アウトラインを作成」をクリック

yutit5.gif



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



レイヤーが「たきのゆ」から「グループ」にかわります
この時点で「たきのゆ」は文字から図形に変更されています

yutit6.gif

※画像の「たきのゆ」の上にかかっている緑色の線は
 作業をしているレイヤーの色ですので、実際皆さんがやっている時と
 違う場合がありますが気にしないでください



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



図形「グループ」になった「たきのゆ」が選択されている状態で
上のメニューバーから「オブジェクト」→「パスのオフセット」をクリック

yutit7.gif



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



開いた「パスのオフセットボックス」の
「オフセット」を"3px"
「角の形状」を"ラウンド"
「角の比率」を"4"
に、設定して「OK」

yutit8.gif



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



オフセットできた状態で
上のメニューバーから「オブジェクト」→「グループ」をクリック

yutit9.gif



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



レイヤーが画像のオレンジ○のような状態になると思います

yutit10.gif



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



レイヤーの上の「グループ」の右側を(オレンジ○)をクリックして
「たきのゆ」というグループ全体を選択します

次に、Shiftキーを押しながら、下の「グループ」の右側(ブルー○)を
クリックして、オフセットされた部分だけ選択から除外します

yutit11.gif



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



レイヤーがオレンジ○のような状態になります

yutit12.gif



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



この状態で、上のメニューバーから「オブジェクト」→「グループ」を
クリックします

yutit13.gif



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



レイヤーの「グループ」の中に2つのグループができます

上の「グループ」は文字から図形に変更した「たきのゆ」で
下の「グループ」は、オフセットした部分になります

まず、上の「グループ」の右側(ブルー○)をクリックして選択し
スウォッチから「ホワイト」をクリックして塗りの色を白にします⇒オレンジ○

yutit14.gif



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



次に、下のグループの右側(ブルー○)をクリックして選択し
スウォッチから「オレンジ」をクリックして塗りの色を
オレンジにします⇒オレンジ○

yutit15.gif



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



白い文字の周りに、オレンジの囲みができ、完成です

画像のように、レイヤーに名前をつけます⇒オレンジ○
※「地図」→「中村屋地図」、「記事」→「中村屋記事」も変更します

yutit16.gif



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



次に、「中村屋呉服店のタイトル」と「たきのゆのタイトル」を
Shiftキーを押しながらクリックして選択し

整列ボックスの「水平方向右に整列」をクリックして
タイトルの縦ラインを揃えます

yutit17.gif



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

yutit18.gif



今回はここまでです

説明は長いですが、慣れると、この作業は1分もかかりません('◇')ゞ

記事を書くときの行間

昨日の続き・・・


記事を書くとき、フォントの種類やサイズは意識しますが
行間はあまり意識しないという方・・・

記事を読むとき、1行1行の間隔によって
読みにくかったり、読みやすかったりしています



下の3つの画像、読みやすいのは?


文字のサイズに"8pt"プラスした行間の場合
    ↓↓↓
kijikan0.gif



文字のサイズに"15pt"プラスした行間の場合
    ↓↓↓
kijikan1.gif



文字のサイズに"1pt"プラスした行間の場合
    ↓↓↓
kijikan2.gif


読みやすさが、違うと思います('◇')ゞ
[ 2013/05/07 16:35 ] イラストレーター | TB(0) | CM(0)

記事を書くときのタイトルや本文のフォント

記事を書くときには、使用するフォントにも注意が必要です


Windowsに標準装備されていて、一般的なフォントは

明朝体」「ゴシック体」「POP体」(※毛筆は除きます)


「明朝体」は、読みやすいので長文で使用しても眼が疲れない

「ゴシック体」は文字のヨコ線とタテ線が同じ太さなので、
 文字が強く感じる

「丸ゴシック体」は、文字の線の角が丸くなっているので
「ゴシック体」よりは少し優しく眼に入ってくる


ですから、小説などの長文は「明朝体」の使用が多いですよね

前から思ってるんですけど・・・
「機器」の説明書って、タイトルが「ゴシック体」本文が「丸ゴシック体」

だから読みにくいんじゃないかって(^-^;

記事の内容や、使う場所によって、フォントは変えた方がいいと思います


タイトル&サブタイトル⇒「ゴシック体」、本文⇒「明朝体」
ベーシックな使い方です
    ↓↓
kijifon1.gif



タイトル&サブタイトル⇒「丸ゴシック体」、本文⇒「明朝体」
少し優しくなります
    ↓↓
kijifon2.gif



タイトル&サブタイトル⇒「明朝体」、本文⇒「ゴシック体」
少し違和感があります
    ↓↓
kijifon3.gif



タイトル&サブタイトル⇒「POP体」、本文⇒「POP体」
この内容の記事では、絶対使用してはいけないフォントです (-_-;)
    ↓↓
kijifon4.gif



記事の読みやすさは、フォントだけではなく
1行1行の間隔でも変わります

それは、また今度で('◇')ゞ
[ 2013/05/06 17:46 ] イラストレーター | TB(0) | CM(0)

イラストレーターで「販促ワクワク通信」 記事を書く

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


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


今回は1段目の「写真」と「記事」です

作業を始める前に、店舗の写真を用意してください

フォトショップエレメンツ程度の「画像ソフト」を使用して
「幅」を"130px"「高さ」を"130px" に指定してトリミングし
「販促ワクワク通信」用のフォルダに保存してください

※無料配布されている「画像ソフト」や
 デジカメに付属している「画像ソフト」は
 サイズ指定のトリミングができませんので注意してください



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

作業に入ります('◇')ゞ
完成すると、こんな風になります

※画像をクリックすると、別のウィンドウで拡大画像が開きます
 記事を入力する際の文章の見本としてお使いください


kiji0s.gif



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

レイヤーボックスの「新規レイヤーを作成」をクリックして
「レイヤー7」を作ります⇒オレンジ○

kiji1.gif



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

「店舗写真」を紙面上に呼び出します

上のメニューバーから「ファイル」→「配置」をクリックします

kiji2.gif



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

フォルダに保存した「店舗写真」を選んで右側の「配置」をクリックします

kiji3.gif



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

配置された「店舗写真」の左上角をクリックしたまま⇒ブルー○

ドラッグして「"X=30px"、"Y=20px"」の位置に移動させます⇒オレンジ○

kiji4.gif



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

ツールボックスの「文字(縦)ツール」を選択し⇒ブラウン○
「塗り」の色を"ブラック"にします⇒ピンク○

「フォントファミリー」を"しねきゃぷしょん"⇒オレンジ○
「フォントサイズ」を"12pt"⇒レッド○
「行送りを設定」を"16pt"⇒グリーン○
「選択した文字のトラッキングを設定」を"50" に設定⇒イエロー○

「文字(縦)ツール」のカーソルを画像のブルー○の位置でクリックして
文章を書き出します

kiji005.gif



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

「地図」の左端の上の部分まで書いたら、文字を一度確定します
※"Ctrlキー"を押すと「文字(縦)ツール」のカーソルが
 「選択ツール」のカーソルに変わり、文字入力が確定します


"Ctrlキー"を離して「文字(縦)ツール」のカーソルにして
画像のブルー○の位置でクリックして続きを書きます

kiji6.gif



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

「店舗写真」の手前の部分まで書いたら、文字を一度確定します

「文字(縦)ツール」のカーソルを画像のブルー○の位置でクリックして
続きを書きます

kiji7.gif



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

レイヤーに名前を付けます

kiji8.gif



1段目が完成しました('◇')ゞ
[ 2013/05/02 20:10 ] イラストレーター | TB(0) | CM(0)
プロフィール

asp

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

検索フォーム