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

≪ 前月 |  2013年04月  | 翌月 ≫

スポンサーサイト

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

読みやすい記事の1行の長さ-①

記事を書く際に、気をつけなければならないのが「1行の文字の長さ


調べ物があって、いろいろなホームページを見て回っている時
画面いっぱいに、文字が並んでいるページに遭遇するときがあります

読むときに、眼球だけではなく、首まで振って見るページ
内容がよさそうでも・・・・僕はすぐにページを閉じます (^-^;


読み手のことを、考えていない (-。-)y-゜゜゜




下の画像の記事を参考に説明してみます
※(画像をクリックすると別のウィンドウで拡大されます


①は、横に長いタイプ

画像では、7行しかありませんので、何とか読めると思います

でも、これが20行くらい続くと、右端まで読んで、左端に視線を戻すと
どこの行に続くのかが、わからなくなります (^-^;



②は、横が短く縦に長いタイプ

フリーペーパーなどのページ端の縦長のスペースで、ときどき見かけます

読んでみるとわかりますが、眼に負担がかなりかかります

横 → 下 → 横 → 下 → と

視線を動かす回数が増えるので、読み手の眼は疲れます



③は横の文字数を30文字に制限しました

横に、文字を書いていく場合の1行の文字数は、
15から35文字程度を、目安にするといいと思います

個人的な主観なので、「違うわ!」とか
突っ込まないでくださいm(__)m


mojiretu-s.gif


チラシを作ったり、ホームページを作ったりするときに

「読み手の視線は、左から右、上から下」というのも大事だと思いますけど

「読み手の眼を疲れさせない」ということも
大切なことだと思います (^_^)v


本日は、以上です('◇')ゞ
スポンサーサイト
[ 2013/04/30 17:39 ] イラストレーター | TB(0) | CM(0)

チラシ作りに参考になるかもしれないサイト

チラシを作るときに参考になるかもしれないサイトです('◇')ゞ


サイト名は

効果的な販促チラシの基礎知識 富士ゼロックス
    ↑
サイト名をクリックすると、別のウィンドウでサイトが開きます


zero1.gif


配色のことや ↓↓

zero2.gif



フォントのことや ↓↓

zero3.gif


興味があったら、訪れてみてください('◇')ゞ
[ 2013/04/29 13:30 ] サイトの紹介 | TB(0) | CM(0)

Web上で、いろいろなマークを無料で配布しているサイト

今回は
Web上で、いろいろなマークを無料で配布しているサイト」を
紹介します



mk0.gif


サイト名は

DESIGN MATERIALS/イラストレータ形式のフリー素材
    ↑
サイト名をクリックすると、別のウィンドウでサイトが開きます


このサイトの管理人の方が、1点ずつ下絵からトレースした素材を
配布しています


地図記号 ↓

mk1.gif



世界の国旗 ↓

mk2.gif



道路標識 ↓

mk3.gif



洗濯マーク ↓

mk4.gif



他にも、「家紋」とか「公共マーク」などがありますが

「公共マーク」は、管理監督者の許可がないと
使用できないものがありますので、注意が必要です




興味があったら、訪れてみてください('◇')ゞ
[ 2013/04/28 17:30 ] 未分類 | TB(0) | CM(0)

「販促ワクワク通信」 地図を作る-10

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

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


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

作成した「地図」を、「販促ワクワク通信」の紙面に
コピーします

最初に「販促ワクワク通信」の作業画面のレイヤーの
「新規レイヤーを作成」をクリックして「レイヤー6」を作ります

map104-1.gif



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

次にイラストレーターに「中村屋地図(ブルー○)」と

「ミニ新聞(ピンク○)」の2つのファイルを開き

上の「ドキュメントレイアウト」をクリックして

「2アップ」をクリックします

map104-2.gif



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

画面に「ミニ新聞(ピンク○)」と「中村屋地図(ブルー○)」の

2つのファイルが同時に、表示されます

ピンク○の中のタブは、「薄いグレー」で
 ブルー○の中のタブは、「濃いグレー」をしてます

 ファイルが、2つ同時に表示はされていますが
 作業できるファイルは1つだけです

 タブが「薄いグレー」になっているファイルが作業できるファイルです

map105.gif



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

「中村屋地図」のタブをクリックして「薄いグレー」にし

「中村屋地図」の3つのレイヤーの右側を
Shiftキーを押しながら、クリックして
地図全体を選択します⇒オレンジ○

map106.gif



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

選択されている「地図」の"オレンジの長方形"をクリックしたまま

「ミニ新聞」の画面のほうへドラッグしていきます⇒ピンク○

map107.gif



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

「地図」が「ミニ新聞」のほうにコピーされましたら

上の「ドキュメントレイアウト」をクリックして

「すべてを統合」をクリックします⇒オレンジ○

「ミニ新聞」の作業画面だけが表示されます

map108.gif



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

「地図」全体が選択されている状態で

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

map109.gif



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

グループ化した「地図」が「レイヤー6」に収納されているのを
確認します⇒オレンジ○

map110.gif



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

「地図」全体が選択されている状態で

地図の左上をクリックして⇒レッド○

「情報ボックス」の"x、y"の位置にドラッグして移動します⇒オレンジ○

map111.gif



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

レイヤーに名前を付けます⇒オレンジ○

map112.gif


以上で、「販促ワクワク通信」の紙面に「地図」のコピーが終了です

お疲れ様でした('◇')ゞ

「販促ワクワク通信」 地図を作る-9

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

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


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

道路名や線路名を記入して、地図を完成します



ツールボックスの「塗りの色」を"ホワイト"「線の色」を"ナシ(透明)"に

設定して、「長方形ツール」を選択し

画像の位置(オレンジ○の真ん中の赤い点の位置)でクリックし

「長方形ボックス」の「幅」を"20px"「高さ」を"7px" に設定して「OK」

map92.gif



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

ツールボックスで「文字ツール」を選択し

「フォントファミリー」を"メイリオ"、「フォントサイズ」を"5pt"に設定し

画像の位置(ブルー○)に"花堂"と記入します

map93.gif



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

書かれた「文字("花堂")」をドラッグして、「白い長方形」の中央に移動

続いて、「白い長方形」と「文字("花堂")」を同時に選択し

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

map94.gif



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

グループ化した「白い長方形」と「文字("花堂")」が選択された状態で

右クリックでメニューを開き「変更」→「移動」をクリック

「移動ボックス」の

「水平方向」を"50px"「垂直方向」を"-10px" に設定して「コピー

map95.gif



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

ツールボックスから「文字ツール」を選択し

「フォントファミリー」を"小塚ゴシックPro"
「フォントサイズ」を"7pt"に設定して

「オレンジの長方形」の下に"福井鉄道"と入力

map96.gif



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

"福井鉄道"の下に"JR北陸線"と記入

map97.gif



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

"赤い星印"の下に"フェニックス通り"と記入

map98.gif



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

ツールボックスの「文字ツール」を長押しして
「文字(縦)ツール」を選択し⇒オレンジ○

"オレンジの長方形"の横に"西環状線"と縦に記入⇒ブルー○

map99.gif



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

「文字(縦)ツール」から「文字ツール」に変更して

「フォントサイズ」を"9pt" に設定⇒オレンジ○

"オレンジの長方形"の中に"Bell"と記入⇒ブルー○

map100.gif



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

ツールボックスから「直線ツール」を選択し

画像の位置(オレンジ○の真ん中の赤い点の位置)でクリックし

開いた「直線ツールオプションボックス」の

「長さ」を"10px"「角度」を"360°" に設定して「OK」

map101.gif



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

引かれた「直線」を選択し

「線ボックス」の「線幅」を"1px"⇒オレンジ○

ツールボックスの「線の色」を"グレー"⇒ブルー○

「矢印」を"矢印10" に設定します

map102.gif



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

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

map103.gif



地図が完成しました

今回はここまでです

次回は、完成した「地図」を「販促ワクワク通信」の紙面に

コピーします('◇')ゞ

「販促ワクワク通信」 地図を作る-8

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

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


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

地図上に店舗の位置や、目印となる建物を描いていきます


レイヤーの下にある「新規レイヤーを作成」をクリックして
「レイヤー3」を作成します

map81.gif



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

ツールボックスの「塗りの色」を"オレンジ"にして
「長方形ツール」を選択し、画面上の任意の場所で
クリックし「長方形ボックス」を表示します

「幅」を"30px"「高さ」を"40px"に設定して「OK」

map82.gif



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

描かれた長方形の左上角をクリックしたまま、ドラッグして
画像の位置に移動させます

map83.gif



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

ツールボックスの「長方形ツール」を長押しして、開いたメニューから

「スターツール」を選択します

map84.gif



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

ツールボックスの「塗りの色」を"レッド"にして

画像の位置(オレンジ○の真ん中の赤い点の位置)をクリックし

開いた「スターボックス」の

「第1半径」を"2.5px"「第2半径」を"5px" に設定して「OK」

map85.gif



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

赤い星印が選択されている状態で

右クリックしてメニューを開き

「変形」→「回転」をクリック

map86.gif



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

「回転ボックス」の「角度」を"110°" に設定して「OK」

map87.gif



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

ツールボックスで「長方形ツール」を選択し

画像の位置(オレンジ○の真ん中の赤い点の位置)をクリックし

開いた「長方形ボックス」の「幅」を"7px"「高さ」を"7px" に
設定して「OK」


※「長方形」の設定が画像では、間違っていますm(__)m

 長方形の「塗りの色」は"ナシ(透明)"、「線の色」は"ブラック"
 「線幅」は"1px" に設定してください m(__)m


map88.gif



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

ツールボックスから「テキストツール」を選択し

長方形の中に"P" と記入します

「フォントファミリー」は"メイリオ"
「フォントサイズ」は"6pt" です⇒オレンジ○

map89.gif



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

"長方形"と"P" を同時に選択して

上のメニューから「オブジェクト」→「グループ」をクリック

map90.gif



今回はここまでです

次回は、道路名等を記入していきます('◇')ゞ

「販促ワクワク通信」 地図を作る-7

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

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


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


「信号機」を地図の大きさに合わせて縮小します

右クリックでメニューを開き、「変形」→「拡大・縮小」をクリック

開いた「拡大・縮小ボックス」の「拡大・縮小」欄を"7%"に
設定して「コピー」をクリック

※「コピー」するのは、大きさが合うかどうか確認し、合わなかった場合に
 再度、縮小サイズを増減させるために元画像は、残しておくためです

map58.gif



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

「コピー」された「信号機」をクリックしたままドラッグして

「地図」の、1番左の道路と下の太い道路の交差点の中央に
「黄色」がくるように、配置します

map59.gif



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

元画像を選択し、Deleteキーで消去します

※画像の大きな信号機の黄色の中に、小さな信号機がありますが
 説明画像を作る際に消去するのを忘れましたm(__)m
 気にしないでください、スイマセン(^-^;

map060.gif



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

交差点に配置した「信号機」を選択し、

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

開いた「移動ボックス」の

「水平方向」を"35px"「垂直方向」を"0px" に設定して「コピー

map61.gif



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

2つ目の「信号機」を選択し、

Ctrlキー+"D" を押して、右側に同じ距離の位置にコピーします

map62.gif



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

3つ目の「信号機」を選択し、

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

開いた「移動ボックス」の

「水平方向」を"30px"「垂直方向」を"0px" に設定して「コピー

map64.gif




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

もう一度、3つ目の「信号機」を選択し、

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

開いた「移動ボックス」の

「水平方向」を"0px"「垂直方向」を"-30px" に設定して「コピー

map65.gif




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

レイヤーに名前を付けます⇒オレンジ○

「陸橋」は「福井鉄道」の上に「パス」が2つあると思いますので
2つを「オブジェクト→グループ」で「グループ化」して名前を付けてください

map80.gif


以上で、「信号機」配置は終了です

今回はここまでです

次回は、地図に「道路の名称」等を記入していきます('◇')ゞ

「販促ワクワク通信」 地図を作る-6

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

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


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


今回から、2回に分けて「信号機」を作っていきます


その前に、前回作った「線路」「道路」「水路」のレイヤーに
画像のように名前をつけます⇒オレンジ○
(前回忘れていました、すいませんm(__)m)

名前を付けたら、「新規レイヤーを作成」をクリックして
「レイヤー2」を作り、「信号機」はこのレイヤーに収納します

map41.gif



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

ツールボックスで「直線ツール」を選択して

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

※赤い位置は、「大体この辺か・・」程度の気持ちで大丈夫です(^_^)v

開いた「直線ツールオプションボックス」の

「長さ」を"130px"「角度」を"360"に設定して「OK」

map42.gif



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

引かれた「ヨコ線」が選択されている状態で

「線の色」を"ブラック"⇒ブルー○
「線幅」を"70px" に設定します⇒オレンジ○

map43.gif



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

線が太くなり、図形のように見えますが、この段階ではまだ「線」なので
「線」の中央をクリックして選択します⇒イエロー○

※「線」のちゅおう以外の部分をクリックしても選択できません

選択した状態で、線ボックスの「線端」で「丸型線端」をクリック
オレンジ○

map44.gif



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

次に、この「線」を「図形」に変更します

上のメニューバーから

「オブジェクト」→「パス」→「パスのアウトライン」をクリック

map45.gif



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

「線」から変わった「図形」をクリックして選択し⇒ブルー○

ツールボックスの「塗りの色」を"薄いグレー"にします⇒オレンジ○



map46.gif



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

「図形」をクリックして選択し⇒ブルー○

ツールボックスの「線の色」を"濃いグレー"にします⇒オレンジ○

map47.gif



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

ツールボックスで「楕円形ツール」を選択し

「塗りの色」が"薄いグレー"「線の色」が"濃いグレー"に
なっていることを確認して

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

※赤い位置は、「大体この辺か・・」程度の気持ちで大丈夫です(^_^)v

開いた「楕円形ボックス」の

「幅」を"50px"「高さ」を"50px" に設定して「OK」

map48.gif



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

描いた「円」を、あと2つコピーします

右クリックでメニューを開き「変形」→「移動」をクリック

開いた「移動ボックス」の

「水平方向」を"60px"「垂直方向」を"0px" に設定して「コピー」

map49.gif



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

続いて、Ctrlキー+"D"を押してコピーし
3つ目の「円」を作ります

map50.gif



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

1つ目の「円」を選択し、ツールボックスで

「線の色」を"濃いブルー" に設定します⇒オレンジ○ 

map51.gif



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

2つ目の「円」を選択し、ツールボックスで

「線の色」を"イエロー" に設定します⇒オレンジ○ 

map52.gif



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

3つ目の「円」を選択し、ツールボックスで

「線の色」を"レッド" に設定します⇒オレンジ○ 

map53.gif




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

3つの「円」を、同時に選択して

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

map54.gif



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

グループ化した「3つの円」と「グレーの図形」を選択し

整列ボックスの「オブジェクトの整列」の左から2番目

「水平方向中央に整列」をクリックします

map55.gif




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

引き続き、「3つの円」と「グレーの図形」を選択し

整列ボックスの「オブジェクトの整列」の左から5番目

「垂直方向中央に整列」をクリックします

map56.gif



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

中央で揃っている「3つの円」と「グレーの図形」を選択し

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

map57.gif



「信号機」が出来ました

今回はここまでです

次回は、信号機を地図に合わせた大きさに縮小して

地図の上に並べていきます('◇')ゞ

BGM・・・じゃなくて・・・BGR (^_^)v

バタバタしているので「信号機」は、明日からということで(^-^;

今日は「BGR」アプリとサイトの紹介('◇')ゞ



僕は、夕方5時頃から深夜までパソコンの前に座り作業をします

その時に、流しているのが「BGM」ではなく「BGR」
「BGR」って「background Radio」のつもりです(^0^)v

「BGM」にしないのは「BGM」は音楽だけですけど、
「BGR」は言葉が入るので寂しくない!・・・それだけです(^0^)v


んで、メインがこれ↓↓

rad-1.gif


「ドコデモFM」

「iphone」や「スマホ」のアプリ

去年、「FM福井」聴きながら仕事してたら、さかんにCMやってて
「App Store」でインストールして使い始めました

その後「FM福井」はいっさい聴かなくなりました(笑)

「ドコデモFM」は、JFN系列FM全国38局と福岡のLOVE-FM を
聴くことができ、1ヶ月350円!


東京FM、LOVE-FM、FM福岡、FM沖縄、Kiss FM KOBEの番組で
僕は「マイ タイムテーブル」を作って聴いてます(^0^)v

んで、サブで使っているのがこれ ↓↓

rad-2.gif


「JJazz.Net」
http://www.jjazz.net/

おもいっきし、聴き流せるので、作業に支障が起きません(^0^)v

記事とは関係ありませんが・・・

12時前に疲れてきて、心が折れそうになった時には
次の言葉をつぶやきます







「ヒゲのおじさんは・・・まだ、番台で頑張っている」・・・って ('◇')ゞ
[ 2013/04/22 17:17 ] 未分類 | TB(0) | CM(0)

「販促ワクワク通信」 地図を作る-5

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

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


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

フェイスブックで、北嶋さんからリクエストがあったので

「陸橋」を追加で作成してみます('◇')ゞ


最初に、作業画面を "300%" から "1200%" に拡大します

map66.gif



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

ツールボックスから「ペンツール」を選択し

「ペン先」マークのカーソルで、これから引く「線の始点」を
画像の位置にクリックします⇒オレンジ○の真ん中の赤い点の位置

map67.gif




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

続いて「ペン先」マークのカーソルで、これから引く「線の終点」を
画像の位置にShiftキーを押しながらクリックします
オレンジ○の真ん中の赤い点の位置

Shiftキーを押しながらクリックすることで、"45°"の角度で
線を引くことができます

map68.gif



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

「引かれた線」が選択されている状態で

ツールボックスから「リフレクトツール」を選択します

map69.gif



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

「リフレクトツール」を選択したら

画像の位置にShiftキー+Altキーを押しながらクリックします
オレンジ○の真ん中の赤い点の位置

赤い点の位置は、「斜めの線」の位置と、
リフレクト(反転)させたい位置の中間点になります

map70.gif



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

表示された「リフレクトボックス」の
「リフレクトの軸」で「水平」を選択して「コピー」をクリック

map71.gif



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

リフレクト(反転)コピーが出来たら

ツールボックスから「ダイレクト選択ツール」を選びます⇒オレンジ○

カーソルが「白い矢印」マークに変わります

「白い矢印」マークのカーソルで、「上の斜線」のブルー○の位置にある

「アンカーポイント」をクリックして選択します

「アンカーポイント」は、画像のように白い四角形で表示されます

map72.gif



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

続いて、Shiftキーを押しながら

「白い矢印」マークのカーソルで、「下の斜線」のブルー○の位置にある

「アンカーポイント」をクリックして選択します

map73.gif



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

2つの斜線の「アンカーポイント」が選択された状態で⇒オレンジ○

上のメニューバーから「オブジェクト」→「パス」→「連結」をクリック

map74.gif



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

「上の斜線」と「下の斜線」が、つながり、1つの図形になります

※線の内側に色がついている場合は、ツールボックスの下にある
「塗り」の四角いボックスを「色なし(透明)」にしてください

次に、この図形を「道路」の右端に「リフレクト(反転)」します

ツールボックスで「リフレクトツール」を選択し⇒ブルー○

「道路」の中央を、Shiftキー+Altキーを押しながらクリックします
オレンジ○の真ん中の赤い点の位置

map75.gif



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

表示された「リフレクトボックス」の
「リフレクトの軸」で「垂直」を選択して「コピー」をクリック

map76.gif



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

Shiftキーを押しながら「黒い矢印」マークのカーソルで
2つの図形をクリックして選択して⇒オレンジ○

線ボックスの「線幅」を"2px"「線端」を"丸型線端"に設定します

map77.gif



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

続いて「角の形状」を"ラウンド結合"に設定します

map78.gif



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

作業画面の「拡大サイズ」を "1200%" から "300%" に戻します

「陸橋」です('◇')ゞ

※「陸橋」線が「道路」にかぶっている場合は、
 右クリックでメニューを開き「変形」→「移動」で移動ボックスで開き
 左側の線は「水平方向」を"-0.5px"~"-1px"の間で移動させてみて
 ちょうどいい数字で、右側の線も移動させてください

map79.gif


今回はここまで

次回は「信号機」を作成します('◇')ゞ

「販促ワクワク通信」 地図を作る-4

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

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


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


「線路」「道路」「水路」の作成を続けていきます


ツールボックスで「長方形ツール」を選択し

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

※この位置は、情報ボックスの「X"=0px "Y"=0px"」です⇒ブルー○

「+」マークのカーソルを動かすと、「情報ボックスの"X"と"Y"の値」は
変化しますので、赤い点の部分で、「X"=0px "Y"=0px"」を
あわせてみてください

map32.gif



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

長方形の「線の色」を"ナシ(透明)"にし、

「塗りの色」をスウォッチボックスで "薄いグレー" をクリックして

長方形の色を "薄いグレー"にします⇒オレンジ○


map33.gif



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

レイヤーの一番上にある「パス(グレーの長方形)」をクリックしたまま
レイヤーの一番下までドラッグして移動します⇒オレンジ○

map34.gif



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

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

グリッド線を非表示にします

map35.gif



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

Shiftキーを押しながら、「線路」と「水路」以外の「道路」6本を
選択した状態で⇒ブルー○

スウォッチボックスで"ホワイト"をクリックし、
「線の色」をホワイトにします⇒オレンジ○

道路の色が"ホワイト"になります

map36.gif



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

「水路」が「道路」の上に流れているので、修正します⇒イエロー○

レイヤーで「水路のパス(上から5番目)」をクリックしたまま
下から2番目(グレーの長方形の上)まで、ドラッグして移動します⇒オレンジ○

map37.gif



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

「私鉄の線路」が「道路」の下を走っているので修正します⇒イエロー○

レイヤーで「私鉄の線路(下から4番目)」をクリックしたまま
一番上まで、ドラッグして移動します⇒オレンジ○

map38.gif




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

「JRの線路」も「道路」の下を走っているので修正します⇒イエロー○

レイヤーで「JRの線路(下から3番目)」をクリックしたまま
上から2番目(私鉄の線路の下)まで、ドラッグして移動します⇒オレンジ○

map39.gif



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

次に、「陸橋」のある部分だけ「JRの線路」を
「道路」の下に修正します⇒イエロー○

レイヤーで「一番左の道路のパス(下から4番目)」をクリックしたまま
上から2番目(「私鉄の線路」と「JRの線路」の間)まで
ドラッグして移動します⇒オレンジ○

map40.gif


今回はここまでです

次回は、「信号機」を作成して配置します('◇')ゞ

「販促ワクワク通信」 地図を作る-3

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

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


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


今回から、2回に分けて道路を作成していきます


道路になる「線」を引きますが、今回は「ペンツール」を使わないで
直線ツール」を使います

ツールボックスから「直線ツール」を選択します⇒ブルー○

「直線ツール」のカーソルは「+」のマークになっています

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

開いた「直線ツールオプションボックス」の

「長さ」を"180px"「角度」を"360"に設定して「OK」

map18.gif



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

ツールボックスを「選択ツール」(黒い矢印)にして

Shiftキーを押しながら、黒い矢印のカーソルで
「引かれた線」と「私鉄の線路」と「JRの線路」をクリックして

3本を、全部選択した状態で⇒ブルー○

「整列ボックス」の、オブジェクトの整列の「水平方向に整列」をクリック

map19.gif



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

ツールボックスで「直線ツール」を選択して

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

開いた「直線ツールオプションボックス」の

「長さ」を"72px"「角度」を"270"に設定して「OK」

map20.gif



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

引かれた線をが選択されている状態で、右クリックでメニューを開き

「水平方向」に"40px"「垂直方向」に"0px"と記入し「コピー」

map21.gif



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

コピーされた線が選択されている状態で、右クリックでメニューを開き

「水平方向」に"30px"「垂直方向」に"0px"と記入し「コピー」

map22.gif



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

コピーされた線が選択されている状態で

Ctrlキー+"D" を押して、もう1本コピーします

map23.gif



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

ツールボックスで「直線ツール」を選択して

「+」のマークのカーソルの中央を画像の位置でクリックします
 ⇒(オレンジ○の中の赤い点の位置)

開いた「直線ツールオプションボックス」の

「長さ」を"150px"「角度」を"360"に設定して「OK」

map25.gif



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

「私鉄の線路」の上に引いた「ヨコ線」をクリックし選択して⇒ブルー○

「線ボックス」の「線幅」を"8px"に設定します⇒オレンジ○

map26.gif



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

次に、Shiftキーを押しながら、一番左の「タテ線」と、
上に引いた「ヨコ線」をクリックし、2本を選択して⇒ブルー○

「線ボックス」の「線幅」を"5px"に設定します⇒オレンジ○

map27.gif



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

ここで、もう1本線を引きます

左から2本目の「タテ線」を選択し⇒ブルー○
右クリックしてメニューを開き

「水平方向」に"-4px"「垂直方向」に"0px"と記入し「コピー」

map28.gif



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

次に、Shiftキーを押しながら、左から2・4・5本目の「タテ線」を
クリックして、3本を選択した状態で⇒ブルー○

「線ボックス」の「線幅」を"3px"に設定します⇒オレンジ○

map29.gif



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

左から3本目の「タテ線」を選択し⇒ピンク○

「スウォッチ」でブルーをクリックし、線の色をブルーにします⇒イエロー○

「線ボックス」で「線幅」を"2px"に設定します⇒オレンジ○
・・・この線「水路」です

map30.gif



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

「私鉄の線路」「JRの線路」以外の、すべての「道路」と「水路」を

Shiftキーを押しながらクリックして選択します

「線ボックス」の「線端」の真ん中の「丸型線端」をクリックして選択

「道路」や「水路」の端が丸くなります

map31.gif



今回はここまでです

次回は、「線路」「道路」「水路」の部分を

引き続き作成していきます('◇')ゞ

「販促ワクワク通信」 地図を作る-2

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

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


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


今回は「私鉄の線路」を作成します


前回作成した「JRの線路」をクリックして選択した状態で

右クリックでメニューを開き「変形」→「移動」をクリック

map14.gif



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

「移動ボックス」の

「水平方向」を"0px"「垂直方向」を"-10px"

に設定して「コピー」

map15.gif



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

「アビアランスボックス」の上の「線」の

「線の色」を"ホワイト"⇒ブルー○

「線の幅」を"2px"⇒オレンジ○

破線の左側に、✔マークが入っているのを確認して

「線分」を"1px"「間隔」を"5px"に設定⇒ピンク○

map16.gif



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

次に、「アビアランスボックス」の下の「線」の

「線の幅」を、手入力で"0.6px"に設定します⇒オレンジ○

map17.gif



これで、「私鉄の線路」が出来ました

今回はここまでです

次回は「道路」を作成します('◇')ゞ

イラストレーターで「販促ワクワク通信」 地図を作る-1

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

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


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


今回から、地図の作成を行っていきます

地図の作成は、新規ドキュメント(新規ページ)で作成し、完成後に
「販促ワクワク通信」にコピーします



上のメニューバーから「ファイル」→「新規ドキュメント」をクリック

map1.gif



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

開いた「新規ドキュメントボックス」の

「名前」に"中村屋呉服店"⇒ブルー○

「幅」に"200px"「高さ」に"80px"⇒オレンジ○

と設定して「OK」

map2.gif



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

左下の拡大縮小表示欄の数字が"800px"前後になっていると思いますので

"300px"に設定します⇒オレンジ○

map3.gif



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

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

線を引く目安にする「グリッド線」を表示します

map4.gif



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

最初に「JRの線路」を作成します

ツールボックスから「ペンツール」を選択します⇒オレンジ○

「ペンツール」のカーソルは「ペン先」になっています

「ペンツール」で線を引くときは、「ペン先」のカーソルで
ドラッグしながら「線」を引くのではありません

「ペン先」のカーソルで、引きたい線の「始点」をクリックし
次に、引きたい線の「終点」をクリック
すると
「始点」と「終点」の間に「線」が引かれます

「ペン先」のカーソルで、「線の始点」(画面のブルー○の位置)を
クリックします

map5.gif



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

次に、「線の終点」(画面のオレンジ○の位置)をクリックします

map6.gif



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

「線の始点」と「線の終点」の間に線が引けました

次に、上のメニューバーから「ウインドウ」→「アビアランス」をクリックして
「アビアランスボックス」を表示します

map7.gif



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

引いた線が、選択されている状態で

「線ボックス」の「線幅」を"3px"に設定します⇒オレンジ○

続いて、「アビアランスボックス」の右上の「ヨコ線でできてる四角」を

クリックして、「新規線を追加」をクリックします⇒ブルー○

map8.gif



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

「アビアランスボックス」の中の一番上に「線」が追加されます

追加された「線」の右側の

「線の色」を"ホワイト"に⇒ブルー○

「線の幅」を"2px"に⇒オレンジ○

設定します

map9.gif



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

「線ボックス」の「破線」の左空欄をクリックして、✔マークを入れて

「線分」を"6px"「間隔」を"6px"に設定します⇒オレンジ○

map10.gif



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

上のメニューバーから「表示」→「グリッドを隠す」をクリックして
グリッド線を、非表示にします

map11.gif



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

線路の幅が太いので修正します

「アビアランスボックス」の2つの「線」の

「下の線」の「線幅」を"2px"

「上の線」の「線幅」を"1px"

に設定しなおします⇒オレンジ○

map12.gif



これで、「JRの線路」が作成できました

今回はここまでです

次回は「私鉄の線路」を作成します('◇')ゞ

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

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

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


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

現在作成している「販促ワクワク通信」は、お店の紹介を中心に
進めていくミニ新聞ですので、今回から、お店の紹介記事の
作成に入っていきます


まず、紹介するお店の店名を今回は作成します

前回作った「カレンダー」が収納されているレイヤーに
名前をつけロックし、その上に新規のレイヤーを作ります⇒ブルー○

次に、ツールボックスの「文字ツール」を長押しし、右側に表示される
メニューの中から「文字(縦)ツール」を選びます⇒オレンジ○

tit1.gif



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

文字ボックスで、フォントファミリーを「KFひま字」
フォントサイズを「24pt」に設定します⇒オレンジ○

「KFひま字」のダウンロードはこちらを参考に

「文字(縦)ツール」のカーソル(ヨコ線のようなカーソル)をブルー○
場所でクリックします

tit2.gif



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

「中村屋呉服店」と入力します

tit3.gif



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

これからの作業で「中村屋呉服店」という文字を、
図形に変更していきます

図形に変更すると、訂正があった場合に打ち直して修正することが
できなくなりますので、コピーして予備の文字を作っておきます

「中村屋呉服店」を選択して
右クリックしてメニューを表示し「変形」→「移動」をクリック

移動ボックスで「水平方向」を"300px"「垂直方向」を"0px"と
設定して「コピー」

tit4.gif



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

元の「中村屋呉服店」を選択して、右クリックでメニューを表示

「アウトラインを作成」をクリック

tit5.gif



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

レイヤーが「中村屋呉服店」から「グループ」にかわります
この時点で「中村屋呉服店」は文字から図形に変更されています
※コピーした「中村屋呉服店」は文字のままなので
 レイヤーも「中村屋呉服店」のままです

tit6.gif

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



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

図形「グループ」になった「中村屋呉服店」が選択されている状態で

上のメニューバーから「オブジェクト」→「パスのオフセット」をクリック

tit7.gif



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

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

tit8.gif



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

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

tit9.gif



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

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

tit10.gif



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

レイヤーの上の「グループ」の右側を(オレンジ○)をクリックして
「中村屋呉服店」というグループ全体を選択します

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

tit11.gif



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

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

tit12.gif



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

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

tit13.gif



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

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

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

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

tit14.gif



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

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

tit15.gif



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

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

画像のように、レイヤーに名前をつけます⇒オレンジ○

tit16.gif



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

この仕組みは簡単です
レイヤーの「内側」の左端にある「目」のマークをクリックして消すと
オレンジの、ベタ塗りの図形が現れます

オフセットで「中村屋呉服店」を"3px"膨らませて、「中村屋呉服店」の
後ろに置いて、囲みができたように見せているだけです

tit17.gif




今回はここまでです

だらだらと、長く書いてしまいましたが
この作業、慣れると40~50秒の作業ですから('◇')ゞ


この記事を書く方が、時間かかる(^-^;

Web上で、テクスチャを無料で提供しているサイト

ちょっとした背景に、テクスチャを使いたいけど
作るのは、めんどい・・・・という時に

フリーテクスチャ素材館」をご利用ください('◇')ゞ

tec01.gif



フォトショップでの加工も可能です

例えば、「繊維入りの和紙」とか・・・

tec02.gif



「レンガ」とか・・・

tec03.gif



「木」とか・・・

tec04.gif



「タイル」とか・・・

tec05.gif



興味があったら、サイトのほうへどぞ('◇')ゞ
[ 2013/04/16 18:47 ] 未分類 | TB(0) | CM(0)

フォトショップエレメンツのお勉強ができるサイトの紹介

フォトショップエレメンツのお勉強ができるサイトを紹介します


サイト名は
超初心者向け フォトショップ・エレメンツ de ゴーゴー!

ere01.gif


サイトのトップページを見ると、なんか難しそうですが
内容は、わかり易く丁寧に教えてくれています


例えば「空を青く見せる方法」とか

ere02.gif


ere03.gif


「夕焼けを美しく見せる方法」とか

ere04.gif


興味があったら、サイトを開いてみてください('◇')ゞ
[ 2013/04/15 18:01 ] サイトの紹介 | TB(0) | CM(0)

Web上で、アイコンを無料で提供しているサイト

今回は、Web上で、アイコンを無料で提供しているサイトを
紹介します

アイコンとは、定義づけると
「物事を簡単な絵柄で記号化して表現するもの」らしい

頻繁に使うものではないですけど、使うときには
こういうサイトは便利です(^o^)丿

サイト名は「サイト・チラシ作成によく使う無料アイコン素材

ico001.gif


使用にあたっての許可は必要ありませんし、商用での使用もOKです

30種類以上のカテゴリーにそれぞれ10~15種類のアイコンが揃ってます

gif形式と、イラストレーター形式でのダウンロードが選べます

イラストレーター形式でダウンロード後は、色の変更も可能です


例えば「人のアイコン」はこんな感じ

ico2.gif


「地図記号のアイコン」はこんな感じ

ico3.gif


「トイレ・お手洗いのアイコン」はこんな感じ

ico4.gif

興味があったら、サイトを訪ねてみてください('◇')ゞ
[ 2013/04/14 13:57 ] サイトの紹介 | TB(0) | CM(0)

「販促ワクワク通信」 カレンダーを作る-5

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

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


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


カレンダーの中に、「キャンペーン期間表示」や「イベント期間表示」が
必要な時があります

今回は、例として「ゴールデンウィーク」をカレンダーの中に
記入してみます



ツールボックスで「直線ツール」をクリックします⇒ブルー○

プラスマークのカーソルを「3日」の枠の左端でクリックし
「4日」の枠の右端までドラッグして線を引きます⇒レッド○

線の色をオレンジにします⇒オレンジ○

線ボックスで「線幅」を"2px" に設定⇒イエロー○



kare37.gif




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

引いた線が選択されている状態で
「線ボックス」の「矢印」の左側の空欄の右にある
▼をクリック⇒オレンジ○

kare45.gif



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

プルダウンしたメニューの中から「矢印10」をクリック

kare38.gif



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

線の左側に矢印がつきます⇒オレンジ○

kare39.gif



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

同じように、「5日」の枠の左端から「6日」の枠の右端まで
線を引き、

今回は、「線ボックス」の「矢印」の右側の空欄の右にある
▼をクリック⇒オレンジ○

kare46.gif



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

プルダウンしたメニューの中から「矢印10」をクリック

kare42.gif



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

線の右側に矢印がつきます⇒オレンジ○

kare43.gif



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

ツールボックスから「文字ツール」を選択し、
「3日」から「4日」に引いた線の上に、「ゴールデンウィーク」と
入力します⇒オレンジ○

フォントファミリーは「シネキャプション」
フォントサイズは"8pt" と設定します⇒ブルー○

「シネキャプション」のダウンロードはこちらを参考に

kare44.gif



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

アクセス解析が不思議(^-^;

FC2ブログのアクセス解析は、目安程度に使ってます
自分のアクセスは解析除外にしてあるけど、あまりあてにならないから

でも・・・・


今回、カスタマイズの勉強で「アメブロ」にも、アカウントを作って
ブログを作ったんだけど・・・・・・・


アクセス解析が、スッゲェ~不思議 (^-^;

カスタマイズの勉強用なので
記事も書いてないし、どこにも登録してないのに

アクセスがある!こんなにも↓↓

aku11.gif

しかも、お気に入りからのアクセスもこんなに↓↓

aku12.gif


わからん (^-^;

[ 2013/04/12 19:33 ] SNS ブログ | TB(0) | CM(0)

「販促ワクワク通信」 カレンダーを作る-4

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

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


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

カレンダーに日付を入れていきます


」の下の枠に数字の"1"を入力し、Enterキーで改行し、続いて
"8" "15" "22" "29"を改行しながら入力します

フォントファミリーは「シネキャプション」フォントサイズは「10pt」
「シネキャプション」のダウンロードはこちらを参考に

kare23.gif



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

日付の数値全体を選択した状態で「文字ボックス」の
「行送りを設定」の数値を"44pt" に設定します⇒ブルー○

日付の各数字の行間が広がり、各枠の中に納まります⇒オレンジ○

kare24.gif



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

上のメニューバーから「ウィンドウ」→「書式」→「段落」をクリック

kare0025.gif



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

開いた「段落ボックス」の「中央揃え」をクリック⇒ブルー○

縦に並んでいる日付が中央揃えになります⇒オレンジ○

kare25.gif



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

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

「移動ボックス」の「水平方向」を"48px"「垂直方向」を"0px" に
設定して「コピー」

kare26.gif



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

Ctrlキー+"D"を繰り返して、「」の下までコピーしていきます

kare27.gif



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

日付の数字を変更していきます

5月の1日は水曜日になるので、日月火の「1」の右側を「文字ツール」の
縦のカーソルでクリックします

kare28.gif



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

Backspaceキーで「1」を消します

Backspaceキーを押しても消えない場合は、カーソルが「1」に
かかってない状態なので、この記事の先頭に書かれている方法で
1つ前(消去の取り消し)、2つ前(文字の取り消し)と前の段階に
戻ってやり直してください

kare29.gif



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

日月火は「1」を消すだけで、他の数字は、「1」を消した後に
そのカレンダー枠の日付の数値を入れていきます

kare30.gif

kare31.gif



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

最後の「」の5段目も「1」を消します

kare32.gif



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

「日」の列の数字を全部選択して(オレンジ○
文字の色をにします⇒ブルー○

kare33.gif



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

同じように「土」の列の数字を全部選択して(オレンジ○
文字の色をにします⇒ブルー○

kare34.gif



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

次に、祝日である「3」を、タテのカーソルでドラッグして反転し⇒オレンジ○
文字の色をにします⇒ブルー○

kare35.gif



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

同じように「6」の文字色もにします⇒オレンジ○

kare36.gif


カレンダーの完成です
今回はここまでです

次回は、カレンダーの中に文字を記入していきます(^-^;

長くなってすいませんm(__)m

「販促ワクワク通信」 カレンダーを作る-3

カレンダーの本体部分を作っていきます


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

表示された「長方形ボックス」の
「幅」に"336px"「高さ」に"220"と記入し「OK」

kare15.gif



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

表示された長方形を、ページの左端から"20px"上端から"560px"の位置に
移動します

長方形の左上角を、黒矢印でクリックしたままドラッグして移動します
ベースに引かれているグリッド線を参照に移動してみてください

※"1px""2px"程度の誤差は気にしなくていいと思います('◇')ゞ
 「キッチシしたい!」という方は
 こちらの記事の下のほうを参考にしてください

kare16.gif



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

長方形が選択されている状態で、上のメニューバーから
「オブジェクト」→「パス」→「段落設定」をクリック

kare17.gif



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

表示された「段落設定ボックス」に数値を記入します

左側の「列」の「段数」"5"「高さ」"44px"「間隔」"0px"→オレンジ○

右側の「行」の「段数」"7"「幅」"48px"「間隔」"0px"→ブルー○

と記入して「OK」

kare18.gif



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

引かれた線が全部選択されている状態で「線ボックス」の
「線幅」を"2px"に設定します

kare19.gif



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

線幅が"2px"になったところで、上のメニューバーから
「オブジェクト」→「グループ」で引いた線を全部グループ化します

kare20.gif



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

引かれた線のグループが選択されていることを確認して→オレンジ○

「効果」→「ブラシストローク」→「ストローク(スプレー)」をクリック

kare21.gif



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

開いた画面の右側の数値を画像のように設定して「OK」→オレンジ○

kare8.gif



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

長方形の線が、チョークで書かれたようになります

kare22.gif



今回はここまでです

次回は、カレンダーに日にちを入れていきます('◇')ゞ

「販促ワクワク通信」 カレンダーを作る-2

前回からの続きです


線の幅を"2px"にした長方形全体を選択した状態で、
上のメニューバーから「効果」→「ブラシストローク」→
「ストローク(スプレー)」をクリックします

kare7.gif



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

開いた画面の右上の数値をオレンジ○のように設定して「OK」

kare8.gif



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

長方形の線が、チョークで書いたようになったと思います

ツールボックスで「文字ツール」を選択し
左側の枠の中央に"日"と入力します

「フォントファミリー」は"みかちゃん"「フォントサイズ」は"10pt"

"みかちゃん"フォントがインストールされていない場合は
Webで配布されている無料の手書き風フォントの紹介
を参考にしてください

kare9.gif



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

画面の任意の場所で右クリックしてメニューを開いて
「変形」→「移動」をクリック

表示された「移動ボックス」の
「水平方向」に"48px"「垂直方向」に"0px"を記入して「コピー」

kare10.gif



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

Ctrlキー+"D"を押して全部の枠に"日"をコピーします

kare11.gif



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

文字ツールのカーソルを、文字の右側にクリックし、Back spaceキーで
削除し、その枠の曜日にあたる文字を入力していきます

kare12.gif



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

"日"を選択し、「スウォッチボックス」で赤をクリックして色を変更します

kare13.gif



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

"土"も同様にして、青に変更します

kare14.gif



今回はここまでです

次回は、カレンダーの下、日付の部分を作っていきます('◇')ゞ

「販促ワクワク通信」 カレンダーを作る-1

「販促ワクワク通信」の紙面の3段目の左にカレンダーを
作っていきます


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

表示された「長方形ボックス」の
「幅」に"336px"「高さ」に"15px"と入力して「OK」

kare1.gif


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

作成された長方形の左上端(ブルー○)を
ページの左端から"20px"、上端から"540px"の位置に移動します

黒い矢印カーソルで長方形を選択し
そのまま「縦横に引かれたグリッドベース」を目安にドラッグして
移動します

※移動ボックスを表示させて移動させる方法はこちらの記事
下のほうを参考にしてください

kare2.gif


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

上のメニューバーから「オブジェクト」→「パス」→「段落設定」を
クリック

kare3.gif


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

開いた「段落設定ボックス」の右側の「列」の段数を"7"、幅を"48px"、
間隔を"0px"に設定して「OK」

kare4.gif


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

7列に分割された長方形全体が選択された状態で上のメニューバーから
「オブジェクト」→「グループ」をクリック

kare5.gif


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

長方形の線の太さを太くします

「線ボックス」の「線幅」を"2px"にします

kare6.gif



今回はここまでです

次回は、線の雰囲気の変更と、曜日の入力を行います('◇')ゞ

Web上で、飾り枠素材を無料で提供しているサイト

チラシを作るときに、使える飾り枠や吹き出しを
無料で提供しているサイトの紹介です

商用での利用も許可されているので安心して使えます

また、イラストレーターで加工することも許可されていますので
色を変えたり、形を変えることも可能です


Frame Design


asi04.gif



使用したい枠を選んでクリック

ダウンロード画面が表示されます

asi05.gif


興味があったら、利用してみてください('◇')ゞ
[ 2013/04/08 11:21 ] サイトの紹介 | TB(0) | CM(0)

Web上で、イラスト素材を無料で提供しているサイト

今日は、Web上で、イラスト素材を無料で提供しているサイトを
紹介します

商用での利用も許可されていますので、安心して利用できます

また、イラストのサイズも大・中・小とあり、さらに「フォトショップ」対応の
PSDファイルでのダウンロードも可能です

※PSDでダウンロードして、フォトショップで加工することも
許可されています

サイト名は「ソザイジテン


asi06.gif



いろいろなシチュエーションのイラストがあります


女性の日常の表情とか

asi07.gif


オフィスでのビジネスマンの表情とか

asi08.gif


学校での子供の表情とか

asi09.gif


興味があったら、一度サイトをのぞいてみてください


今日は雨です
おとなしく過ごします('◇')ゞ



[ 2013/04/07 12:21 ] サイトの紹介 | TB(0) | CM(0)

「販促ワクワク通信」の題字(新聞名)の作成-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


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


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

asp

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

検索フォーム


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