8月 18

こんにちは。

今日はシンプルな地図をIllustratorで作成してみます。

まずは完成例から!

【完成例】
Illustratorで地図をつくる

んーシンプル!!

さて作る手順ですが
まず道路→線路→信号→建物や公園という手順で
今回は作っていきます!

【道路】
道路は非常に簡単です。
道路は角丸長方形を利用して作成します。
Illustratorで地図をつくる

角丸長方形で、適度な長さ・太さで道路を描きます。

Illustratorで地図をつくる

もう地図らしくなってきましたね!!

【線路】
次に線路です。
線路はまず一本の直線を描くところからはじめます。

直線ツールを選択します。
Illustratorで地図をつくる

直接ツールを選択したあとは
まず一本直線を適度な長さで描いた後に
線種パレットを利用して、破線処理をします。
Illustratorで地図をつくる
今回は、【線幅:2mm】・【線分:4mm】にしました。

線幅や線分を変更することで、線路の幅や間隔を変更することができます。

もうJRの線路らしくなりましたね♪

では続きです。
この先の手順、よく確認しながら行いましょう!

今出来上がった破線を選択した状態で
【編集】メニュー>【コピー】を一度選択したあと
そのまま【編集】メニュー>【背面へペースト】を選択します。

その後、【オブジェクト】メニュー>【パス】>【パスのアウトライン】を選択します。
Illustratorで地図をつくる

ここで、先ほどまでできていた破線が消えてしまうような
感じになる方がいらっしゃると思いますが
そのまま次の作業にはいってもらって結構です♪

1つ上の手順で、【パスのアウトライン】を実行したら
塗りと線の色を以下のように【塗り:白】・【線:黒】にします。

Illustratorで地図をつくる

これで、線路の出来上がり!!

【信号】
では次に信号です!

これはとても簡単♪
角丸の長方形と丸を使うだけです。

まず角丸の長方形を選択します。
Illustratorで地図をつくる

信号の形になるように少し横長に角丸長方形を描きます。l
Illustratorで地図をつくる

これで、信号の土台部分は完成です。
次に信号の中身、「赤・黄色・緑」部分です。

これは楕円形ツールを選択して円を描いて作成します。
Illustratorで地図をつくる

先ほど描いた信号の土台の中に丸を3つ描き
色をつけて完成です。
Illustratorで地図をつくる

【完成】

あとは作成したそれぞれのパーツ(道路・線路・信号)を組み合わせ
建物を描いて完成です。

Illustratorで地図をつくる

うーんシンプル(笑)

シンプルですが、基本の作成の仕方です。

あとは道路の色や線路の色、建物の色を変えると
もっと別の雰囲気の地図になりますので
お試しください♪

パソコンスクールISA 船橋校 並木

Check
8月 17

こんにちは。

Illustratorで文字を入力するときのお話です。

縦組みの文字の中で、欧文や数字を90度回転させて
表示させる機能を縦中横と言います。

欧文の短い単語や、数字などが混じる場合は
この機能を利用します。

実際に見てみましょう!

まずは、縦書き文字ツールで「20年後」と入力した状態が下記です。

縦中横1

「20」という数字が縦向きになってしまいました。
これを横に向かせてくれるのが縦中横です。

「20」だけを範囲選択したあとに
文字設定パレットのオプションから「縦中横」を選択します。

縦中横2

すると・・・

縦中横3

このように「20」の部分が横を向いてくれました。

さて、皆さん、気になっていることがあると思います。

この「縦中横」、なんて読むか?(笑)

・たてなかよこ
・じゅうなかよこ

・・・

正解は

「たてちゅうよこ」

 です。

 ・・・意外と普通。

以上です。(^-^)

パソコンスクールISA船橋校 並木

Check
8月 14

こんにちは。

なかなかカラッと晴れる日がありませんが
みなさんいかがお過ごしでしょうか。

先日いつもAccessVBAを受講している生徒さんから
生八橋をいただきました!!

生八橋

中学生のときの修学旅行で八橋を手作りしたことを思い出しました♪

今JR船橋駅の改札を出たすぐのところで
京都の物産品などを販売していたようです!!

船橋は、駅の改札の前でいつも色々イベントをやっていて
楽しいですよね!!

それにしてもこの皮のもちもちした感じがおいしいですね(^-^)

ありがとうございました!!

パソコンスクールISA 船橋校 並木

Check
8月 12

こんにちは。

いつもWEB講座でパソコン教室に通ってくださっている
生徒さんからプレゼントをいただきました♪

実はいつもその生徒さんが着ているシャツがあり
前々から、「かっこいいなぁ」と思っていて
以前、そのシャツについて一度お話をしたことがあったのですが

今日突然「はい」と言われて渡されたのが
このシャツ!!

HONDAシャツ

HONDAシャツ

感激です!!(^-^)

本当に嬉しくて仕事終わりにすぐ着てみました!

HONDAシャツ

サイズピッタリでした!!

シャツの素材も発汗性に優れた素材で
今の季節に最適です♪

スポーツジムや、月1のハンドボールの練習等で
大活躍しそうです!

本当にありがとうございました!!

パソコンスクールISA船橋校 並木

Check
8月 11

こんにちは。

今日はExcelのお話です。

Excel2003での機能なのですが
【図の貼り付け】・【図のリンク貼り付け】という機能があります。

どういう機能かと言うと
シート内のセル範囲をコピーして張り付けるときに
図として、つまりまるでそのセル範囲の画面ショットを撮って
画像として貼り付けるような機能です。

「ふーん」という感じですよね(^-^;)

でもこの機能、おそらく皆さん見つけることができないと思います。

通常の状態のままExcelのメニューをいくら探しても
この【図の貼り付け】・【図のリンク貼り付け】という機能は出てきません。

ある操作が必要なのです!

その操作とは・・・

****************************************

1、まずコピーしたいセル範囲を範囲選択

2、コピーします(コピーの方法は右クリックでも編集メニューからでもOK)

3、Shiftキーを押しながら、【編集】メニューを選択

4、【図の貼り付け】・【図のリンク貼り付け】コマンドが表示される

※3の手順の【Shiftキー】がポイントです♪

****************************************

いかがでしょうか?出てきましたか?

【図の貼り付け】は、コピーした範囲を図として貼り付けする機能ですが

【図のリンク貼り付け】は、貼り付けした後に、その貼りついた図をダブルクリックすると、元データを編集することができます。

・・・

さて、どんなときに使えばよいでしょうか?

例えばこんなとき!

Sheet1とSheet2にそれぞれ別のデータを管理しているとします。

Sheet1には2009年売り上げデータを管理していて
Sheet2には2008年の売り上げデータを管理しています。

それぞれのデータをSheet1にまとめたいと考えていて
2009年のデータの横に2008年のデータが見えるようにしたいとします。

さらに、今回、Sheet1の2009年の売り上げデータに関しては
データベース機能を利用して、並び替え・抽出などの作業をしたいと考えています。

2009年のデータの横に、2008年のデータを貼り付けして
処理をしようとすると、例えば2009年のデータでオートフィルタを実行すると
フィルタの条件に合う行だけが表示されることになりますので
横に貼り付けをした2008年のデータも一緒に見えなくなってしまうことがあります。

【図1】オートフィルタで抽出する前
図の貼り付け機能

【図2】オートフィルタで抽出した状態
図の貼り付け機能
このように抽出をすると該当する行のみの表示になってしまうので
横に別のデータを入力しておくと一緒に消えてしまう行がでてきます。

このときに2008年のデータを【図の貼り付け】コマンドで画像として貼り付けておけば、2008年のデータは影響を受けません。

 という形で、こういうときに使えますね♪

使えると便利なときがありますので、ぜひぜひお使いくださいね!

パソコンスクールISA 船橋校 並木

Check
8月 10

こんにちは。

現在台風が関東へ向かっております。

本日8月11日に最も接近するようですので
お出かけの際は十分お気をつけくださいね。

パソコンスクールISA船橋校は
もちろん明日も開校しております。

予約をいただいている生徒さんも
スクールにいらっしゃる際には、足元にお気をつけください。

またプロメトリック社のIT系試験・外務員試験をご受験の方も
お気をつけてご来場くださいますようお願い申し上げます。

パソコンスクールISA 船橋校 並木

Check
8月 09

こんにちは。

今日はPhotoshopのテクニックをご紹介します。

雑誌やWEBで使われる素材は
やはり少しでもキレイに仕上げることが
よいものを作るポイントになります。

今回は、ある女性の画像をPhotoshopを利用して
さらに美しくする方法です。

 まずは元の画像です。
女性

この画像は、すでにナチュラルな感じが出ている良い素材です。

では、これから少しずつ更にキレイにしていきます。

まずは、鼻の横から口角にかけて「八の字」型に広がる皺(しわ)、豊麗線【ほうれいせん】を
消していきます。

これは、修復ブラシツールを利用します。
ブラシの種類は周りがぼんやりぼけた雰囲気のブラシにするように
ツールオプションバーのブラシピッカーを表示し、硬さを【0%】にします。

修復ブラシツールで、肌の色がきれいな部分にカーソルを持っていき
Alt+クリックで、その肌の部分を修復ブラシツールに記憶させます。

その後、豊麗線の上にカーソルを持っていき
トントントンとマウスでたたくようにクリックして
徐々に豊麗線を消していきます。
女性

徐々に消していくのがポイントです。
またドラッグで消そうとするのではなく、あくまで叩いて消していくようなイメージです。

ちょっとここまでの出来具合を見てみましょう!
【補正前】
女性

【補正後】
女性

いかがでしょうか?
これだけでもだいぶ印象が違いますよね!

では、続きに入ります。

今度は唇の色です。

元の画像は、唇の色があまり健康そうに見えません。
今回は淡いピンク色にしていきたいと思います。

まずは、唇用の新規レイヤーを追加し
その追加したレイヤーはレイヤーパレット内で一番上に移動しておきます。

そして、ブラシツールを選択します。
ブラシの種類は、周りがぼけた雰囲気のブラシを選択し、描画色は赤にします。

このブラシで、唇を思い切ってなぞります。
女性

皆さん、不安にならないでください(笑)

この後、うまくなじませていきます。

では、唇を描いたレイヤーの不透明度を
下げていきます。

不透明度はレイヤーパレットの右上の部分で
設定ができますので、唇のレイヤーを選択して調整します。 

不透明度の値は任意でかまいませんが
今回の完成例は、【20%】にしています。

このような感じになります。
女性

 これで、豊麗線と唇の処理が終わりました。

最後に髪の色です。

今回は、髪の色が茶色です。
このままでも問題ありませんが、光に当たって茶色が目立ちすぎていて
少し痛んだようにも見えます。

そこで、髪の毛の色を落ち着かせて、痛んだように見える部分を
補正していきます。

今回は、「焼きこみ」ツールを選択して行います。

焼きこみツールは簡単に言うと、ドラッグした部分の色を
暗くするツールです(すごく簡単に言っています)

焼きこみツールを選択し、髪の毛の色が茶色すぎる部分を
ドラッグして色を落としていきます。

女性

ということで完成です。

まず、補正前の状態は下記です。
女性補正前

そして完成例が下記です。

女性完成

いかがでしょうか!?

だいぶ印象が変わりましたね♪

このような感じで、少しの補正で印象も変わります。

機会がありましたらぜひお試し下さい♪

パソコンスクールISA船橋校 並木

Check
8月 03

こんにちは。

WEBデザインってすごく難しいですよね。

実際にパソコン教室で授業をしている生徒さんたちも
難しさを感じると思います。

「デザイン」=「個性」でもありますので
正解はないと思うのですが
それでもやっぱり頭にイメージが湧いてこない
ということは多いと思います。

そういったときに参考になるのが
様々なWEBテンプレートを紹介しているページ。

今日はその1つを紹介します。

http://www.mizutamari.net/free-template.html
フリーテンプレート

このサイトには、様々WEBテンプレートが用意されていて
その中には無料でダウンロードできるものも用意されています。
(もちろん有料のものもございます)

無料のものはダウンロードが自由ですので
ダウンロードして自分なりにアレンジしたり
自分で参考にしてデザインの幅を広げたりすると
良い勉強になるのではないでしょうか。

やはり普段からそういった様々なデザインに目を向けていると
自然と色々なアイデアが浮かんでくるようになると思います!

ぜひ参考になさってください。

パソコンスクールISA船橋校 並木

Check
8月 02

こんにちは!

少しご無沙汰してしまいました(^-^;)

梅雨あけしてからどうもはっきりしない天気が続いていますねぇ・・・
早くカラッと晴れてもらいたいものです!

さて、今回はお盆時期の開校のご案内となります。

パソコンスクールISA船橋校はお盆時期も開校いたします。
開校スケジュールは以下の通りです!

********************************
8/10(月)10:30~21:00
8/11(火)10:30~21:00
8/12(水)10:30~21:00
8/13(木)10:30~20:00
8/14(金)10:30~20:00
8/15(土)10:30~17:30
8/16(日)10:30~17:30
********************************

ご都合がつきましたらぜひぜひスクールへお越しください!

今年の夏は、スキルアップ目指してみませんか!?
船橋校スタッフ一同お待ちしております!(^-^)

パソコンスクールISA船橋校 並木

Check