「minuscule(=mini skill)」カテゴリーアーカイブ

Webに関する技術情報。
HTML、CSS、JavaScript、jQuery、Illustrator、Photoshop、Fireworks、Flash、などのソフトの話から、作業環境、手法、実践的な作業方法など。

Photoshop CC 2015 でカンバスカラーが透明にならない!?

いよいよ、Adobe Creative Cloud が2015にバージョンアップです!!

「すべてをアップグレード」ってやってしまうと、CC2014が削除されちゃう~!!とかいろいろ注意点があるようなので、慎重にアップグレードしましょう。

私の場合、あまりバージョンアップに対する懸念が少ない分野ですので、えい!や!っとCC2015にやってしまいました。保険でノートのほうはCC2014のままで。。。。(ま、時間の問題)

さて、で、Photoshopで早速、作業しているわけですが、ま、左程影響はありません。Photoshop自体、バージョンまたいでもそこそこ作業出来るという性質だからかもしれません。

ただし、新規作成したときに、カンバスが透明じゃない(透明を選択できない)のが、一番の衝撃でした。なんじゃこりゃ。

ps-img01

もちろん、Web素材を(ちょっとしたバナーとかを)作るので、「ドキュメントの種類」を「Web」にしたわけで。。。。「カンバス」を「透明」にするとか選択する項目がないわけで。。。。。おかしいなぁと思いつつ強行すると、こうなる。

ps-img02

レイヤーが白いんです。いろいろ試しましたが、これは白ではなく、いちおう透明らしい。。。
しかも、「アートボード」とか、なんすか?イラレっすか?トンボ要りますか?塗り足しますか?みたいな。

要するに「ドキュメントの種類」で「Web」を選択した場合、『Web用の素材』を作るのではなく、『Webページのカンプ』を作成する方向が基本となる、と思われます。

この先お世話になると思いますが、今のところはとりあえず、バナーパーツだけ作りたいわけで(苦笑

なので、こうあって欲しいわけです。

ps-img03

カンバスが透明だよ~。と解りやすくね。

ドロップシャドウが見えづらかったら、こっちで白レイヤーを入れて表示確認するから、基本カンバスは透明でお願いします!

で、どうするか。

つまり、「アートボード」っつー扱いを今のところオフりたいわけですね。いろいろやってみて、見つけました~。

ps-img04

レイヤーパネルで、「アートボード」っというレイヤー(?)を右クリックすると「アートボードをグループ解除」という項目があるので、これを選択します。

そうすると。。。

ps-img05

はい!なりました~。これっすね~。これで、無事バナーパーツが作れます~。^_^b

と、長々と説明しましたが、、、、、

が、しかし、こういう面倒くさい遠回りはしないようにしましょう。

新規作成する場合に「ドキュメントの種類」を「Web」、「モバイルアプリデザイン」、「アートボード」を選択すると、こういう状況になります。
それ以外だと、これまでの新規作成画面で「カンバスカラー」を選べます。

ps-img06

ただ、今回の件で思ったのですが、カンバスが透明かどうかって、要は慣れかなぁと思ってきました。(たった今だけど。。。。汗)

だって、Photoshopのレイヤーは基本的に透明って決まっているわけで、意図して塗らない限りは、永久に透明。

しかも、レイヤーパネルでパーツ化したいレイヤーを右クリックして「PNGクイック書き出し」出来るし。

ps-img07

そういうわけで、ちょっとバタバタしたけど、思ったほど問題なかったかな~。という感じです。

それよりもドキュメントの種類「Web」にすることで、出てきちゃう「アートボード」の効能のほうが、このご時世、メリット高そうだなぁと。。。。

そっちのほう、上手く使えるように研究していきたいなぁと思います。

 

Photoshpのバウンディングボックスについて。

久々の記事w

Photoshpでバウンディングボックスを表示させるショートカットキーは「Ctrl+T」です。Macは「Cmmand+T」ですね。(以後、Macの方はCtrl→Cmmandで読み替えてください。)

ps-boundingbox

Illutstratorではバウンディングボックス(以下、バボ)をしょっちゅー使うので、バボの表示/非表示は、ショートカットキーが「Ctrl+Shift+B」って覚えていたのですが、Photoshopのショートカットキーは怠けて覚えていませんでした。

で、ちょっと気が向いたので(汗)調べました。

Photoshopの場合、「移動ツール」に持ち帰るとツールオプションバーに「バウンディングボックスを表示」のチェックが出てきます。

まぁ、これをチェックしたり外したりすればいいんですが、Photoshopの場合、基本的にバボは表示させません(私個人の作業の傾向では、という意味で)。

バボが必要なケースは、拡大、縮小、回転、、、、と、いわゆる変形する場合です。

なので、その時に、ツール持ち替えて、チェック入れて、作業して・・・とやっていたのですが、やっぱりちょっと効率悪い。やっぱりショートカットキーがいいな。というわけです。

それで、ショートカットキーを調べたら、「Ctrl+T」なわけです。

ただし、Illustratorとちょっと操作のニュアンスが違います。

Illustratorの場合は、ベクトル画像という性質上、バボを出したり、出さなかったりをいつでもやってよいので、「Ctrl+Shift+B」でバボ出して、もう一回「Ctrl+Shift+B」で非表示になります。

Photoshopの場合は、バボを出す→「変形する(編集→変形コマンドと同じ)」という操作になりますから、「Ctrl+T」で「変形」の編集モードに入ります。つまり、その後でいくら「Ctrl+T」しても「変形」の編集モードからは抜けません。戻の世界に戻って来られないのです。

「変形」の編集モードになると、ツールオプションバーの右端に「× ○」が表示されて、「キャンセル」or「確定」しないと元の世界には戻れないんですね。Photoshopの性質上、いったんビットマップ(として見せるため)に絵をレイヤーに落とさないといけないわけで。。。。

そんなこんなで、上記をまとめて、Photoshopのバボ操作のお勧めな流れは、以下の通り。

  1. 基本として、「移動ツール」時のツールオプションバーの「バウンディングボックスを表示」のチェックは外す。
  2. バボが欲しいな(→変形したいな)という時は、「Ctrl+T」。
  3. 変形して確定したい場合は「Enter(○)」。やっぱやめた!って時は「Esc(×)」。

で、作業の続き。。。となります。

どうでしょう?

そういわけで、Photoshopのバボのショートカットキーは、変形(Transform)モードに入るよ!という意味で、「Ctrl+T」なんだと思います。たぶん。。。(汗

サイトリニューアル経過報告#1

そろそろお正月気分も終わりにして、仕事モードに切り替える時期かと思いますが、フリーランスの私は意外とずーっとふだんモードで過ごしております。
若干飲み過ごした日もございましたが、基本PCに向かっています。

さて自社サイトをリニューアル作業中ですが、WordPressの仕込みをそこそこに、いろいろとjQuery周りのギミックにはまり込んでおります(汗
このままだとリニューアル完成はいつになるやら・・・

今回のリニューアルでは、できるだけ使いやすいものにしたいと考えているんです。もちろんPCでもスマホでも。
残念ながらガラケーは対象外です。すんません。でも、基本マークアップはキッチリやるのがうちの方針なので、最低限の文字情報はさらえるようになるはずです。

それで、今、目指している使いやすいサイトというのは、うーんそうですね~、例えて言うと、「マイノリティ・リポート」とか「マトリックスのザイオン管制室」みたいな感じです。
今、見ている、読んでいる情報に関連した情報(もしくは、そのナビゲーション)をすぐ引き出せたり、ひっこめたりって感じです。
それっぽいことをなんとかjQueryでやりたいわけです。(もちろんやれる範囲で。)

最近、とあるブログサイトをスマホで読んでいて、気になった動きがあるんですよね。

スマホの画面を横にフリック(画面を指でサラッとなぜること)すると前後の記事にジャンプするんです。一見便利な気がしますが、実際ひとつの記事を下に読み進めていくと意外と使いづらいことがわかります。

下に読み進める場合、上にフリックするわけですが、人間のスマホ操作って思ったほど正確に上下左右にフリックするわけじゃないですよね。そこは人間の性といいますが、人間なら当たり前というか。

なので、記事を読み進めるために上にフリックすると前後のページにジャンプしてしまって、全然読み進められないんです。結局最後まで読めなかったです。面白い記事だったので、残念です。

これはたぶんjQuery Mobile の標準動作なのかな?と推察していますが、判定が甘い(ある意味厳しい)・・・というか、遊びがないというか。
クルマで言えば、ブレーキペダルに足のっけただけで急ブレーキかかったみたいな感じですかね~。
え?なに?制作側で、そこまでカスタマイズしないとダメっすか?みたいな。。。

えーっと、そういうことではなくてですね。つまり、いろんな機能(ギミック)を入れて提供するのはいいのですが、実際に自分で使ってみて、使いづらいなぁ。というものにはしたくないと考えているわけです。

いろいろと言い訳してみましたが、絶賛リニューアル作業中です。まだまだかかりそうです。
でも、記事のネタ作りにはちょうどいいです。

WordPressです。

サイトのリニューアル中です。

これまで、オーソドックスなWebクリエイターのステップ通りに、HTML/CSS~Dreamweaver~Dwテンプレートとやってきました。

Dwテンプレートが小慣れてくると、問題点が浮かび上がってきます。それは、Dwテンプレートで効率よくサイトを構築することと、サイトを効率よく運営することは別物だということです。

これは、Dwテンプレートが問題なのではなく、サイトの効率的な運用の重要性に重点を置くようになった自分自身の変化によるものです。

つまり、テンプレートで効率よく構築することとサイト運営がつながればひとまずこの問題点は打開できるわけです。そういうわけで、やっぱりCMSを導入しないといけないよね。という結論に至りました。

いやいや、だいぶ前にすでに、結論には至っていて、実際にいくつかクライアント様には導入しておりましたが、そこがやっぱり『紺屋の白袴』というわけです。

それで、CMSとひと言で言いますが、Contents Management System の略です。簡単に言うと、記事をひとつ投稿すればサイト全体のリンクやメニューが自動更新される、ぶっちゃけブログの仕組み。それを汎用化させたもの、です。

それで、その種類たるやものすごい数なわけですね。そこから何をチョイスするかは、本当に難しい。それぞれ目的やターゲットがあり、それぞれに特徴があります。実際やってみなけりゃ分からないものばかりです。

MTは実績あるのですが、先日MTOS廃止をはじめ、諸事の理由からWordPress を選択しました。

数か月前の騒動が気になるところですが、いちおうあちこと情報をさらって、パーミッションのチェックしつつ、そこそこのセキュリティプラグインを入れてみたので、そこそこ大丈夫かな~と思います。

まぁ、今のところは、やられたら作り直してもいい情報量なので、適宜バックアップとって行きたいと思います。

で、本日は、インストールと簡単な環境設定と、記事をいくつか入れてみました。という感じです。これは、2014年の標準テーマ(テンプレート or ひな形)らしいです。

ちなみに、WordPressは、3.8です。

このままだとWeb屋らしくないので、オリジナルのものに変更していきます。乞うご期待!

ベースデザインは出来上がってます。はめ込むだけ~。でもそれがいちばん時間かかったりするわけですが。