CCを基礎から学べる「スマートフォン時代のWebデザインスクール」を渋谷で開講します2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。XDについて基礎からしっかり学ぶことができます。XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。使ったことない方向け)です。初回体験レッスンは1,000円でご参加いただけます。XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。多くのWebデザイナーが待ち望んだであろうiPad版のPhotoshopがリリースされました。9.7インチモデルでさっそく使用してみたのですが、なかなか驚きの完成度だったのでどのようなアプリか紹介したいと思います。写真補正から一眼レフカメラで取り込んだ写真を現像しようとRAWデータを開こうとしても、Photoshopアプリでは開くことができません。先にLightroomアプリで現像しJPEG形式で書き出す必要があります。続いてPhotoshopアプリで明るさやコントラストの強さを微調整しようとトーンカーブ補正を探したのですが[調整レイヤー]一覧の中にありませんでした。何かの間違いではないかと思って調べたのですが、トーンカーブは現在未実装とのことです。写真のマスク写真のマスクはPhotoshopの基本的な機能のひとつです。写真をマスクするとき、レイヤーマスク(ブラシツール等によるマスク)は可能です。ペンツールでパスを描いてベクトルマスクしようと思った時、そもそもペンツールがないことに気づきました。ペンツールがないと何が不便かというと、立方体や角張ったものをマスクしようとしても難しいのです。トリミングについて複雑なマスクは無理でも、トリミング、つまり長方形に切り抜きぐらいはできるだろうと切り抜きツールを使ってみたのですが、縦横の比率の固定や解像度の指定すらできませんでした。率直に言うと、写真編集には向かないと思います。Webデザイン制作に使えるかたとえば「長方形などの基本図形を組み合わせて簡単なアイコンぐらいなら作れるかな」と考えていたのですが、そもそも長方形ツール・角丸長方形ツール・楕円形ツールなどが見当たりません。従ってアイコンを作るのは難しいです。続いて、出先でデザインカンプのPSDを開いて編集できるということに期待している方が多いと思いますので、昔制作したデザインカンプのPSDを開いてみました。[レイヤー]パネルを見るとレイヤー構造はきちんと見ることができました。ほとんどのレイヤーは編集することができませんでした。右下の[効果]の部分にレイヤースタイルの内容が英語で表示されているシェイプレイヤーをタップやダブルタップしても編集することはできませんし、塗りつぶしレイヤーの色を変更したりすることもできませんし、スマートオブジェクトを編集することもできません。レイヤースタイルの編集もできません。できることといえば、テキストレイヤーのテキスト内容を変更したり、調整レイヤーのレベル補正や色相・彩度を調整することくらいでした。Fontsに入っているフォントだけを使用している方でないと使いづらいかとは思います。アートポート機能を使用したPSDを開くと[アートボードにまだ対応していません]という警告が表示されます。移動ツールではバウンディングボックスが表示されないので、レイヤーパネルを見ていないと今どのレイヤーを選択しているか確認できませんし、青いガイド線も表示されませんでした。8bitしか選択できずCMYKは選択できないため、印刷物の制作に使用するのは難しいのではないかと思います。iPad版Photoshopはどういう用途に使えるのかiPad版Photoshopはどういう用途に使えるかしばらく考えてみましたが、「出先でPSDのレイヤー構造を確認したい時に使えなくはないかな」というくらいしか思い浮かびませんでした。率直に言うと驚きの未完成度であり、この状態でリリースするのは無理があったと思います。将来的に機能追加されれば簡単な写真補正やデザインのちょっとした修正くらいには使えるようになるかもしれないとは思いますが、当面の間は厳しそうです。PC版と遜色ないかのような記述があり、その記事がいろいろなところに掲載されているため、「PhotoshopだけのためにiPadを購入してがっかりする人が出てはいけない」と思ったためです。iPad版Photoshopに対する誤解ただ、SNSを見てると間違った情報をもとに批判している方もいて、それについても訂正したいと思っています。Pencilで絵を描こうとすると、パームリジェクション機能がないので手の甲が画面の右下に当たって余計な線が描かれてしまう」といったものです。Pencilの入力しか受け付けなくなるため手の甲が当たって余計な線が引かれてしまうということはないと思います。Pencilがない時には線が描けなくなってしまいますのでご注意ください。「PC版と画面が違うのが許せない」という意見も結構ありましたが、私はこれは仕方がないと思います。PC版と全く同じ画面だった場合、最初はとっつきやすいかもしれませんが、テキストメニューの展開や各パネルの右上の小さな[≡]メニューを開いたりなど指ではやりづらい操作が多く、使えば使うほど効率が悪いと感じるようになると思います。iPad版Photoshopは、たとえば「レイヤーパネルをピンチインすると小さく表示することができる」といった独自の工夫もされています。いうWebアプリがあります。あと、価格に対する誤解も多いです。iPad版のPhotoshopは無料ではなく毎月1080円ずつ払い続ける必要があるサブスクリプションアプリです。CCコンプリートプランまたはフォトプランに入っている方は追加料金なしで使用することができます。画面左下にある半透明の白い円形のUIについて「画面の左下にある白い半透明のUIが何なのかわからない」という投稿も結構見ましたが、これは[shift]キーや[option][Alt]キーの代わりになるものです。Pencilで図形を移動すると[shift]キーのように垂直または水平に制限されます。Pencilで図形をドラッグすると[option][Alt]を押した時のように図形が複製されます。前の手順に戻りたい時は、二本指で画面をタップすると戻ることができます。設定画面で[ジェスチャーを表示]をタップすると、このようなジェスチャー操作の一覧が表示されます。iPad版Photoshopは進化するのか?ネガティブに考えれば、これまでAdobeはiPad用のアプリをたくさんリリースしてきたものの、そのほとんどはまともにアップデートされないまま放置されています。配布終了したアプリも複数あります。iPad版Photoshopも「鳴り物入りで登場したもののまともにアップデートされず、使い物にならないまま忘れられていく」という可能性はあると思っています。ポジティブに考えれば、これは「PhotoshopやIllustratorを1から作り直すための土台なのかもしれない」と考えています。Photoshopの設計は非常に古く、パフォーマンスも大変悪いです。Proを買えばPhotoshopがサクサク動くようになるのでは」と期待される方が多いかと思いますが、残念ながら4コアのMacと比べてほとんどパフォーマンスは向上しません。CCはマルチコアCPUをうまく活用できていないためです。Macのトラックパッドを使用してピンチアウトでカンバスを拡大した場合、カクカクしながら拡大縮小する上に、マウスカーソルがカンバスのどの位置にあっても画面の中央から拡大されるなど、設計の古さを感じます。iPad版Photoshopは少なくともピンチアウトやピンチインによる拡大縮小は滑らかにできており、パフォーマンスは悪くないように見えます。Photoshopを1から作り直す気があるのであれば、こちらをベースに作り直した方が良さそうな予感がしています。まとめiPad版Photoshopは残念ながら現時点ではPSDビューア以外の使い道はないのではないかと思います。少なくとも「これがあるからMacやWindowsなしでも仕事できるようになる」とは全く思いません。誤解していただきたくないのですが、私は「iPadはあと一歩でWeb制作の仕事で使えるようになる」と思っています。iPadOSになってからは実用性を重視した変更が数多く行われており、たとえばiPadOS版のSafariではFigmaがほぼ問題なく動作しますし、Bluetoothマウスも利用できます。DesignerのiPad版はMac版やWindows版とファイルの互換性もあり、RAW現像、ペンツール、青いガイド線、カラーモードCMYKといったPC版とほぼ同じ機能が利用できるようになっています。価格も2440円(毎月ではなく買い切り、1度だけの支払い)と機能の割に安いです。Tokyoは試しにiPadをミニ三脚にマウントして物理キーボードなしで参加してみた。結果、全く困ることがなかった。Proを持ち歩かずiPad+ミニ三脚+三脚にiPadをマウントするアダプターだけで参加しています。iPadOSではキーボードを小さく表示することもできるようになったので、外部キーボードすら持ち歩いていません。Proを持ち歩かなくなる日はそう遠くないと思っています。スマートフォン時代のWebデザインスクールを渋谷で開講します2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。使ったことない方向け)です。初回体験レッスンは1,000円でご参加いただけます。XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。WordPressPCのメールアドレス:Twitterでは、Web制作に関する最新情報をツイートしています。PhotoshopAboutフリーランスのWebデザイナーです。東京の下北沢で、うさぎと一緒に暮らしています。渋谷で「スマートフォン時代のWebデザインスクール」の講師をしています。「スマートフォン時代のWebデザインスクール」を東京・渋谷で平日夜に開催します「スマートフォン時代のWebデザインスクール」は、2020年2月から平日夜開催!初回体験レッスンも開催します。XDをはじめ、新しいWeb技術やデザインワークフロー、新しい端末などに対応するため、授業内容はリニューアルし新しい内容となっております。2020年2月に「WordPressカスタマイズ講座」を開きます以下の方を対象として「WordPressカスタマイズ講座」を開きます。・WordPressプラグインの使い方を知りたい方Photoshopの「覆い焼き」や「なげなわ」って何?という話Photoshopを初めて使う方にとって、効果がわかりにくいツールはたくさんあると思います。...2020年1月の、これだけは押さえておきたいWeb関連の動き「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。AppはAndroidのホーム画面にあるGoogle検索フォームのことである」と解説している記事が多いですが、どうも数が合わないと思って調べた結果、別の結論に至ったのでこの記事にまとめています。Edgeの正式版がリリースされました。いえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。...「Webデザイナーはコーディングできるべきか」という議論に対する私の考え過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。「Web制作に役立つIllustrator入門講座」という無料講座を開催しますIllustratorを使用したことがない方やWeb制作は未経験の方に向けて、Web制作でIllustratorをどのように使うのか、Photoshopとどのように使い分けたらよいかという話からGoogleのマテリアルデザインと呼ばれるデザイン手法の話、マテリアルデザインに基づいたアイコン制作をIllustratorで行う実習などを行います。フィルムカメラで撮影した写真を自分で現像・プリントしてみたフィルムで撮影した新宿の写真を自分で現像・紙焼きしたところ、数十年前に撮影した写真のような不思議な雰囲気になりました。