ぶんぶんキャッツ

　マンションの大規模改修は、無事終了して1週間経つのに、揮発性化学物質の数値が高いままです。まだ咳と鼻水が止まらず目も痛くなってしまい、キモチ悪くてズルズル状態です。早めに済ませると言っていたドリルにも、なかなか取り掛かれませんでした。

　あと2回で終わりだし、何とかやり切ろうと始めた5月ひとつ目のドリルで、いきなりつまづいてしまいました。課題用のAdobe Stock画像が有料だったのです。以前のドリルにも有料画像があって、その時に“お試し一月無料”は使ってしまったのよ。

　問い合わせしたところ、プレビュー画像をダウンロードして使っても良いと回答がありました(チュートリアルの作成時には無料の画像だったものが有料に変わっていたようです)ただし課題提出には構わないが、SNSには出せないとのこと。

　というわけで5月の課題1「写真からイラスト⾵ パターンを作成」は、記事掲載用に、提出画像とは別のものを用意しました。

◯「ファイル」→「開く」からダウンロードしたファイルを開く→「背景」レイヤーを選択した状態で「フィルター」→「ニューラルフィルター」をクリック→「すべてのフィルター」タブを選択→「スタイルの適⽤」(ドリルでは左上から6つ⽬のサムネールをクリック→スタイルを調整:強さ10・スタイルの不透明度70・ディテール40・背景ぼかし0・明るさ+30・彩度+10)ぶんぶん素材は左から2つ目のサムネールで調整→「カラーを保持」にチェックを⼊れ元画像の⾊味に戻す→パネルの⼀番下「出⼒」ドロップダウンメニューから「新規レイヤー」を選択→「OK」をクリック

◯追加された「レイヤー1」を選択した状態でツールバーから「オブジェクト選択ツール」を選択(オプションバーの「オブジェクトファインダー」にチェックが⼊っているのを確認)→任意の素材(ドリルではチョコタルト)にポインターを合わせクリック→選択範囲が作成されるので「Command＋C」でコピー

◯「ファイル」→「新規」を選択→「幅」と「⾼さ」を「1000px」に設定→「OK」をクリックして新規ドキュメントを作成

◯作成したドキュメントにコピーしたオブジェクトを「Command＋V」でペースト→「表⽰」→「パターンプレビュー」を選択→選択ツール→バウンディングボックスが表⽰される→ハンドルをドラッグしてサイズ変更や回転・位置の移動などを⾏うとパターン全体にリアルタイムで反映される(⼿順を繰り返して別の複数のオブジェクトを配置し位置・⼤きさ・⾓度などを調整しながらパターン化)

◯「背景レイヤー」を選択した状態でパネル下部の「塗りつぶしまたは調整レイヤーを新規作成」アイコンをクリック→ドロップダウンメニューから「べた塗り」を選択→「カラーピッカー」が開いたらお好みの⾊を設定し（ドリルでは#f6e1c4)「OK」をクリック

◯横書き⽂字ツールで⽂字を⼊⼒すると同時に⽂字の繰り返しパターンが作成される(フォントFlood Std)→他のオブジェクトと同様に⽂字の⼤きさ・位置・⾓度などを調整

◯パターンが完成したら「編集」→「パターンを定義」を選択→「パターン名」ダイアログが表⽰されるのでパターン名を⼊⼒して「OK」をクリック(定義したパターンはパターンパネルに追加され「塗り」や「塗りつぶし」「パターンオーバーレイ」などで利⽤できる)

課題2は「GIFアニメーションで動くバナーを作る」です。

↑おねーさんのドレスと背景が違う3枚の画像を作ってGIFにします。

◯ファイルを開く→レイヤーパネルに表示されているレイヤーを全て選択→パネル下部の「新規グループを作成」ボタンにドラッグしてグループ化→作成したレイヤーグループ（グループ1）を選択し「新規レイヤーを作成」ボタンにドラッグして複製→複製元のレイヤー(グループ1）を展開→含まれる全てのレイヤーを選択→「すべてをロック」ボタンをクリック

◯グループ1のコピーを展開→「背景(Flower)」レイヤーのスマートオブジェクトサムネールをダブルクリック→スマートオブジェクトを開く

◯別の背景画像をドラッグして配置→元の画像をパネル下部の「レイヤーを削除」ボタンをクリックして削除→新しい背景を「メニュー」→「保存」→ファイルを閉じると背景デザインが置き換わる

◯レイヤーパネル「⻑⽅形(帯の部分)」レイヤーのレイヤーサムネールをダブルクリック→「カラーピッカー」ウィンドウを開く→色を設定して「OK」をクリック

◯同じ要領でレイヤーグループを複製し「Flower」のスマートオブジェクトを置き換え、帯の⾊を変更する

これでいくつものバリエーションのデザインが作成できる

◯作成したレイヤーグループをそれぞれひとつずつ結合する(レイヤーグループを選択→右クリックメニューから「グループを結合」を選択すると1枚のレイヤーに結合される)

◯「ウィンドウ」→「タイムライン」を選択→「タイムライン」パネルが表⽰される→「ビデオタイムラインを作成」をクリック(それぞれのレイヤーがビデオタイムラインに配置される)

◯レイヤーの両端にポインターを合わせると表⽰が変わりその状態でドラッグして左右に動かすと⻑さを調整できる

◯まず⼀番下のレイヤー（グループ1）の右端を左にドラッグして45フレームまで短くする→次のレイヤー（グループ1のコピー）の左端を30フレームまで右に・右端を75フレームまで左にドラッグ→上のレイヤー（グループ1のコピー2）の左端を60フレームまで右に・右端を105フレームまで左にドラッグ

(各レイヤーの⻑さが45フレームになり、それぞれのレイヤーの前後が15フレーム重なる状態になる)

◯タイムラインパネルの「切り替え⽅法」ボタンをクリックし「フェード」を選択→レイヤーの重なった部分にドラッグ→追加したフェードの右端を左にドラッグして15フレームに設定

◯設定が終わったらタイムラインパネルの「再⽣」ボタンをクリックしてアニメーションを確認

◯アニメーションが完成したら「ファイル」→「書き出し」→「Web⽤に保存（従来）」を選択し「Web⽤に保存」ウィンドウを開く→右上のファイル形式で「GIF」を選択→「保存」をクリックして指定の場所に保存

　あれれ? ひとつ多いですか? スットコパターンが乱入したようですね。

 この課題に使ったパターンには、ドリル4で作ったドンひまわりが入っています(左画像)これもドリル用の提供素材を元にしたものなので、自由使用できるように自分画像に入れ替えておきます(右画像)

　パターン制作は素材作りから始まって、手間も時間もかかります。でも一度作って保存しておけば、色々に使えそうですよ。風呂敷やスカーフに、一枚いかがでしょうか?

課題3は「描画モードで特殊効果をかける」

◯ボールを蹴る少年の画像を「被写体を選択」を使ってレイヤーマスクで切り抜く→スタジアムの背景に重ねる→炎・煙・埃などのエフェクトを描画モードの「スクリーン」を使って合成

　サイバーキャッツの仔猫達も参加したいようです。

課題4「二重露光を行う」

◯男性の画像レイヤーに海岸の画像レイヤーを重ねる(描画モードのスクリーン)→はみ出したり余分な部分をブラシツールで消す

　ゴンゴンも重ねたら、男性も猫になってしまいましたね。

2024-06-01

　体調不良の間に溜まっていた色々をこなすと時間がなくなって、結局今月も課題提出は月末になってしまいました。

4月の課題1は「ペイント文字で目立つタイトルを作成」です。

◯「SHAKE」レイヤーを選択→「編集」メニュー→「変形」→「多⽅向に伸縮」で文字を斜めに傾ける。

◯レイヤーパネル下部の「+」アイコンをクリックして、「SHAKE」レイヤーの上に新規レイヤーを作成→ツールバーから「ブラシツール」を選択→オプションバーから「ブラシプリセットピッカー」を開く→「ペンキ1」(カスタムブラシ)を選択(直径「178px」に設定)→⽂字の上をクリックして、ペンキが垂れ落ちたような効果を追加。

◯レイヤーパネルで「SHAKE」と「ペンキの垂れレイヤー」の2つを選択し、パネル下部の「新規グループを作成」アイコンをクリックしてグループ化→「レイヤーマスクを追加」アイコンをクリック(描画⾊黒を確認)→オプションバー「ブラシプリセットピッカー」を開き「特殊効果ブラシ」→「Kyleのスパッタブラシ-筆圧調節02」を選択(直径「105px」に設定)→⽂字の上をクリックして⽂字がかすれたような効果を追加。

◯「グループ」レイヤーの上に新規レイヤーを作成→ツールバーからブラシツールを選択→オプションバー「ブラシプリセットピッカー」から先ほどと同じ「Kyleのスパッタブラシ-筆圧調節02」を選択(直径「84px」に設定)描画⾊が⻩⾊になっていることを確認。⽂字の周囲をクリックしてペンキが⾶び散ったような効果を追加。

　使用例ではレンガ壁の背景に重ねて、さらにペイント感を出していました。

　ドンごろーが、頭をシェイクしているこの画像に合わせてみます。

課題2は「マスクを活用したコラージュポスター」

◯「model」レイヤーを選択→「クイック選択ツール」→上部オプションバーの「被写体を選択」で自動選択→レイヤーパネル下部「レイヤーマスクを追加」アイコンをクリックでモデルが切り抜かれる。

◯「model」レイヤーを選択した状態でツールボックス→「⾃動選択ツール」を選び、サングラスの黒いグラス部分をクリック→グラスが選択されたら「編集」メニュー→「塗りつぶし」を選択→「塗りつぶし」ウィンドウで「内容」のドロップダウンメニューから「ブラック」を選択→「OK」をクリック。黒いグラス部分にマスクが追加され、背景の花で塗りつぶされる。

◯「model」レイヤーを選択した状態で「クイック選択ツール」を使って黒いドレス部分をドラッグして選択。レイヤーパネルで「Flowerのコピー」レイヤーを選択し表⽰→パネル下部の「レイヤーマスクを追加」をクリックすると、花の背景にマスクが追加され、ドレスの形で切り抜かれる。

◯「Flowerのコピー」レイヤーをダブルクリックして「レイヤースタイル」ウィンドウを表⽰。「シャドウ（内側）」を選択→ドレスの輪郭の内側にシャドウを追加(不透明度：44%、⾓度：30°、距離：0px、チョーク：17%、サイズ：35px)

　課題はここまでなのに、使用例のポスター(左)は色調調整しただけでなく、花の中心部分の色も変わっているのです。試行錯誤して自分なりのポスター(右)を作ってみました。(↓クリックすると大きくなります)

課題3は「暗い被写体を目立たせる編集方法」

課題4は「レイヤーマスクを使用した製品写真背景の置き換え」

　ヘッドフォンとその影の両方を、背景レイヤーに入れています。

　これがかなりの難題でした。チュートリアルの通りに進んでも、どうにもならないのです。途中の指示表記も(英語の直訳のため?)実際のインターフェイス表記とは違っていたりして、どうしたら良いのか分からず完成しません。こういう場合は検索して調べます。

　タマケンさんのYouTubeに「Photoshop・写真の影を残して背景だけを合成する方法」(https://www.youtube.com/watch?v=HYCdnxdfs7A)がありました↓

◯被写体を切り抜く→コピー→下レイヤー(切り抜き)でOption＋I(反転)→描画モードを乗算→さらに影レイヤーのコピーで濃い影にできる。

(※いずれにしても影の合成は白背景で撮影したものに限る)

　こちらの方が分かりやすく、すぐに出来ました

　フォトショのチュートリアルは誰でも試せますが、表記の違い(フォトショのバージョンにもよる)や、手順の抜け?などで上手くいかないことがあります。幸いフォトショの使い方なら、ネット上にたくさんの動画や説明が出ているので、自分で探してみましょうね。

　画像作成に手間取っていたら、猫達が来てイタズラしようとしていました。さっさと片付けないと危ないですね。

2024-04-27