>> EDIT

2013.08.26 Mon

Photoshopで写真をジオラマ風に加工する

皆様、いつもお世話様です。

暑い日が続いておりましたが、日が落ちるのも徐々に早くなり
ここ数日は気温も少し下がってこれから過ごしやすい日が来ることを感じさせます。
とは言えまだまだ残暑は続くと思われますので、
ますます体調管理に気を配りたいですね。

さて今回は、Photoshopで写真をジオラマ風に加工する方法をご紹介したいと思います。

その場ですぐ撮るならスマートフォンアプリやデジカメのトイカメラ機能が便利ですが、
そういったカメラがない場合や、昔撮った写真をジオラマ風にしたいというときには
この方法で加工することができます。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-


この写真を加工してみます。


①画像を開いたら「クイックマスクモード」にします

クイックマスクモードにするには、ツールパレットの「クイックマスクモードで編集」をクリックするか、Qキーで切り替わります。


②グラデーションツールでマスクを描画します

グラデーションの種類は「反射形グラデーション」で、ピントを合わせたい部分から画像端までドラッグします。
垂直に描画するにはShiftキーを押しながらドラッグするとよいです。


③クイックマスクモードを解除します
　ボタンをもう一度クリックすると解除できます。


画像描画モードに戻ると、先ほど描画した部分が選択範囲として表示されます。


④選択範囲にぼかしをかけます

　【フィルタメニュー】の【ぼかし】の中から
　【ぼかし（レンズ）】を選択します。
　プレビューで確認しながら「半径」の数値を変更します。
　画像によってどのぼかし具合が良いかは変わってくるので、
　その都度プレビューを見ながら調節してください。



ぼかし加工が入り、選択範囲を解除した状態です。


⑤画像の彩度を上げます

【イメージメニュー】の【色調補正】の中から【色相・彩度】を選択し、「彩度」を高くします。
彩度を高くすると現実にはない鮮やかな色味になり、よりジオラマ感が出ます。


⑥完成

必要があればトーンカーブやレベル補正で更に調整します。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-


この加工に適しているのは、できるだけ遠景で、高い位置から撮った写真です。
手順も比較的簡単ですし、建物や車などいろいろな風景で応用できますので、
お好みのジオラマ風写真を作ってみてください。

>> EDIT

2012.12.28 Fri

Illustratorで渦巻きを描く

皆様、いつもお世話様です。


今年も残すところ、あと数日となりました。
本年も大変お世話になりましたこと、従業員一同心より御礼申し上げます。

尚、当社の年末年始の休業期間は下記の通りです。
◆12月29日（土）～1月3日（木）

新年は1月4日（金）より、営業開始となります。



さて本日は、Illustratorで渦巻きを描く方法を2つご紹介いたします。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-

1つはスパイラルツールを使って描く方法です。

①ツールウィンドウからスパイラルツールを選択します。



②左ドラッグで描写するか、左クリックで設定画面を出して描写します。
設定次第で渦の巻き加減や向きが調整できます。

※比率：80％、セグメント数8の渦巻き

※比率：60％、セグメント数10の渦巻き

*****


もう1つは、同心円グリッドツールを使う方法です。
この方法では、巻き具合が等間隔の渦を描くことができます。

①ツールウィンドウから同心円グリッドツールを選択します。



②左クリックで設定画面を出します。

同心円の分割「線数」は、重ねる円の数数です。5と入力すると5重の円になります。
円弧の分割「線数」は、ゼロにします。


③描写した円はグループになっているので、選択して右クリック→グループを解除します。
ダイレクト選択ツールで画像のピンクで囲ってある部分を選択、消去し、半円の状態にします。



④半円にした図形をコピーして上下反転します。
上下の半円をくっつけるのですが、その時、左右どちらかに1つ分ずらした部分同士をくっつけます。

画像の例では、オレンジ点線で囲ったポイント同士を左に1つ分ずらしてつけようとしています。
※Ctrl+UでスマートガイドをONにしておくと、ポイント同士をぴったり重ね易くなります。


⑤④でできた図形を見ると、渦巻きが2つ重なっている状態になっているのが分かると思います。
どちらか一方だけで良いので、片方は消去してしまいます。



⑥等間隔の渦巻きの完成！



-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-


いかがでしたでしょうか。
フリーハンドではなかなか難しい渦巻き図形も、このように綺麗に描くことができます。
2つ目の方法は手順が多いように思えるかもしれませんが、やってみるとそれほど手間もかからず簡単です。


それでは皆様、どうぞよいお年をお迎えください。

>> EDIT

2012.10.05 Fri

画像からIllustratorのパスデータを簡単に取る

皆様、いつもお世話様です。

やっと、めっきり涼しく、過ごしやすくなって参りました。
夜はけっこう冷えますので、お腹を冷やさないように気を付けたいですね。

さて、今日は、画像からIllustratorのパスデータを簡単に取る
方法をご紹介いたします。

※当記事は、Photoshop CS3の画面でご説明しております。
　古いバージョンのPhotoshopでは、ボタンの配置が微妙に異なる場合があります。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-

①元になる画像を用意し、Ｐｈｏｔｏｓｈｏｐで開きます。





②形がくっきりし、出来る限り平坦な色合いになっていないと上手くパスが取れませんので、
トーンカーブ等を使って、コントラストをくっきりさせます。


トーンカーブをこのように動かすと・・・


複雑だった色合いが平坦になり、外郭がくっきりしました。



③パスを取りたい部分を、選択します。





④画面右下の、レイヤー等のあるところの「パス」タブを選択します。





⑤更に右の、とても小さな▼をクリックします。





⑥出てきたメニューの中から、「作業用パスを作成」を選択すると、
画像のように、「許容値」を入れる画面が出ます。
この数値は、パスの細かさを表わします。
デフォルトの数値が2.0pxになっており、これだと少々ガタガタした
パスデータになってしまいます。
そこで、最小値である0.5pxに修正します。





⑦そうすると、選択した葉の形の、
　0.5ピクセルの細かさを持ったパスデータになりました。





⑧画面を全選択し、コピーし、Illustratorに貼りつけます。





⑨あとは、色をつけたり形を変えたり、自由に加工できます。




-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-

「許容値を最小にする」ところが、綺麗なパスデータを取るポイントです。

これからの季節、「秋」をテーマにしたポスターなどを作る時に、
もみじや銀杏等の葉のパスデータがあると便利ですね。

>> EDIT

2012.09.07 Fri

型押し風の文字を作る

皆様、いつもお世話様です。
最近は朝晩になると虫の音が聞こえ、秋を感じさせる季節になってまいりました。
過ごしやすい時期まであと少しですね。

本日は題字や飾りに便利な「型押し風の文字」をPhotoshopで作る方法を
ご紹介致します。


-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-

①適当な大きさの新規データを立ち上げ、背景を好みの色で塗りつぶします。


②文字ツールで文字を入力します。
　細い文字はあまり型押し効果が出ないので、できるだけ太めの文字を選んでください。


③メニューの「レイヤー」から「レイヤースタイル」→「レイヤー効果」を選択します。

④下記のスタイルを適用し、それぞれの数値はお好みに。




⑤型押し風文字完成！


*****


◆透明な型押しも…

レイヤーの描画モードを「カラー比較（明）」にすると、
下地の色を活かした型押し風の文字になります。





-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-･-


文字の他、○や☆などの形にも応用が利きますので是非お試しください。