Webデザインの知恵袋

Webデザイン周りについての気付きやメモを綴ります。

Photoshopで後から背景サイズを変更したいとき

新規で作成したアートボードが理想の大きさピッタリになることは中々ありません。

 

では作成したアートボードが思ったより大きかったので高さ(または幅)を小さくしたいとき、どうすればいいのでしょうか?

 

まずは「切り抜きツール」を選択します。(ショートカットキー「c」

 

つづいて枠線上のツマミを任意の高さ(幅)まで調整します。

 

たったこれだけ。

 

f:id:webpouch:20180401175158p:plain

 

まったく難しくないのでぜひやってみてください。

 

それではまた!

 

Photoshopのズームツールを自由自在に使いこなすテクニック

Photoshopで多用するズームツール。これをもっと使いこなせたらいいのに!

 

そんな悩みをもつあなたへズームツールの使いこなしテクを紹介します。

 

***

▼ショートカットキー「z」でズームツール選択

f:id:webpouch:20180401144125p:plain

 

▼ズームツール選択時、「alt」を押すと拡大⇔縮小を選べる

 

▼ズームツールをダブルクリック or ショートカットキー「Ctrl」+「1」で100%等倍表示へ

f:id:webpouch:20180401144649p:plain

 

▼手のひらツールをダブルクリックで全画面ぴったり表示へ

f:id:webpouch:20180401144509p:plain

 

▼「alt」を押しながらマウスホイールで自由に拡大⇔縮小

 

***

 

とりあえずこれだけ覚えておけば、ズームツールは自由自在に使いこなせるようになります。

 

ぜひお試しあれ!

「入力された姓(ラストネーム)は有効ではありません。」とフォームで表示されたときの解決策

海外のサイトで会員登録や購入をしようとすると、

「入力された姓(ラストネーム)は有効ではありません。」というアラートが出ることがあります。

 

え?なにか間違えてた?と思って見返してみても名前に間違いはない。

 

いろいろ検索して探してみた結果、名前の間にスペースが入っていないことが原因のようでした。

全角スペースをいれたら問題なく登録できましたよ。山田太郎だったら「山田 太郎」という具合に。

 

そもそもなぜスペースが必要なのか?については正直よく分かりません。

 

日本語入力がエラーの原因になる可能性も?

あと海外サイトで日本語化未対応であれば、フォームが日本語の入力を想定していないこともあるでしょう。

 

その場合は日本語入力そのものがエラーの原因になってる可能性もあるので、ローマ字で入力してみてください。

 

 

参考にしたサイト:

 

ppenlog.hatenablog.jp

www.redpeppers.jp

 

Photoshopの定規で狙った位置にぴったり収まらないときの解決策

Webデザインをするときに欠かせないのが定規ツール。頻繁につかう機会がある一方で、時々「あれ?合わない」と感じるときがあります。

 

たとえば以下のようなシーン。

 

f:id:webpouch:20180305104648p:plain

 

なぜだか大雑把にしか定規が動かなくて、選択範囲の下部にぴったり定規を合わせたいのに合わないときがあります。

 

この解決策は至ってシンプルで、キーボードの「Shift」キーを押さずに定規ツールを使う。これだけです。

 

そもそも定規ツールを使うときに「Shift」キーを押すと、定規の目盛りに合わせてガイドを作成できるので便利です。

f:id:webpouch:20180305105225p:plain

 

しかし毎度毎度「Shift」キーを押しながら定規ツールを使っていると、今回のように細かい微調整が必要なシーンで「あれ?合わない」ということが起きてしまいます。

 

なので臨機応変に。基本は「Shift」キーを押しながら使い、合わないなと思ったら「Shift」押さずに定規ツールを使う。これだけ覚えておきましょう。

 

Photoshopで背景を広げる方法【カンバスサイズの変更】

Photoshopで作業をしていると背景の枠が足りなくなるときがあります。たとえば以下のような事例。

 

f:id:webpouch:20180301082052p:plain

 

バナー制作のときに下にもう一つ同じようなバナーを作りたいと思った時。

もともとの背景がバナー1個分の大きさしかないので背景が足りません。

 

こういうときは「カンバスサイズの変更」を行って背景部分を広げることができます。

 

まずは「イメージ」→「カンバスサイズ」からダイアログボックスを表示させてください。

すると以下のような画面が表れます。

f:id:webpouch:20180301082451p:plain

 

どうせ後で切り抜きをするので思い切って大きめのサイズにしておくのがいいです。

またWeb用の画像の場合はファイルサイズが「pixel」になっている点に注意しましょう。

 

今回は高さを170px→1000pxに変更しました。OKボタンを押しましょう。

f:id:webpouch:20180301082541p:plain

 

すると背景が広がったのが分かります。

f:id:webpouch:20180301082613p:plain

 

とても簡単なのでぜひ試してみてください。