おしゃれなカフェに入ってカフェラテをオーダーしてみたら、白いカップにとってもカワイイ&キレイなラテアート。

そんなオシャレなラテアートを簡単に作りたいっ！！

という声にお応えするべく、インクループのコーヒー好きが集まり開発すること約1年。。。

誰でも簡単にラテアートを楽しめるコーヒーメーカーを開発してしまいました！

使い方はカンタン！　オシャレなラテアート機能付きコーヒーメーカー

今回の開発したコーヒーメーカーですが、使い方はとっても簡単です。

1.まずラテアートにしたいイラストをコーヒーフィルターに印刷します。

2.イラストが印刷されたフィルタをコーヒーメーカーにセットして、コーヒーを入れます。

※レギュラーコーヒーは大さじ4杯（1杯10ｇ目安）です。

3.カップを置いてスイッチを入れて少し待ちます。

4.ゆっくりとカップをおろせば完成です！！！

コーヒーフィルタに印刷したイラストのラテアートができました！！！

使い方も通常のコーヒーメーカーと同じ、必要なのはイラストのテクニックだけです。

とーっても簡単にラテアートが作れてしまうコーヒーメーカーがインクループでは大活躍です！

おひとついかがでしょうか？？

・・・

・・・・・・

・・・・・・・・・

そもそもコーヒーフィルターにイラストを印刷するってどうやればいいの？？

（　＾ω＾）・・・

毎年恒例といっても、インクループとしては2回目のエイプリルフールネタでした！

フィルタに印刷するだけでラテアートができるコーヒーメーカーあると面白いかも！？ってことでネタにしてみました。

ちなみに昨年はこんな感じでした。

今回のラテアートはPhootoshopで作ったので、作り方を紹介いたします。

Photoshopによる写真素材を利用した修正ブラシツール・スタンプツールの使い方

会社にコーヒーメーカーが導入されてからというもの、午前中は事務所にコーヒーの大変良い香りが広がるようになりました。

無類の人気を誇るレギュラーコーヒー、最近ではコーヒーマイスターが増えて、インスタントコーヒーを飲んでもこれは本当にコーヒーなのだろうか？と疑問に思う日々を送っています。

本日は火曜日担当の田中氏のイラストを使って簡単なラテアートを作成していきたいと思います。

主なポイントとなるのは

修正ブラシツールとスタンプツール。

コーヒーの写真と、ラテアートのある写真を用意する。

これらの主要箇所をコピーして一つのファイルにします。特にラテアートの写真はナカしか使いませんので、上手にくりぬきましょう。

必要な部分にシェイプツールを置いて、Ctrlキー＋シェイプツールレイヤークリック（Macの場合はCommandキー＋シェイプツールレイヤークリック）で、シェイプツールの色の乗っている部分が選択範囲として選択されます。

Ctrlキー+レイヤー（Commandキー＋レイヤー）は「レイヤーの中の要素を選択範囲として取り込む」ショートカットキーです。多用しています。便利です。

配置したら形を整え、スポット修正ブラシツールでいらないところをぐりぐりする。

スポット修正ブラシツールは、塗りつぶした範囲を周辺の色味に合わせて自動的に修正できるツールです。写真を修整するときにはごみとりなどにとても有効で、顔についたニキビもぺしっと一発で消せます。塗るだけです。とても簡単。女性にわかりやすく言うとコンシーラー的なものです。

「なんかうまくいかないな」と思う場合も、ブラシのサイズを大きくしたり小さくしたりしてちまちま塗っていきましょう。パンダの顔はキレイに消えてしまいます。

選択範囲の「色域指定」

頂いたイラストから線の部分だけを引っ張りたいので、選択＞色域指定から線の黒をピッカーで取ります。

そうするとげじげじみたいなものがぐるっと黒い線を囲みます。そのままコピーして、ラテアート部分にペーストして配置を整えます。

コピースタンプツールを使って線をぽちぽち。

コピースタンプツールは、Altキーを押しながらスタンプしたい箇所を一度クリックすると、押した場所を基準に別の場所へコピーしてくれます。

文字で読んでもよくわからないと思いますので、コピースタンプツールを選択したのち、適当な場所でAltキー＋クリックして、別の任意の場所でぐりぐり塗ってみましょう。どんなふうになるのか体感してみてください。

このコピースタンプツールを使って、先ほどコピーしたイラストの線の部分をぽちぽちしていきます。レイヤーを変えるのを忘れずに！　順番としては、

1. コピースタンプツールで元レイヤーの任意の箇所をコピーする
2. イラストの線の上にレイヤーを作成し、線上にコピースタンプツールでなぞっていく
3. うまくできなかったら元レイヤーに戻って別の場所をコピーする
4. 再び一番上に配置したレイヤーにスタンプしていく

こんなことの繰り返しになります。

出来上がったら一時的に下のレイヤーにクリッピングマスクしましょう。Altキー＋レイヤーとレイヤーの間をクリックでクリッピングすることができます。

選択範囲を使ってリアリティを出す

黒い線の状態になったイラストのレイヤーを「Ctrl＋クリック」で選択範囲として読み込みます。このまま選択＞拡張をクリック、1ピクセルだけ範囲を拡張します。これをそのまま選択＞境界線をぼかすで選択範囲をぼかします。

そのまま選択範囲が効いた状態でレイヤー下のマスクレイヤーをクリックします。

その状態でクリッピングマスクを解除しましょう。

できました！

こうやって作るとイラストを使ってラテアートができますよー。

ぜひお試しください！

また来年のエイプリルフールもお楽しみにっ！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

うそです。

すみません。

エイプリルフールだから……って某氏にそそのかされて……｡･ﾟ･(ﾉД`)･ﾟ･｡

でも意外とスキンヘッドもかっこいいですよ、社長。

そんなわけで簡易に人物写真を変更する方法をざっくりチュートリアルしていきましょう！

素体となる写真を用意して加工しやすいように外側を切り取る

今回素体となる写真はどちらもしろ背景ですので、「自動選択ツール」で消したいところをクリック＋デリートで消してしまいましょう。Shiftをおしてクリックすると、離れているスペースでも同時に選択することができます。

Photoshopで写真の拡大縮小を行ってレイアウトを行うときは、画質を落とさないためにも、必ずレイヤーを「スマートオブジェクト」に変えておく！

Photoshopで縮小し、決定としてエンターキーで配置を確定した画像は、「ピクセル数が少なくなる」＝「画像が劣化する」ことになります。

レイアウトを決めた後再び同じ位置に高画質を置かなければならないの……めんどうくさい……。ってそう思うそこのあなた。

Photoshopの写真は大きいサイズのままスマートオブジェクトに変更しましょう！

これをしておけば写真の画質は劣化しません。何回でも修正できます。しかも写真だけを加工することもできます。

加工した写真、あるいは複数のレイヤー（調整レイヤー含む）を選択すれば、それを丸ごとスマートオブジェクトにすることも可能です。

スマートオブジェクトにする画像が300dpiとかならDMサイズからA4サイズのリサイズも可能！　これはおとくだー！

顔のサイズをだいたいおなじくらいにする

この微調整が結構後になって響いてきます。慎重に参りましょう。

Ctrl＋Tでバウンディングボックスを出すとどこをマウスでつかめば大きさが変更になるのかわかりやすくなります。

色調補正で顔色を合わせる

レイヤー＞新規調整レイヤ―＞色相・彩度　あるいは　色調補正パレットから色調補正を選ぶと、レイヤーのところに調整レイヤ―が現れます。画像を直接編集することもできますが、後から調整が効くようにレイヤーにしておいたほうがいいでしょう。のちのちこういう形式のほうが勝手が効くので、画像を直接調整するのは控えたほうがいいかもしれませんね。

画像を変更してサイズを合わせる

編集＞自由変形　あるいは　Ctrl＋T　でもっと微量な調整をしていきます。

バウンディングボックスの角（白い四角）をCtrlをおしながら動かすとその点だけをつかんだ状態で、図形を変形させることができます。

上に乗せた画像にマスクを追加して、黒でいらない部分をマスク上で塗っていく

マスクというのは、マスクをつけたレイヤーの、「見えるところ」と「見えないところ」を作るツールです。

マスク上で黒く塗るとそのレイヤーは「見えなく」なります。逆に、白のままだと「見える」状態になります。マスクには透明度が効きますので、微量な雰囲気の調整が可能です。

このマスクを使って、いるところは残していらないところは消していきましょう。

耳をつけてスポット修正ブラシツールで微調整

ここもいるところといらないところを消したり付け加えたりします。

編集＞変形＞水平方向に反転して、耳のところに配置したら、さっきと同じように色調レイヤーで色味をコントロールしていきます。

画像の上に画像をおいただけでは綺麗になりません。そういう時には

こいつをつかいます。

スポット修正ブラシツールというのは、「周囲の色情報を組んでそれに合わせた状態で色をおいてくれる」ツールです。なるべく小さなブラシでつなぎ目をぽちぽちしましょう。

最後に覆い焼きツールで「ハイライト」を選択、何回か頭部をぽちぽちしてきらめく禿に照りかえしを与えます。

つやっ。

ついでなのでこんなこともしちゃいましょう。

一枚レイヤーを上につくり、真っ黒に塗りつぶします。（Ctrl＋backspace：ツールボックス下カラーボックスの後ろのほう　もしくは　alt+backspace：ツールボックス下カラーボックスの前のほう）

これをスクリーンにすると…

☆☆☆☆☆　きらりっ　☆☆☆☆☆

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。