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


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


CS−26* ステンドグラスもどき *


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

工程・操作

フィルタと、カスタムシェイプを使った簡単ステンドグラス。
説明が長くなるのでシンプルなデザインにしましたが、
仕組みは簡単ですので、みなさまの応用作品に期待します。

------------------------------------------------------------------------
 1、新規ファイル作成。
    500×500pixel  描画色:黒
------------------------------------------------------------------------
 2、「グリッド」を設定します。
   @新規ファイルにグリッドを表示させます。「ビュー→表示→グリッド」
   A「編集→環境設定→ガイド・グリッド・スライス」
      ・グリッド線:100
      ・分割数:2     と、入力します。
------------------------------------------------------------------------
 3、新規レイヤー作成。
   「ブラシツール・5pixel」を指定して、菱形を描きます。
   
     @の角(赤丸)をポンっとクリックします。
     Aの角を、「shiftキィー」を押しながらポンっとクリックします。「shiftキィー」を離します。
     Bの角を、「shiftキィー」を押しながらポンっとクリックし、「shiftキィー」を離す。
     Cの角を、「shiftキィー」を押しながらポンっとクリックして、終わりです。

          菱形が描けました。
          

     D同様にして、上下左右4本のラインを描き加えます。
          

      「レイヤー」に名前をつけて置くと、ややこしさが半減します。
          

    E「選択範囲→すべてを選択」 → 「編集→境界線を描く」
       「境界線」ダイアログが開いたら
          ・境界線:7(pixel)
          ・位置・内側   と、入力します。
------------------------------------------------------------------------
 4、新規レイヤー作成。(名前:チョウ)
   「カスタムシェイプ」を指定して、「蝶」を選択します。
   菱形のワクから、はみ出さず離れずの位置に配置します。
          
------------------------------------------------------------------------
 5、「チョウ」の絵を、ラインだけにします。
   @「チョウ」レイヤーがアクティブになってることを確認して、
          
   A「自動選択ツール」を指定し、チョウの黒い部分をクリックします。
          チョウの全てが選択されました。↓
           
------------------------------------------------------------------------
   B「選択範囲→選択範囲を変更→縮小」
     「選択範囲の縮小」ダイアログが開いたら、「6(pixel)」と入力します。
          選択範囲が縮小されました。↓
          
   Cそのまま「Deleteキィー」を押して、削除します。
   D「選択を解除」します。
          ラインだけになりました。↓
          

     「ビュー→表示→グリッド」をクリックして、グリッドを非表示にしてもかまいません。
------------------------------------------------------------------------
 6、ガラス部分の操作です。
   @「背景レイヤー」をアクティブにして、「新規レイヤーを作成」します。(名前:雲模様)
   A「フィルタ→描画→雲模様1」
   B「フィルタ→変形→ガラス」 「ガラス」ダイアログが開いたら、下図のように入力します。
          ・ゆがみ:15 
          ・滑らかさ:4
          ・テクスチャ:型板ガラス
          ・拡大・縮小:56
  
------------------------------------------------------------------------
   C「雲模様レイヤー」をアクティブにして、
          
   D「イメージ→色調補正→レベル補正」
     「レベル補正」ダイアログが開いたら、
     「入力レベル」の真ん中のハンドルを左に移動させ、「4」レベルにします。
          
------------------------------------------------------------------------
   Eさらに、「イメージ→色調補正→明るさ・コントラスト」
    「明るさ・コントラスト」ダイアログが開いたら、「明るさ:+25」と入力します。
          
------------------------------------------------------------------------
          明るくなりました。↓
          
------------------------------------------------------------------------
 7、「チョウ」に色をつけます。
   @「ライン」レイヤーをアクティブにして、「新規レイヤーを作成」します。(名前:チョウの色)
          「チョウ」と「ライン」の間に「チョウの色」レイヤーが作られます。
          
------------------------------------------------------------------------
   A次に「チョウ」レイヤーをアクティブにして、
   B「自動選択ツール」を指定し、チョウの中の透明な部分をクリックします。
          
   Cそのまま、「選択範囲→選択範囲を変更→拡張」をクリック。
     「選択範囲を拡張」ダイアログに「2(pixel)」と入力します。
          選択範囲が広がりました。↓
          

   Dつづけて、レイヤーパレットの「チョウの色」レイヤーをアクティブにして、
   E「編集→塗りつぶし」→描画色(黒)で塗りつぶします。
   F「選択を解除」します。
          
------------------------------------------------------------------------
 8、「チョウの色」にスタイルを適用します。
   @「チョウの色」レイヤーがアクティブになってることを確認して、
   A「スタイル」の「ガラス」の中から、「イエローガラス」をクリックします。
          
   B黄色くなったチョウを白くしたいので、レイヤー調整します。
     「チョウの色」レイヤーの「カラーオーバーレイ」をダブルクリック。
          
------------------------------------------------------------------------
   C「カラーオーバーレイ」ダイアログの、描画モードの右の小窓をクリックし、
     開いたカラーピッカーで、「白」に変更します。
     
------------------------------------------------------------------------
 9、黒いラインレイヤーを結合します。
   @レイヤーパレットの、「ライン」レイヤーと「チョウ」レイヤーの目玉を残し、
     他の目玉をクリックして非表示にします。
   A「チョウ」レイヤーをアクティブにして、「表示レイヤーを結合」します。
   

   B「表示レイヤーを結合」したら、全てのレイヤーの目玉をクリックして「表示」させます。
------------------------------------------------------------------------
 10、黒いラインに「スタイル」を調整しながら適用します。
   @「チョウ」レイヤーをアクティブにして、「スタイル」の「テキスト効果2」の中から、
     「へこんだメタル・シャドウ」を選択してクリック。
   
------------------------------------------------------------------------
   A「チョウ」レイヤーの「レイヤーサムネール」をクリックして
     「レイヤースタイル」ダイアログを開きます。
   Bまづは「ドロップシャドウ」の調整です。
        ・「シャドウのカラー」を「白(FFFFFF)」にする。
     
------------------------------------------------------------------------
   C次に「シャドウ内側」の調整です。
        ・「シャドウのカラー」を「白(FFFFFF)」にする。
     
------------------------------------------------------------------------
   D次は「ベベルとエンボス」です。
        ・「ハイライトのカラー」を「白(FFFFFF)」にする。
        ・角度:-60 
        ・高度:16   と、入力する。
    
------------------------------------------------------------------------
   E最後に「テクスチャ」です。
        ・比率:1000%   と、入力します。
     
------------------------------------------------------------------------
 11、せっかく造った「スタイル」なので、登録しておきましょう。
   @「チョウ」レイヤーをアクティブにして、
   A「レイヤーパレット」の右上肩▲をクリックします。
          
------------------------------------------------------------------------
   Bクイックリファレンスが開きますので、「新規スタイル」をクリック。
          
------------------------------------------------------------------------
   C「新規スタイル」ダイアログが開きますので、名前をつけてOK。
 
------------------------------------------------------------------------
   Dスタイルパレットの、いちばん最後に登録されますので確認します。
          
------------------------------------------------------------------------
 12、ここで「統合」すると、↑のサンプル画像と同じものが「完成」するのですが、
    その前にちょっとレイヤーパレットを見てください。
    工程上、一度も使われなかった「背景レイヤー」に、「シアン(純色)100%」を
    塗りつぶし、「雲模様」レイヤーの不透明度を「95%」に下げてみると・・・・
    
          

    涼しそうな画像に変身します♪
  
------------------------------------------------------------------------

応用作品







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

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

講座めにゅーに戻る