パソコン教室・パソコンスクールISA船橋校 店長ブログ

こんにちは。

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

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

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

 まずは元の画像です。

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

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

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

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

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

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

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

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

【補正後】

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

では、続きに入ります。

今度は唇の色です。

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

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

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

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

皆さん、不安にならないでください（笑）

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

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

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

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

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

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

最後に髪の色です。

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

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

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

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

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

ということで完成です。

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

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

いかがでしょうか！？

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

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

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

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

こんにちは。

今日はIllustratorを利用して
画像を切り抜いて、デザインしてみたいと思います。

まずは完成例です♪

このように、一つの画像を切り抜くことで
なんだかちょっとオシャレ？な感じになりますよね。

では実際の手順です。

１、Illustrator上に、元になる画像を配置します。

２、画像を切り抜くために必要なオブジェクトを画像の上に描きます。

３、描いたオブジェクトをすべて選択し、【パスファインダ】パレットの【形状エリアに追加】ボタンをクリックします。
※元になる画像は選択しないように注意してくださいね。

４、その後同じく【パスファインダ】パレットの【拡張】ボタンをクリックします。

５、元になる画像も含め全てのオブジェクトを選択し、【オブジェクト】メニュー＞【クリッピングマスク】＞【作成】をクリックします。

６、これで完成です!!

いかがでしょうか。

やっていることは非常に単純ですが
オシャレな感じに仕上がります♪

ぜひお試しくださいね！

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

こんにちは。

今日はIllustratorでモザイク柄を作ってみたいと思います。

まずは完成例♪

今回のモザイク柄、どこで使うの？
という疑問もあると思います。

頻繁につかうものではないと思いますが
デザイン的に利用することで非常に面白い効果もでるので
プラスアルファ的な知識として覚えておいて良いと思います♪

では、その手順です。

１．まず四角形を描きます。
今回は50mm×50mmの四角形にしました。
また描いた四角形に好みのグラデーションをかけておきます。

２．描いた四角形を選択し、【オブジェクト】メニュー＞【ラスタライズ】を選択します。
表示されるダイアログボックスはデフォルトのままで問題ありません。

３．描いた四角形を選択した状態で
【フィルタ】＞【クリエイト】＞【モザイク】を選択します。

４．設定画面は下図のように今回はしています。
作成するモザイク柄の図形は、最初に作成した四角形のサイズと
同じにしますので、幅・高さともに50mmにしています。

５．完成です♪

【Before After】
下図が最初の状態と、モザイク柄を作成した状態をわかりやすく
縦に並べたものです。

いかがでしょうか？

結構色々なことができるわけですね♪

ご自身が何か制作するときのデザインのヒントとして
このモザイク柄も覚えておくと良いかもしれませんね。

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

こんにちは。

今日はIllustratorを利用して
立体的な地図を作成する方法をご紹介したいと思います。

地図制作は、DTPでもWEBでも共通して利用することが多いです。

やはりWEBサイトでもお店のチラシでも
そのお店の場所をわかりやすく伝えるためには
地図が必要ですよね♪

【完成例】
まずは完成例です。

本当はもっとディティールをこだわりたいところですが
今回はこのくらいとします（＾－＾）

１．まずは平面的に地図を作成します。
地図の作成方法は好みでよいですが、今回は
道路については角丸の長方形で作成し、ビルについては四角形で作ってあります。

２．シアーツールを利用して作成した地図全体を傾けます（角度は好みです）。
傾けた後に、目的地の建物を表す四角形を選択しておきます。

３．目的地の建物を表す四角形をコピーし、前面にペーストをします。
ペーストができたらそのまま真上に移動して、下図の状態にします。
真上に移動した四角形がこの建物の屋根部分になります。

４．目印としてわかるようにとりあえず塗りを設定しておきます。

５．今度は建物の側面の壁部分を作成していきます。
壁の元となる四角形を任意の場所にまず作成しておきます。

６．ダイレクト選択ツールを利用して、それぞれのアンカーポイントを移動し
壁を形成するように変形していきます。
※このとき、【画面】メニュー＞【ポイントにスナップ】をONにしておくと
各アンカーポイントに吸い付くようになりますので作業しやすいですよ。

７．正面の壁が作成できたら、右側の壁も同様に四角形のアンカーポイントを
移動しながら壁になるように変形していきます。
下図が壁が完成した状態です。

８．立体的に見えるように、壁や屋根にそれぞれ陰影をつけるように
塗りの設定をします。

９．立体的な地図作成はここでほぼ完成です。
次に吹き出し部分を作成していきます。
適当な大きさの四角形を作成し、下側のセグメントにアンカーポイントを3つ追加します。

10.３つ追加したアンカーポイントの真ん中のポイントを
ダイレクト選択ツールで引き出すことで吹き出しの形になります。

11.吹き出しの大きさと、吹き出しの中に文字を入れて完成です♪

いかがでしょうか。

・・・結構手間がかかります（＾－＾；）

こんな地図一つでも、手間をかけるとわが子のようにかわいく見える

かどうかはわかりませんが、やってみる価値はあると思いますよ！！

ぜひお試し下さいね☆

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

こんにちは。

今日は、前回のブログで少しお話をした画像を
Photoshopを使って簡単に明るくする方法をご紹介します。

Photoshopにはもともと様々な画像補正機能がありますので
画像を明るくする方法はすでに知っている方もいると思います。

ただ今回は、画像補正機能は使わずに
一瞬で画像を明るく補正する方法です！

一瞬でできますので、とりあえず色合いだけでも明るくしたい！
というときには使えると思います。

では手順を画像付でご紹介します。

１、まずこれが元の画像です。

２、【レイヤー】パレットを表示して、元の画像のレイヤーを選択し、右クリックをします。
　　右クリックして表示されたメニューで、【レイヤーを複製】を選びます。

３、複製が完了すると、【レイヤー】パレットはこのような状態になります。

４、コピーされたレイヤーが選択されている状態で、【レイヤー】パレット内の
レイヤーの描画モードを【スクリーン】に変更します。

５、これで完成です♪

いかがでしょうか？
非常に簡単にできますよね！？

わかりやすいように、元の画像と完成した状態を並べて表示しますね。

【元の画像】

【完成例】

いかがでしょうか。
画像を補正するテクニックはWEBでもDTPでも
使用する機会が多いので、ぜひ覚えて使ってみてくださいね。

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

こんにちは。

さて、今回のブログのタイトル

【Photoshopの手のひらツールで困る】

ですが、一体何が困るのか。

それは私、並木自身が困っている現象なのですが・・・

実は一度【手のひらツール】選んだ後
どのツールを選んでも【手のひらツール】が解除されず
どうにもならないという現象・・・。

Photoshopの一時的な不具合かと思い
Photoshopを再起動してみるものの解除されず

「ではPCを再起動してみよう」

ということで再起動すると、無事解除されました。

でも、この現象、起きるたびにPC再起動するなんて
正直結構手間がかかります。

他の解決策はないものかと色々探していると
実は同じように困っている人がいる！！

すると意外な解決策が！！

【スペースキーが押されたままになっている可能性があるので
確認をしてみる】

そんなばかな、と思いました。
もしスペースキーが押されたままになっていたら
Photoshopじゃなくてもなにかしら困った現象が起きたはず。

でもとりあえず、スペースキーを押してみると・・・

なんと解除されました！！

全く持ってよくわかりませんが
無事手のひらツールの魔の手からは解放されたわけです。

ということで、もしDTP制作やWEB制作で
Photoshopを利用しているうちにこのような現象が起きたら
まず【スペースキー】です！

 ということで、今日は自分の身に起きた
ちょっと困った現象を例に挙げさせていただきました。

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

こんにちは。

本日はIllustratorの透明効果で遊んでみようと思います。

とりあえず手順をご説明いたします。

 １．Illustratorに適当な写真を配置します。
今回は私が以前行ったときに撮影した沖縄の夕焼けの写真です。

２．次に適当な大きさの白い四角形を描きます。

3.透明効果を適用するために必要な【透明】パレットを表示します。
表示されていない場合は【ウィンドウ】メニュー＞【透明】で表示できます。

４．先ほど描いた四角形を選択した状態で、透明パレットの不透明度を下げていきます。
すると白かった四角形が半透明になりました。

このように、オブジェクトを半透明にすることができるんですね！

ちょっとアレンジをすると下記のようにすることもできます。
この半透明のオブジェクトにはグラデーションの設定もすることができるんですよ。

【アレンジ例】

以上です♪

 パソコンスクールISA船橋校 インストラクター 並木

こんにちは。

今日はIllustraotrで表を作成する方法を
ご説明いたします。

【完成例】

フライヤーやDMなどを作成する際に
見やすく・わかりやすいものを作りたいと思ったとき
表を利用するときれいに作成することができます。

ただ、Wordなどのアプリケーションと違い
表を挿入するようなボタンなどはありません。

そこでIllustratorでは次のような方法で
簡単に表が作れてしまいます♪

１、四角形を作成します。（大きさは任意です）

２、【オブジェクト】メニュー＞【パス】＞【段組設定】を選択します。

３、作成したい行の数や列の数を設定します。また間隔も好みで設定します。
今回は、3行3列で、隙間のない表を作成しています。

４、これで完成です♪

この方法で作成された表は、1マス１マスが独立していますので
個別に選択等が行えます。

ですので、次のように色をそれぞれのマス目に設定することも
簡単にできますよ。

以上です。

この方法、私もはじめて知ったときには感動しました！！

意外と使える機能ですのでぜひお試しくださいね★

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

こんにちは。

今回はIllustratorの3D効果を利用して
ワイヤーフレーム球体を作成するテクニックをご紹介します。

まずは完成例からお見せします。

【完成例】

このようにワイヤーフレームでできたオブジェクトを利用すると
デザインの幅が広がります。

では、実際の作成手順です。

１、円を描きます。
この場合、正円が良いので、Shiftキーを押しながら円を描きます。

２、ダイレクト選択ツールに切り替えて
下図の赤い四角で囲まれた円の左側半分のみ
ドラッグで囲むように範囲選択します。

３、選択した範囲をDeleteキーで削除し、半円の状態にします。

４、作成された半円を選択し
【効果】メニュー＞【３D】＞【回転体】を選択します。
選択すると表示されるダイアログボックスが下図です。

※【表面】という部分は、「ワイヤーフレーム」にします。
※回転の度合いなどは、ダイアログボックス上部の
立方体部分をドラッグすることで自由に変更することができます。

５、これでワイヤーフレームの球体は完成です。

６、少しアレンジを加えていきます。
【オブジェクト】メニュー＞【アピアランスを分割】でパスに変換します。
この作業を行うことで色を自由に変更することができるようになります。

色を変えるだけで様々なアレンジができます。

あとは自分のアレンジ次第♪

ぼんやりと光っている効果を与えて
幻想的な雰囲気にしたい場合は
球体を選択した状態で下記操作を行います。

【効果】メニュー＞【スタイライズ】＞【光彩（外側）】

光彩の度合いはお好みで調整しましょう。
この設定を行うことで、ぼんやりと光輝くような印象を
作り出すことができます。

いかがでしょうか？

この３D効果は色々な図形を立体的に表現することができます。

ぜひ色々な図形でお試しくださいね♪

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

こんにちは。

パソコン教室では
Office・WEB・DTP・VBAを担当させていただいている
私、並木がご紹介するパソコンテクニックです。

今日はPC便利テクニックDTP編ということで
文字を使って絵を作るテクニックをご紹介します。

まずは完成例から見ていただきましょう。

【完成例1】

【完成例2】

このような感じで、文字を使って絵を描くというわけです。

では実際にその手順をご説明していきたいと思います。

今回のテクニックは【Illustrator】を利用します。
※下記の画面ショット画像はすべてCS3バージョンでの
画面ショットになっています。

１．Illustraotr上に適当な文字をたくさん入れます。
※文字は何でもよいです。ただ英語にするとかっこいいです。

2、次に元となる画像ファイルを配置します。
【ファイル】メニュー＞【配置】を選択して
使用する画像ファイルをIllustraotr上に配置します。
今回は犬の絵を使います。

3、ライブトレースという機能を利用して配置した画像を
白黒のモノクロ画像に変換します。
【オブジェクト】メニュー＞【ライブトレース】＞【トレースオプション】を選択し
【しきい値】の値を確認しながら設定します。

4、最初に作成した文字の上に、この画像を乗せます。
その後、画像の上で右クリック＞【アレンジ】＞【最背面へ】を選択し
犬の画像を、文字の背面に移動します。

5、この時点で【完成例１】の状態になりましたね！

6、【完成例2】の状態に仕上げていきます。
文字と犬の画像両方を選択し
右クリック＞【クリッピングマスクを作成】を選択します。
※ここで「プレビューができなくなるかもしれません」というメッセージが出てきた場合は、
「はい」をクリックしていただいて結構です。

7、これで【完成例2】の出来上がりです。

フォントの種類や文字の大きさなどを調整することで
さまざまな仕上がりにすることができますよ！

なんだかいよいよパソコンスクールのブログ
という雰囲気になってきましたね♪（笑）

これからも少しずつそういったテクニックをご紹介していきます。

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