< 2017年05月 |  123456789101112131415161718192021222324252627282930 | 2017年07月 >

フリーエリア

ホーム  > [完結]できない夫がiPhoneで絵を描いてみるようです 【全4回】 > できない夫がiPhoneで絵を描いてみるようです 【第三回】 Adobe Photoshop Sketchとレイヤーの説明

できない夫がiPhoneで絵を描いてみるようです 【第三回】 Adobe Photoshop Sketchとレイヤーの説明

2016年07月17日

68 : ◆cbTINI7NHw [] :2016/07/16(土) 21:35:31 ID:76mxdy0k





 【第三回】 Adobe Photoshop Sketchとレイヤーの説明




    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)
  |       _|  |       「Pocket Brush」で下絵はご用意いただけましたか?
  |    mj | ___ノ
  |    〈__ノー´}
  ヽ  ノ  /   /




    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)       http://i.imgur.com/fZzsOxu.jpg
  |       _|  |       へたっぴですが、こちらが俺の下絵になります
  |    mj | ___ノ
  |    〈__ノー´}.       昨日の試し描き同様この時点では
  ヽ  ノ  /   /        まだスタイラス持ってなかったので全部指です



fZzsOxu.jpg


69 : ◆cbTINI7NHw [] :2016/07/16(土) 21:35:51 ID:76mxdy0k



    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)
  |       _|  |        「Pocket Brush」の 【画面B】 で
  |    mj | ___ノ       下絵をカメラロールに保存したら……
  |    〈__ノー´}
  ヽ  ノ  /   /




    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)      「Adobe Photoshop Sketch」を起動します
  |       _|  |       ホーム画面上では「Adobe Sketch」なのでご注意を
  |    mj | ___ノ
  |    〈__ノー´}       最初に出るチュートリアルはてきとーに流し見して閉じて
  ヽ  ノ  /   /






70 : ◆cbTINI7NHw [] :2016/07/16(土) 21:36:11 ID:76mxdy0k




 【 画面A 】

────────────────
 VV      マイプロジェクト    _|_
  V          ●  ○       |
────────────────
    ┌───────────┐
    │プロジェクト         │
    │5スケッチ              │
    ├─┬───────┬─┤
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    ├─┴┬──┬──┬┴─┤
    │    │    │    │    │
    └──┴──┴──┴──┘



.            __
            /::::::. \
         /::::::ヽ;;:   \
          (:::::(::::冫    |
        |:|::::::        |
       r‐-;::::::. .     |    最初に出る画面がこちらです
       (三))::´:..    |
       >::::ノ:::::::::.    /
      /::: / ヽ;:::::::::   /
      /::::/ ⌒ヾ:::::::::::.〈
      (;;;;__ゝ:;;:::::\/:::::)
            |\::::::::::::;;:1
            |:::::\;;/:::|





71 : ◆cbTINI7NHw [] :2016/07/16(土) 21:36:36 ID:76mxdy0k



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |     U   |    「プロジェクト」という言葉がプロユースっぽくて
        r-ヽ`         |.     思いっきり敷居を高くしてくれてますが
       (三) |        |
       > ノ      /     要は「プロジェクト」=「スケッチブック」だと思えばいいです
      /  / ヽ     /        最初は5ページ分の画用紙(スケッチ)が入ってます
     /  / へ>    <
     |___ヽ  \/  )
         |\   /|
         |  \_/ |




          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |     U   |.    プロユースっぽさ=とっつきにくさではありますが
        r-ヽ`         |.     今のグラフィックソフトのほとんどが
       (三) |        |     Adobeの影響下にあるとも言えるので
       > ノ      /
      /  / ヽ     /        Adobe製品に慣れれば他の画像ソフトにも
     /  / へ>    <      応用がききやすいとは思います
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





72 : ◆cbTINI7NHw [] :2016/07/16(土) 21:37:04 ID:76mxdy0k




  ┌─ 設定画面へ
  │
  │            マイプロジェクトとコミュニティの切り替え
  │            │
  │            │           新規プロジェクトの作成
  ↓            ↓          ↓
────────────────
 VV      マイプロジェクト    _|_
  V          ●  ○       |
────────────────
    ┌───────────┐
    │プロジェクト         │
    │5スケッチ              │
    ├─┬───────┬─┤
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    ├─┴┬──┬──┬┴─┤
    │    │    │    │    │
    └──┴──┴──┴──┘



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    上部左側のアプリのアイコンと同じマークをタップすると
        r-ヽ`         |.     設定画面に行きます
       (三) |        |
       > ノ      /     中央の「マイプロジェクト」とその下の「● ○」は
      /  / ヽ     /      自分の作品と、Adobeのコミュニティメンバーの作品との
     /  / へ>    <       切り替えですが……
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





73 : ◆cbTINI7NHw [] :2016/07/16(土) 21:37:47 ID:76mxdy0k



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |
        r-ヽ`         |       コミュニティはよくわかんないのでスルーで
       (三) |        |
       > ノ      /      うっかり切り替えちゃったら「● ○」をタップして
      /  / ヽ     /      「マイプロジェクト」に戻ります
     /  / へ>    <
     |___ヽ  \/  )
         |\   /|
         |  \_/ |




          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |   u.     |     コミュニティの作品群を見ると一瞬
        r-ヽ`         |       「iPhoneでここまで描けるんだー」と感心してしまいますが
       (三) |        |
       > ノ      /      実際はiPadで描いてる人ばっかりだと思います……
      /  / ヽ     /
     /  / へ>    <
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





74 : ◆cbTINI7NHw [] :2016/07/16(土) 21:38:25 ID:76mxdy0k



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |
        r-ヽ`         |.     設定画面では以下の設定ができますが
       (三) |        |     これも割とどーでもいいです
       > ノ      /
      /  / ヽ     /
     /  / へ>    <
     |___ヽ  \/  )
         |\   /|
         |  \_/ |



  ◆ ユーザ情報、
  | ハンドルネームやアイコン画像、メアドの設定
  | メアド以外はコミュニティ投稿時に反映されると思われる

  ◆ 環境設定
  | ツールバーを右に置くか左に置くかだけ

  ◆ プロジェクトを読み込み
  | Adobe Illustrator Lineというアプリから
  | プロジェクトを読み込めるらしいが今回どーでもいいので無視

  ◆ チュートリアルを表示
  | 初起動時に表示されたチュートリアルをまた見られる

  ◆ ツールヒントのリセット
  | 後述の画面Dで最初にツールを使うときに出るヒントを再表示させられる


  (以下不要なので略~)





75 : ◆cbTINI7NHw [] :2016/07/16(土) 21:39:04 ID:76mxdy0k



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    「チュートリアル」と「ツールヒント」は
        r-ヽ`         |.     少しアプリを触ってみてから見直した方が
       (三) |        |     理解しやすいです
       > ノ      /
      /  / ヽ     /      このふたつだけなんとなく覚えておいて
     /  / へ>    <       わからなくなったらあとで再表示させましょう
     |___ヽ  \/  )
         |\   /|
         |  \_/ |








          / ̄ ̄\
         / へ     \
.        ( (● )    |    「設定」から元の 【 画面A 】 に戻って……
          { |         |
        r-ヽ`         |.     右上のでっかい+アイコンは「新規プロジェクトの作成」です
       (三) |        |
       > ノ      /
      /  / ヽ     /      でも最初からひとつ入ってるので
     /  / へ>    <       今はそれをそのまま使えばいいです
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





76 : ◆cbTINI7NHw [] :2016/07/16(土) 21:39:31 ID:76mxdy0k




────────────────
 VV      マイプロジェクト    _|_
  V          ●  ○       |
────────────────
    ┌───────────┐
    │プロジェクト         │
    │5スケッチ              │
    ├─┬───────┬─┤
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │      ★      │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │
    ├─┴┬──┬──┬┴─┤
    │    │    │    │    │
    └──┴──┴──┴──┘




          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    ★をタップすると、すべての用紙がまっさらなら
        r-ヽ`         |.     いきなり 【画面D】 へ
       (三) |        |
       > ノ      /     ちょっとでもなにか描いた後なら 【画面B】 へ移動します
      /  / ヽ     /
     /  / へ>    <      【画面D】 の説明は長くなるので
     |___ヽ  \/  )      まず 【画面B】 とさらにそこから移動する 【画面C】 から説明します
         |\   /|
         |  \_/ |





77 : ◆cbTINI7NHw [] :2016/07/16(土) 21:39:55 ID:76mxdy0k




 【 画面B 】

─────────────────
 <      プロジェクト
         5スケッチ
─────────────────
            □ 凸 …
─────────────────
    ┌─┬───────┬─┐
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │ ↑
    │  │              │  │
    │  │              │  │ 上下スワイプでスケッチを切り替えられる
    │  │              │  │
    └─┴───────┴─┘ ↓
    ┌─┬───────┬─┐
    │  │              │  │
    │  │              │  │



 □  プロジェクトの一番上に白紙を追加する
       これでページをどんどん増やせます

 凸  共有アイコン
       画像をBehanceで共有する
       今回使わないので無視でいいです

 …  プロジェクトを~
       プロジェクトを編集する ⇒ 【画面C】 に移動
       プロジェクト名を変更
       プロジェクトを複製
       プロジェクトを削除
       キャンセル





78 : ◆cbTINI7NHw [] :2016/07/16(土) 21:40:30 ID:76mxdy0k



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    基本は全て最上部左の「<」で前の画面に戻ります
        r-ヽ`         |.
       (三) |        |     【画面C】 だけ例外ですが
       > ノ      /
      /  / ヽ     /
     /  / へ>    <      【画面B】 【画面C】 は「Pocket Brush」の 【画面B】 と
     |___ヽ  \/  )      同じようなものと考えれば大丈夫
         |\   /|
         |  \_/ |



          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    とりあえず今は「プロジェクト名を変更」で
        r-ヽ`         |.     わかりやすい名前をつけておくだけでいいでしょう
       (三) |        |
       > ノ      /
      /  / ヽ     /
     /  / へ>    <       編集で 【 画面C 】 に移動しますと……
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





79 : ◆cbTINI7NHw [] :2016/07/16(土) 21:41:02 ID:76mxdy0k




 【 画面C 】

─────────────────
        _  _  _
          ||+| |.→ ||||| ∨
         ̄   ̄   ̄
─────────────────
    ┌─┬───────┬─┐
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │              │  │ 三
    │  │              │  │
    │  │              │  │
    │  │              │  │
    └─┴───────┴─┘
    ┌─┬───────┬─┐
    │  │              │  │



    _
    ||+|.  選択したイメージを複製
     ̄
    [_→.   選択したイメージを別のプロジェクトへ移動

    |||||   選択したイメージを削除

    ∨     編集を終了


    三   ここをつまんで上下にドラッグで画像の順番を替えられる




          / ̄ ̄\
         / へ     \                      _
.        ( (● )    |    ここで大事なのは左端の「 ||+|  選択したイメージを複製」
          { |         |                       ̄
        r-ヽ`         |    「Pocket Brush」同様、これでこまめに
       (三) |        |     バックアップを取っておくといいです
       > ノ      /
      /  / ヽ     /        ここだけは右端の「 ∨ 」で 【画面B】 に戻ります
     /  / へ>    <
     |___ヽ  \/  )       中央の二つは今は無視でいいです
         |\   /|      ストレージ容量が足りなくなったら削除で要らない絵を消しましょう
         |  \_/ |





80 : ◆cbTINI7NHw [] :2016/07/16(土) 21:41:23 ID:76mxdy0k




 【 画面B 】

─────────────────
 <      mikumodoki
         5スケッチ
─────────────────
            □ 凸 …
─────────────────
    ┌─┬───────┬─┐
    │  │              │  │
    │  │              │  │
    │  │              │  │
    │  │      ★      │  │ ← ここをタップで描画開始!
    │  │              │  │
    │  │              │  │
    │  │              │  │
    └─┴───────┴─┘
    ┌─┬───────┬─┐
    │  │              │  │
    │  │              │  │




          / ̄ ̄\
         / へ     \
.        ( (● )    |
          { |         |    【画面B】 でプロジェクトの中のイメージ(画用紙)を
        r-ヽ`         |    タップして、【画面D】 =描画画面に入ります
       (三) |        |
       > ノ      /
      /  / ヽ     /        ここからが本番です
     /  / へ>    <
     |___ヽ  \/  )
         |\   /|
         |  \_/ |





81 : ◆cbTINI7NHw [] :2016/07/16(土) 21:41:50 ID:76mxdy0k




 【 画面D 】


───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │
    ├─── 、
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    ├┐_   │
    ││   >│                  ___
    ├┘ ̄   │                    (+)
    ├┐_   │                   ̄
    ││   >│                   ┏━━┓
    ├┘ ̄   │                   ┃    ┃
    ├┐_   │                   ┃    ┃
    ││   >│                   ┗━━┛
    ├┘ ̄   │                   スケッチレイヤー
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    │... ... ...  │
    │:::::::::::::: │
    │''' ''' '''  │
    ├─── ´
    │
    │
──┴────────────────────




     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |
.   |      ___´__ノ    描画画面はこんな感じ
    |      ∩ ノ ⊃
  /     ./ _ノ    左の筆が縦に並んでるのがツールバー
  (.  \ / ./_ノ │   右がレイヤーです
  \  “ /___|  |
.    \/ ___ /





82 : ◆cbTINI7NHw [] :2016/07/16(土) 21:42:16 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │


  <  【画面B】 に戻る

  ⊃  アンドゥ
      |作業の取り消し
      |ロングタップで、リドゥや、時間で巻き戻せるスライドバーが出せる

  ▲  ▲と□が重なったアイコン
      |定規(TouchSlide)
      |定規を置いて、それをなぞった線が引ける
      |定規のサイズや角度はピンチやドラッグなどで変更できる
      |定規を消す時は定規の中か近くにある × アイコンをタップ

  三  紙が三枚重なったようなアイコン
      |レイヤーを表示

  凸  フィードバックアイコン
      |画像をBehanceで共有、Adobeの他ソフトに写す
      |画像を保存する

  ◎  歯車型のアイコン (今回は使用しない)
      |方眼、遠近法のガイドグリッドが敷ける
      |画像全体を90度回転できる

  /  実際は斜めの両端矢印
      |タップするとツールバーやレイヤー表示が消え、画面を広く使える
      |再度タップすればツールバーやレイヤー表示が出てくる




     / ̄ ̄\
   /   「  \
   |    ( ●)(●    上部バーの意味はこんなもんです
   |        |  |
.   |      ___´__ノ     とりあえず今は、以下の4つだけ覚えておけばいいです
    |      ∩ ノ ⊃
  /     ./ _ノ    < 【画面B】 に戻る
  (.  \ / ./_ノ │   ⊃ アンドゥ
  \  “ /___|  |    三 レイヤーの表示非表示
.    \/ ___ /    / 全ツールの表示非表示





83 : ◆cbTINI7NHw [] :2016/07/16(土) 21:42:33 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │
    ├─── 、
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    ├┐_   │
    ││   >│                  ___
    ├┘ ̄   │                    (+) ← ここをタップ!
    ├┐_   │                   ̄
    ││   >│                   ┏━━┓
    ├┘ ̄   │                   ┃    ┃
    ├┐_   │                   ┃    ┃
    ││   >│                   ┗━━┛
    ├┘ ̄   │                   スケッチレイヤー
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    │... ... ...  │
    │:::::::::::::: │
    │''' ''' '''  │
    ├─── ´
    │
    │
──┴────────────────────



     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |     まずは「Pocket Brush」で描いた下絵を取り込みます
.   |      ___´__ノ
    |      ∩ ノ ⊃    右のレイヤーの上の (+) アイコンをタップすると
  /     ./ _ノ
  (.  \ / ./_ノ │
  \  “ /___|  |
.    \/ ___ /





84 : ◆cbTINI7NHw [] :2016/07/16(土) 21:42:54 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │
    ├─── 、
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    ├┐_   │
    ││   >│                  ___
    ├┘ ̄   │                    (+)
    ├┐_   │                   ̄
    ││   >│                   ┏━━┓
    ├┘ ̄   │                   ┃    ┃
    ├┐_   │                   ┃    ┃
    ││   >│                   ┗━━┛
    ├┘ ̄   │                   スケッチレイヤー
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    │... ... ...  │
    │:::::::::::::: │
──┴────────────────────
 レイヤーを追加
───────────────────────
 / 描画レイヤー
 □ 画像レイヤー ← ここをタップ!
───────────────────────



     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |     画面下部に選択肢が出るので
.   |      ___´__ノ
    |      ∩ ノ ⊃   「画像レイヤー」 を選びます
  /     ./ _ノ
  (.  \ / ./_ノ │
  \  “ /___|  |
.    \/ ___ /





85 : ◆cbTINI7NHw [] :2016/07/16(土) 21:43:14 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │
    ├─── 、
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    ├┐_   │                  ___
    ││   >│                    (+)
    ├┘ ̄   │                   ̄
    ├┐_   │                   ┏━━┓
    ││   >│                   ┃    ┃
──┴────────────────────
 <              画像
───────────────────────
 □ iPhoneから ← ここをタップ!
 □ 写真撮影

            ~以下略~
───────────────────────



     / ̄ ̄\
   /   「  \
   |    ( ●)(●    用意した下絵をカメラロールから選ぶと
   |        |  |     画面に取り込まれた画像が出てきます
.   |      ___´__ノ     http://i.imgur.com/va64iPU.jpg
    |      ∩ ノ ⊃
  /     ./ _ノ    画像はピンチインアウトで拡大縮小
  (.  \ / ./_ノ │   ピンチした状態で指を回すと角度調整
  \  “ /___|  |    ドラッグで移動ができます
.    \/ ___ /





86 : ◆cbTINI7NHw [] :2016/07/16(土) 21:43:36 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │               ┌────────── ここに下絵が入っていると思ってください
    ├─── 、       ↓
    ├┐_   │
    ││   >│
    ├┘ ̄   │                  ___
    ├┐_   │                    (+)
    ││   >│                   ̄
    ├┘ ̄   │                   ┏━━┓
    ├┐_   │                   ┃    ┃
    ││   >│                   ┃    ┃← 選択中のレイヤーは枠が太くなる
    ├┘ ̄   │                   ┗━━┛
    ├┐_   │                画像レイヤー
    ││   >│                   ┌──┐
    ├┘ ̄   │                   │    │
    ├┐_   │                   │    │
    ││   >│                   └──┘
    ├┘ ̄   │                   スケッチレイヤー
    │... ... ...  │
    │:::::::::::::: │
    │''' ''' '''  │
    ├─── ´
    │
    │
──┴────────────────────



     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |     気に入った配置にできたら上部バー右の「完了」で
.   |      ___´__ノ     描画画面に戻ると下絵が表示されます
    |      ∩ ノ ⊃
  /     ./ _ノ    選択中のレイヤーは枠が太くなってます
  (.  \ / ./_ノ │
  \  “ /___|  |
.    \/ ___ /





87 : ◆cbTINI7NHw [] :2016/07/16(土) 21:44:33 ID:76mxdy0k




    ├┐_   │                   ┏━━┓
    ││   >│                   ┃    ┃
    ├┘ ̄   │                / ┃    ┃← ここを長押しすると枠がちょっと大きくなる
    ├┐_   │              /   ┗━━┛
    ││   >│            |    画像レイヤー
    ├┘ ̄   │            |     ┌──┐
    ├┐_   │            |     │    │
    ││   >│            |     │    │
    ├┘ ̄   │            |     └──┘
    │... ... ...  │            |    スケッチレイヤー
    │:::::::::::::: │              \
    │''' ''' '''  │              \| ← ドラッグして移動
    ├─── ´                ̄






     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |     レイヤーアイコンを長押ししてほんのちょっと枠が大きくなったら
.   |      ___´__ノ     そのままドラッグすれば、レイヤーの順番を
    |      ∩ ノ ⊃    自由に入れ替えられます
  /     ./ _ノ
  (.  \ / ./_ノ │    画像レイヤーでもスケッチレイヤー(描画レイヤー)でも同じです
  \  “ /___|  |
.    \/ ___ /





88 : ◆cbTINI7NHw [] :2016/07/16(土) 21:45:06 ID:76mxdy0k




    ├┐_   │                   ┌──┐
    ││   >│                   │    │
    ├┘ ̄   │                   │    │
    ├┐_   │                   └──┘
    ││   >│                   スケッチレイヤー
    ├┘ ̄   │                   ┏━━┓
    ├┐_   │                   ┃    ┃
    ││   >│                   ┃    ┃ ← 入れ替えた画像レイヤーをタップ
    ├┘ ̄   │                   ┗━━┛
    │... ... ...  │                画像レイヤー
    │:::::::::::::: │




     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |
.   |      ___´__ノ    選択中のレイヤーをタップすると……
    |      ∩ ノ ⊃
  /     ./ _ノ
  (.  \ / ./_ノ │
  \  “ /___|  |
.    \/ ___ /





89 : ◆cbTINI7NHw [] :2016/07/16(土) 21:45:31 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │
    ├─── 、
    ├┐_   │
    ││   >│
    ├┘ ̄   │
    ├┐_   │                  ___
    ││   >│                    (+)
    ├┘ ̄   │                   ̄
    ├┐_   │                   ┏━━┓
──┴────────────────────
 <            画像レイヤー        <◎>
───────────────────────
 不透明度                      65%
 ━━━━━━━━━━━━○─────────  ← ここの○をドラッグで濃度調整
───────────────────────
 + 変形
 □ 複製
 □ 削除
───────────────────────



     / ̄ ̄\
   /   「  \
   |    ( ●)(●    こういう画面になるので
   |        |  |     下絵が濃過ぎた場合は、これで不透明度を下げるといいです
.   |      ___´__ノ
    |      ∩ ノ ⊃    下絵の配置をやり直したい場合は変形で再配置可能
  /     ./ _ノ
  (.  \ / ./_ノ │   <◎> はレイヤーの表示非表示切り替え
  \  “ /___|  |    これはレイヤーアイコンを直にダブルタップでも切り替えられます
.    \/ ___ /





90 : ◆cbTINI7NHw [] :2016/07/16(土) 21:45:58 ID:76mxdy0k



     / ̄ ̄\
   /   「  \
   |    ( ●)(●
   |        |  |     「画像レイヤー」と書いてあるところをタップすれば
.   |      ___´__ノ    レイヤーに名前がつけられるので
    |      ∩ ノ ⊃    わかりやすく「下絵」とでもつけておくといいです
  /     ./ _ノ
  (.  \ / ./_ノ │   俺はやってなかったけど……
  \  “ /___|  |
.    \/ ___ /




     / ̄ ̄\
   /   「  \.     ちなみに移動からここまでの操作は
   |    ( ●)(●    「スケッチレイヤー」でも全て同じです
   |        |  |
.   |      ___´__ノ     あと、下に他のレイヤーがある場合のみ
    |      ∩ ノ ⊃    「複製」と「削除」の間に
  /     ./ _ノ     「下のレイヤーと結合」という選択肢が追加されます
  (.  \ / ./_ノ │
  \  “ /___|  |    これに関しては明日説明します
.    \/ ___ /





91 : ◆cbTINI7NHw [] :2016/07/16(土) 21:46:19 ID:76mxdy0k




───────────────────────
 <                ⊃ ▲ 三 凸 ◎ /
──┬────────────────────
    │
    │               ┌────────── ここに下絵が入っていると思ってください
    ├─── 、       ↓
    ├┐_   │
    ││   >│
    ├┘ ̄   │                  ___
    ├┐_   │                    (+)
    ││   >│                   ̄
    ├┘ ̄   │                   ┌──┐
    ├┐_   │                   │    │
    ││   >│                   │    │
    ├┘ ̄   │                   └──┘
    ├┐_   │                   スケッチレイヤー
    ││   >│                   ┏━━┓
    ├┘ ̄   │                   ┃    ┃
    ├┐_   │                   ┃    ┃
    ││   >│                   ┗━━┛
    ├┘ ̄   │                画像レイヤー
    │... ... ...  │
    │:::::::::::::: │
    │''' ''' '''  │ ← ツールバー
    ├─── ´
    │
    │
──┴────────────────────



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)
        |       |  |     ようやく左のツールバーです
           |     __´___ノ
            |     `ー'´ } \    縦に5つ並んでるのがペン先で
          /ヽ        }.  \   一番下は消しゴム固定です
      /   ヽ、.,____ノ      )
     /        .   | _/
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





92 : ◆cbTINI7NHw [] :2016/07/16(土) 21:46:44 ID:76mxdy0k



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)     ペン先をロングタップすると
        |       |  |     ペンの種類の選択画面が出ます
           |     __´___ノ     面倒なんでAA略
            |     `ー'´ } \
          /ヽ        }.  \.  今回、輪郭線を引くのには「インクペン」
      /   ヽ、.,____ノ      ) 色塗りは「マーカーブラシ」を使いました
     /        .   | _/
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)




          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)
        |       |  |     エアブラシがないのがとっても不満
           |     __´___ノ
            |     `ー'´ } \
          /ヽ        }.  \.
      /   ヽ、.,____ノ      )
     /        .   | _/
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





93 : ◆cbTINI7NHw [] :2016/07/16(土) 21:47:11 ID:76mxdy0k



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)     ペンの種類をタップで選んだら
        |       |  |     自動的に元のツール画面に戻るので
           |     __´___ノ     今度はペン先をダブルタップしますと
            |     `ー'´ } \
          /ヽ        }.  \   ツールバーが
      /   ヽ、.,____ノ      ) ペン先の太さ、カラーの濃度、カラー選択になります
     /        .   | _/
    |         / ̄ ̄(_)   消しゴムは太さと濃度調整だけでカラー選択はありません
     \   \ /| JJJ (
      \  /   /⊂_)




          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)
        |       |  |     これも面倒なんでAA略
           | U.   __´___ノ
            |     `ー'´ } \   上からペン種
          /ヽ        }.  \  サイズ(太さ)
      /   ヽ、.,____ノ      ) 濃度
     /        .   | _/  カラーです
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





94 : ◆cbTINI7NHw [] :2016/07/16(土) 21:47:57 ID:76mxdy0k



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)
        |       |  |     サイズと濃度はそこを押した状態で
           |     __´___ノ     上下にドラッグすれば数値を増減できます
            |     `ー'´ } \
          /ヽ        }.  \  カラーはタップならカラーピッカー(色選択)へ
      /   ヽ、.,____ノ      ) 長押ししてからドラッグすれば
     /        .   | _/   スポイトになって画面上の色を拾えるので……
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)




          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)     何度も使いたい色は一度ピッカーで作ったら
        |       |  |     画面のはじっこの方にでも
           |     __´___ノ     濃度100%の太めのペン先でちょこっと塗って
            |     `ー'´ } \   パレットを作っておき
          /ヽ        }.  \
      /   ヽ、.,____ノ      ) スポイトで拾うようにすればあとあと楽です
     /        .   | _/
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





95 : ◆cbTINI7NHw [] :2016/07/16(土) 21:48:18 ID:76mxdy0k



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)
        |       |  |     ちなみに俺は作例の作業が終わるまで
           | U.   __´___ノ     スポイト化に気づかなかったんで
            |     `ー'´ } \    ピッカーの履歴から拾うという
          /ヽ        }.  \   とんでもなく回りくどいことをしてました……
      /   ヽ、.,____ノ      )
     /        .   | _/   実はアンドゥをリドゥにするのも気づかなかった……
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





96 : ◆cbTINI7NHw [] :2016/07/16(土) 21:48:57 ID:76mxdy0k




.    ┌─ 選択中のカラーはペンの根元のここにも表示されます
.    ↓
    ├┐     │
    ││== │
    ├┘     │
    ├┐_   │
    ││   >│
    ├┘ ̄   │



          (⊃ ̄ ̄\
        (⊃   「   \
       (⊃   ( ●)(●)     ペンは5本全部、同じ種類のペン先にも設定できます
        |       |  |
           |     __´___ノ.      今回は輪郭用のインクペンと塗り用のマーカーペンしか
            |     `ー'´ } \.   使わないので、1番上だけインクペンにして
          /ヽ        }.  \   残り全部マーカーペンにし
      /   ヽ、.,____ノ      ) ペンごとによく使う色を割り振っとくと効率的です
     /        .   | _/
    |         / ̄ ̄(_)
     \   \ /| JJJ (
      \  /   /⊂_)





97 : ◆cbTINI7NHw [] :2016/07/16(土) 21:49:39 ID:76mxdy0k



       / ̄ ̄\
    /  「  ヽ ( ;;;;(
    |  (●)(●) ) ;;;;)
    |     |   /;;/    これで今回使う機能の説明はほぼおしまいです
    |   ___´__ l;;´|
    |  /´ニト━・ !     清書作業に入る……前に
     ヽ l _ニソ   /
    __ /ヽ、_ノ  ノ__
  /  /  /      `ヽ.
  /´   ./      ,.  ヽ.
  ト、___./        |、  ヽ
   |         |/  /





       / ̄ ̄\
    /  「  ヽ ( ;;;;(
    |  (●)(●) ) ;;;;)
    |     |   /;;/    念のために「レイヤーとはなにか」をごく簡単に説明します
    |   ___´__ l;;´|
    |  /´ニト━・ !     ご存知の方は飛ばしてください
     ヽ l _ニソ   /
    __ /ヽ、_ノ  ノ__
  /  /  /      `ヽ.
  /´   ./      ,.  ヽ.
  ト、___./        |、  ヽ
   |         |/  /





98 : ◆cbTINI7NHw [] :2016/07/16(土) 21:50:22 ID:76mxdy0k



              / ̄ ̄\
         rヽ  / 「  へ \
         i !  |  (●)(●) |
      r;r‐r/ |   |    |    |   「レイヤー」 というのは階層構造、重ね合わせのことです
      〈_L (`ヽ .}  |.   __´___  ノ
     l` ( ``/ .  |   `ー'´  }    重ね着を「レイヤードルック」
     ヽ   l  .  ヽ       }.     段カットのヘアスタイルを「レイヤーカット」というのと同じで
      |,.   l   /⌒   ー‐  ィ ヽ




              / ̄ ̄\
         rヽ  / 「  へ \
         i !  |  (●)(●) |   ともかくなんかが重なってることです
      r;r‐r/ |   |    |    |
      〈_L (`ヽ .}  |.   __´___  ノ   で、画像ソフトの場合のレイヤーっていうのは
     l` ( ``/ .  |   `ー'´  }    1枚1枚が透明なフィルムや
     ヽ   l  .  ヽ       }.     アニメのセル画だと思えばいいです
      |,.   l   /⌒   ー‐  ィ ヽ





99 : ◆cbTINI7NHw [] :2016/07/16(土) 21:51:22 ID:76mxdy0k




    ┌───────┐
    │              │
    │  ┏━━━┓  │
    │  ┃      ┃  │
    │  ┃      ┃  │ ← 輪郭線
    │  ┃      ┃  │
    │  ┗━━━┛  │
    │              │
    └───────┘
    スケッチレイヤー 3

    ┌───────┐
    │              │
    │   . . . . . . . .    │
    │   . . . . . . . .    │
    │   . . . . . . . .    │ ← 明るい色
    │   . . . . . . . .    │
    │              │
    │              │
    └───────┘
    スケッチレイヤー 2

    ┌───────┐
    │ :::::::::::::::::::::::::::::::::: │
    │ :::::::::::::::::::::::::::::::::: │
    │ :::::::::::::::::::::::::::::::::: │
    │ :::::::::::::::::::::::::::::::::: │ ← 暗い色
    │ :::::::::::::::::::::::::::::::::: │
    │ :::::::::::::::::::::::::::::::::: │
    │ :::::::::::::::::::::::::::::::::: │
    └───────┘
    スケッチレイヤー 1





              / ̄ ̄\
         rヽ  / 「  へ \
         i !  |  (●)(●) |
      r;r‐r/ |   |    |    |   このように、透明なフィルム3枚を重ねて
      〈_L (`ヽ .}  |.   __´___  ノ   上から輪郭線、明るい色、暗い色を
     l` ( ``/ .  |   `ー'´  }    別々に描いたり塗ったりしていけば……
     ヽ   l  .  ヽ       }
      |,.   l   /⌒   ー‐  ィ ヽ





100 : ◆cbTINI7NHw [] :2016/07/16(土) 21:51:44 ID:76mxdy0k




    ┌───────┐
    │ :::::::::::::::::::::::::::::::::: │
    │:::::┏━━━┓:::: │
    │:::::┃. . . . . . ┃:::: │
    │:::::┃. . . . . . ┃:::: │
    │:::::┃. . . . . . ┃:::: │
    │:::::┗━━━┛:::: │
    │ :::::::::::::::::::::::::::::::::: │
    └───────┘
       実際の見た目




              / ̄ ̄\
         rヽ  / 「  へ \
         i !  |  (●)(●) |
      r;r‐r/ |   |    |    |   こんな感じの仕上がりになるわけです
      〈_L (`ヽ .}  |.   __´___  ノ
     l` ( ``/ .  |   `ー'´  }    これはどの画像ソフトでも基本いっしょなので
     ヽ   l  .  ヽ       }.     ぜひ覚えておきましょう
      |,.   l   /⌒   ー‐  ィ ヽ





101 : ◆cbTINI7NHw [] :2016/07/16(土) 21:52:04 ID:76mxdy0k



    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)
  |       _|  |       というわけで、今日はここまでです
  |    mj | ___ノ
  |    〈__ノー´}
  ヽ  ノ  /   /




    / ̄ ̄\
  /   「  \  ホジホジ
  |    ( ●)(●)
  |       _|  |       こっちのアプリも明日までにいじって
  |    mj | ___ノ       なんとなく機能に慣れておいてください
  |    〈__ノー´}
  ヽ  ノ  /   /





102 : ◆cbTINI7NHw [] :2016/07/16(土) 21:52:31 ID:76mxdy0k



   / ̄ ̄\
  / 「  へ \
  |  (●)(●) |
.  |    |   |
.  |    __´___  |   、、   明日は清書して最終回です
  |   `ー'´  }l⌒l ノノ
.  ヽ       .}`'''|  \    ではまた明日の晩同じくらいの時間に
   ヽ     ノ ./     \
   /    く/ /      \
   |     \ \        \
    |    |ヽ、二⌒)、      \



104 :名前なんて無いだろ常識的に考えて [↓] :2016/07/16(土) 23:01:43 ID:uG4OgGK2

乙です
まず素の絵を練習しなきゃいけないってわかった
>>1の絵が上手くて参考にならないw


105 :名前なんて無いだろ常識的に考えて [↓] :2016/07/16(土) 23:36:33 ID:VwAQCHxk

ibispaintとかやらないの?


106 :名前なんて無いだろ常識的に考えて [↓] :2016/07/17(日) 00:13:41 ID:mDpM/VN6

普通に指でこのレベル!?ってなった

明日買ってきてちょっと書いてみようかなと思います
乙でしたー


107 : ◆cbTINI7NHw [] :2016/07/17(日) 21:30:35 ID:EUsluR7Q



      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |
    |     |     |    休みなのになんかあんまり眠ってなくて頭が痛いです
    |   __´_  |
    |   `ー'´  |    こんばんは
    ヽ       |
     ヽ     ノ     今日で最終回です
      /    く
      |     |




      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |    >>104
    |     |     |    素の絵の練習にもスマホはいいと思いますよ
    |   __´_  |    どこでも描いてすぐ消して描きなおせますし
    |   `ー'´  |
    ヽ       |     「Pocket Brush」のようなシンプルなアプリで
     ヽ     ノ     いろいろ描きちらすといいと思います
      /    く
      |     |





108 : ◆cbTINI7NHw [] :2016/07/17(日) 21:31:07 ID:EUsluR7Q



      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |     一昨日の補講で言ったように
    |     |     |     最初は単純なものでもいいんです
    |   __´_  |
    |   `ー'´  |    かーくんとか水滴とかQBとかやる夫とか
    ヽ       |
     ヽ     ノ     あと無理に全画面使って描く必要もありません
      /    く
      |     |




      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |    ちょこちょこ描いては消し描いては消しし
    |     |     |
    |   __´_  |    ちょっとでもいいなと思ったら大事に保存しておきましょう
    |   `ー'´  |    パソコンに移せば容量なんて∞みたいなもんです
    ヽ       |
     ヽ     ノ     俺のかーくんや水滴みたいに思い出になりますし
      /    く
      |     |





109 : ◆cbTINI7NHw [] :2016/07/17(日) 21:31:30 ID:EUsluR7Q



      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |    >>105
    |     |     |    ibisPaint、実は一昨日の晩くらいに
    |   __´_  |    このスレあらかた書き終わったあと見つけて入れてました
    |   `ー'´  |
    ヽ       |     本格的なイラスト描くのには
     ヽ     ノ     これが一番高機能でよさそうですね
      /    く
      |     |




      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |
    |     |   u. |    でも絵もスレも「Adobe PS Sketch」で最後まで描いちゃったのと
    |   __´_  |    俺がまだ使い方把握してないので今回は触れません
    |   `ー'´  |
    ヽ       |
     ヽ     ノ     正直俺にはちょっとオーバースペックな気もしますし……
      /    く
      |     |





110 : ◆cbTINI7NHw [] :2016/07/17(日) 21:31:58 ID:EUsluR7Q



      / ̄ ̄\
    /  「  ヽ \
    |  (●) (●) |    >>106
    |     |     |    うまく描けてもそうでなくても楽しいので
    |   __´_  |    是非やってみてください!
    |   `ー'´  |    デバイスに慣れさえすればなんとなく形を取れるようになります
    ヽ       |
     ヽ     ノ     ちな俺の場合、ミクもどきの下絵まで
      /    く      「Pocket Brush」に触れてから約2日です
      |     |








      / ̄ ̄\
    / 「  へ \
    |  (●)(●) |
.    |    |   |     では始めます
     |   __´___  ノ
     |   `ー'´  }      今日は図解AAほとんどなしでほぼ作例の画像で進めます
     ヽ       }
      ヽ     ノ        \
      /    く  \        \
      |     \   \         \
       |    |ヽ、二⌒)、          \


.
関連記事

カテゴリ:[完結]できない夫がiPhoneで絵を描いてみるようです 【全4回】 /  コメント(0トラックバック(0

コメントの投稿

コメントの投稿
装飾
非公開コメント


トラックバック

トラックバックURL


プロフィール

Spiky9

Author:Spiky9

  • 隣のAAについて
  • 検索フォーム

    全記事表示リンク

    メールフォーム

    名前:
    メール:
    件名:
    本文:

    インフォ


    2013/08/13「【SF小公女】できない子はきらきら星を掴むようです」完結-お疲れさまでした。ここにお礼申し上げます

    2013/07/26「【学ぶ系】ギャル夫は歎異抄の師訓篇を読むようです【仏教】」完結-お疲れさまでした。ここにお礼申し上げます

    2013/07/24「人食い鬼キル夫の手記」完結-お疲れさまでした。ここにお礼申し上げます

    2013/07/14「人食い鬼キル夫の手記」纏め開始

    2013/07/11「【学ぶ系】ギャル夫は歎異抄の師訓篇を読むようです【仏教】」纏め開始

    2013/07/11「魔王やる実」纏め開始

    2013/05/22「【SF小公女】できない子はきらきら星を掴むようです」纏め開始

    2013/05/20「キル夫は剣豪と呼ばれているようです」完結-お疲れさまでした。ここにお礼申し上げます

    2013/05/18「キル夫は剣豪と呼ばれているようです」纏め開始

    2013/05/11「ぐだぐだのりゅうねんせい」纏め開始

    2013/05/08「【ジルオール】できる夫のバイアシオン大陸珍道中」纏め開始

    2013/05/02「やらない子は異星人同士の争いに巻き込まれるようです」完結-お疲れさまでした。ここにお礼申し上げます

    2013/05/01「やらない子は異星人同士の争いに巻き込まれるようです」纏め開始

    2013/05/01「恋する嘘つき」纏め開始

    2013/4/27「蒼星夫はドイツ・ワイマール共和制最後の首相」完結-お疲れさまでした。ここにお礼申し上げます

    2013/04/25「できない子は相談にのりたいお年頃」完結-お疲れさまでした。ここにお礼申し上げます

    2013/4/13「このお話はフィクションです」纏め開始

    2013/04/01「できる子とお姉さまとアッカリーンとお義姉ちゃん」完結-お疲れさまでした。ここにお礼申し上げます

    2013/3/20「蒼星夫はドイツ・ワイマール共和制最後の首相」纏め開始

    2013/1/11「できない子は相談にのりたいお年頃」纏め開始

    2013/1/6「やんねえ香はこわい?お姉ちゃんのようです」纏め開始

    カテゴリ

    最新記事

    最新コメント

    リンク

    このブログをリンクに追加する


    ▲このページのトップへ