ブロックに分割(Photoshop)


素材写真

  1. 背景のレイヤーを黒にします
  2. 長方形選択ツールを選択して、スタイル:固定 幅と高さに任意の数値に設定します(今回は80pxの正方形にしました)
  3. レイヤー1の画像に、選択範囲を配置します
  4. レイヤーパレットで、レイヤーマスクを追加すると、選択範囲はレイヤーマスクの効果で画像の一部だけが見える様になります
  5. レイヤースタイルから境界線を選択して、「サイズ:1」「カラー:白」を選択します
  6. レイヤーマスクの左の「レイヤーマスクのレイヤーへのリンク」のクサリのマークを外します
  7. 「winはCtrl+Jキー」「 MacはCmd+Jキー」を10回押してレイヤー1のコピーを作成します
  8. 「移動ツール」を選択して、適当な位置にマスクを移動させると、下の画像が見えます
  9. 各レイヤーのレイヤーマスクサムネールをクリックして、同様に少しずつ移動させて完成です。(レイヤーマスクサムネールを選択しなしと、画像の方が移動してしますので注意です)

  • 作業時間:10分


■しろうさぎの作品
一人前のwebデザイナーを目指して|webnotebook」の作品集にアップ中!!