Horiri'2000うきゃきゃさんの思い込みふぉとしょっぷ講座かずみんNOTE(ふぉとしょっぷ初歩の初歩講座)


【ほ組のフォトショップ初歩講座】

CS−52* 三日月のぶらんこ *

サンプル画像 (提供:ほ組工房)

工程・操作

良く見かけるデザインですが、一度は自分でも描いて見たいと思っていたものを取り上げてみました。
下の説明用画像は、一部を除いて縮小画像ですのでご了承下さい。
ネコ画像をクリックすると、psdファイルでDL出来ます(173kb)が、
シルエットは比較的描きやすいので、是非チャレンジしてみてください。
 1、素材を準備します。
   「CS-47講座」で描いた「お城画像」と、「ネコのシルエット」を使います。
   
----------------------------------------------------------------------------
 2、背景を描きます。
  ・新規ファイル  500×500 
  ・「描画色:黒 背景色:青」
  ・「フィルタ→描画→雲模様」
  ・「フィルタ→ピクセレート→点描」 セルの大きさ:30
  ・「フィルタ→ぼかし→ぼかし(移動)」  
                   角度:90 距離:75

----------------------------------------------------------------------------
  3、三日月を描きます。
   ・新規レイヤー作成(ファイル名:レイヤー1)
   ・「描画色:黄色」
   ・「楕円形選択ツール」指定して、
   ・上のツールバーの設定をします。 スタイル:固定 幅:300 高さ:300
                       新規選択:チェックを入れる
         
   ・カンバスの左上の定規のメモリを参考に、横と縦100pxの交わった地点でクリックします。
                                        (黄ラインの白点)
    カンバスのほぼ中央に300pxの正円選択範囲が出来ていればオッケーです。

   ・続けて、上のツールバーの、「現在の選択範囲から削除」に、チェックを入れます。
          

    ・カンバス左上の定規を参考に、今度は横と縦60pxの交わった地点でクリックします。
                                      (赤ラインの白点)
               
----------------------------------------------------------------------------
  ・選択範囲が三日月形に残っていればオッケーです。
  ・「描画色:黄色」で塗りつぶします。

----------------------------------------------------------------------------
   ・そのまま、「背景レイヤー」の上に、 新規レイヤー作成(ファイル名:レイヤー2)
     *「背景」レイヤーをアクティブにして、レイヤーパレットの下の「新規レイヤーを作成」をクリックする。
   ・「描画色:白」で塗りつぶします。
   ・「選択範囲を解除」
   ・「フィルタ→ぼかし→ぼかし(ガウス)」 半径:20

   ・次に、「レイヤー1」をアクティブにして、「レイヤーを複製」します。
    「レイヤー1のコピー」レイヤーが出来ますので、そのまま 
   ・「フィルタ→ぼかし→ぼかし(ガウス)」 半径:20

   ・「レイヤー1のコピー」レイヤーをアクティブにして、
   ・「背景」レイヤー以外を「結合」します。
     *「背景レイヤーの目玉をクリックして非表示にしたら、「レイヤー1のコピー」レイヤーをアクティブにして
        「表示レイヤーを結合」で、結合します。
                              
----------------------------------------------------------------------------
 3、猫をのせる。
  ・前もって用意しておいた「猫画像」を、
   レイヤーの一番上にコピーペーストします。
  ・ペーストした「ネコレイヤーの下に、新規レイヤー作成
  ・新規レイヤーがアクティブになってることを確認したら、
   「Ctrlキー」を押しながら「猫画像」レイヤーをクリックします。
   猫の形が選択されました。
  ・「描画色:黄色(三日月と同じ色)」で塗りつぶします。
  ・「選択範囲を解除」
   

----------------------------------------------------------------------------
  ・「フィルタ→ぼかし→ぼかし(ガウス)」 半径:10
   ネコ画像の周辺が明るくなり、輪郭がはっきり見えるようになりました。
  ・「ネコ画像」をアクティブにして、「下のレイヤーと結合」

----------------------------------------------------------------------------
 4、ブランコの支えを描きます。
  ・レイヤーの一番上に、新規レイヤー作成。
  ・「フォントツール」を指定して、カンバスの上部に
   まばらにフォントを入力します。
   なんでもヨイですが、「SWING」と入力してみました。
     (フォントは【ParkAvenueBT】をお借りしました。)

----------------------------------------------------------------------------
   ・フォントとフォントの間とブランコの紐は、間隔をあけた「★ブラシ」でつなぎました。
               
----------------------------------------------------------------------------
 5、「お城画像」を貼り付けます。
   ・「背景レイヤー」の上に、「お城画像」をコピーペーストします。
   ・そのまま、「描画モード:オーバーレイ」に変更します。
               
----------------------------------------------------------------------------
   ・完成♪
        
----------------------------------------------------------------------------

応用作品


Win.Photoshop.cs で作成していますが
v.6 v.7 でも作成可能です。

ご意見、感想など掲示板への書きこみもお待ちします。

講座めにゅーに戻る