Webデザインの知恵袋

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

Photoshopでレイヤースタイルをコピー(複製)する方法

文字にかっこいいドロップシャドウをつけた時、別の文字にも同じレイヤースタイルを適用させたいときがありませんか? そんなときはレイヤースタイルをコピーしましょう! ・コピーしたいレイヤースタイル上で右クリック ・「レイヤースタイルをコピー」を選…

Photoshopで文字間隔を調整(カーニング)するときのショートカットキー

調整パネルではV/Aの項目で文字間隔を調整することができます。 でもショートカットキーを使えばもっと手軽に一発で微調整できます。 「alt」+「←」・・・文字間隔を詰める 「alt」+「→」・・・文字間隔を広げる これだけです。 ぜひ試してみてください。

Photoshopで多用する『自由変形』のショートカットは「Ctrl」+「T」です

自由変形はめっっっっちゃ使うのでショートカットキー覚えましょう。 いちいち「編集」→「自由変形」なんてやってたら時間のムダです。 ・画像をすべて選択する(Ctrl + A) ・自由変形を選択する(Ctrl + T) この2ステップを踏まないと自由変形にならない…

wordpressの新エディターをHTML編集モードに戻す方法

Wordpressの最新バージョンに更新したらエディターがガラリと変わってしまいました。 「ブロック」なる要素が追加され、従来のテキストモードに慣れた僕にとってはひじょ~に使いづらいものに。 ビジュアルエディターしか使えないのか!?と戸惑いましたがい…

Photoshopで参考画像をトレースしていて「なんかサイズ合わないな」と思ったとき

参考になる画像、バナーを元にトレースすることはよくあると思いますが、その際に枠線の太さや位置がなんか合わない…ということがあります。 その原因は... 単位がpixelに統一されていないからです。 Web系のクリエイティブや素材を作成するときは基本的にpi…

Photoshopでバナー画像に枠線を一発で入れる(レイヤースタイル以外の方法)

レイヤースタイルを使って枠線を入れる方法もありますが、ここではもっとカンタンな方法を紹介します。 1、新規レイヤーを作成し、レイヤー名を「枠線」などに変更 2、選択ツールで全体を選択(Ctrl + A) 3、右クリックして「境界線を描く」 4、ダイヤログ…

Excelを保存するとき重くなる原因は?悪さしてるシートを発見する方法

Excelを保存しようとしたらなぜか毎回毎回時間がかかるようになりました。 フリーズとまではいきませんが1秒くらいかかるみたいな。 なんでだろう?とふとファイルサイズを見たら・・・ ファッ!? Excelファイルが8.74MBだと!? なにかがおかしいぞ・・・ 別に…

はてなブログで写真投稿しようとしたら「アップロードに失敗しました 」と出るときの対処法

ある日、気分良くはてなブログを更新しようとしたら画像のアップロードで以下のようなエラーが。 は? 昨日までは問題なくアップロードできてたんですけど。 調べてみると画像サイズが大きすぎるとアップロードできないことが多いみたい。 しかしアップロー…

修正した後も「pz-linkcard: URLパラメーターの指定が無効です」が消えないときは?

ある日、Wordpressの管理画面にログインすると以下のようなアラートが表示されました。 「pz-linkcard: URLパラメーターの指定が無効です」 という赤字で何やらものものしいアラートです。 調べてみるとPz-LinkCardプラグインのパラメータが間違っている場合…

Sublime Textを日本語化する手順

▼Package Controlのインストール ・「View」→「Show Console」で画面下にコンソールを開く ・Sublime Text 3ではコード(*1)をコピペする ・Enterキーを押してインストール▼「Japanize」プラグインのダウンロード ・「Preference」→「Package Control」 ・「P…

Photoshopのものさしツールを消す方法

ものさしツールを使ってサイズを測ろうと思ったけど失敗してしまった。よし、一旦消してもう一回引き直そう。 あれ、消せないぞ・・・。元に戻す(Ctrl + z)でも消えない・・・。 こんなことありませんか? そんな悩みも今日から解決します。 右上にある「…

Photoshopのショートカットキーが日本語入力のせいで一発で決まらない件

Photoshopを使っていると多用するショートカットキー。作業効率をあげるためには絶対に欠かせないものです。 にも関わらず毎回つまづくのがコレ。 たとえばズームツールを使おうとショートカットキー「z」を押したらなぜか日本語入力になっていて左上に文字…

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

新規で作成したアートボードが理想の大きさピッタリになることは中々ありません。 では作成したアートボードが思ったより大きかったので高さ(または幅)を小さくしたいとき、どうすればいいのでしょうか? まずは「切り抜きツール」を選択します。(ショー…

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

Photoshopで多用するズームツール。これをもっと使いこなせたらいいのに! そんな悩みをもつあなたへズームツールの使いこなしテクを紹介します。 *** ▼ショートカットキー「z」でズームツール選択 ▼ズームツール選択時、「alt」を押すと拡大⇔縮小を選べる ▼…

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

海外のサイトで会員登録や購入をしようとすると、 「入力された姓(ラストネーム)は有効ではありません。」というアラートが出ることがあります。 え?なにか間違えてた?と思って見返してみても名前に間違いはない。 いろいろ検索して探してみた結果、名前…

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

Webデザインをするときに欠かせないのが定規ツール。頻繁につかう機会がある一方で、時々「あれ?合わない」と感じるときがあります。 たとえば以下のようなシーン。 なぜだか大雑把にしか定規が動かなくて、選択範囲の下部にぴったり定規を合わせたいのに合…

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

Photoshopで作業をしていると背景の枠が足りなくなるときがあります。たとえば以下のような事例。 バナー制作のときに下にもう一つ同じようなバナーを作りたいと思った時。 もともとの背景がバナー1個分の大きさしかないので背景が足りません。 こういうとき…

Photoshopのレタッチは色調補正パネルを使うべし

Photoshopで写真のレタッチをするときに、次から次へといろいろな効果を加えていくと思います。 明るさ・コントラスト、トーンカーブ、カラーバランスなどなど・・・。 そういった効果を加える場合、メニューバーの「イメージ」→「色調補正」からでもできる…

Photoshopでテキストを入力するとなぜか大文字になる?

テキストツールで文字を入力するとなぜか大文字になってしまうことがあります。 Shiftを押してもダメ、ローマ字変換に変えてもダメ。そんなときは以下の点を確認してみてください。 文字パネルでオールキャップスが有効になっていませんか? オールキャップ…

Photoshopで「仮想記憶ディスクの空き容量がありません。」と表示されてファイルが開けないとき

Photoshopで画像などのファイルを開こうとしたら、「要求された操作を完了できません。仮想記憶ディスクの空き容量がありません。」と表示されることがあります。 これは要するに、ドライブの容量不足なので開けないということ。 (ぼくは空き容量225MBで表…

Photoshopで最後に開いたファイルの履歴を消す方法

Photoshopを起動すると最近使用したものとしてファイルがずら~っと並ぶ画面が立ち上がります。 この画面、前につかったファイルをすぐに起動できて便利ではあるのですが、個別に消すことができないので困るときがあります。 この前なんかちょっとエッチな画…

Photoshopクイック選択ツールで境界線をうまく選択できないとき

たとえば以下のような岩場と空の境界線をクイック選択ツールで選択しようと思ったときに、いくらなぞってみてもうまく境界線を選べないときがあります。 そんなときは「選択しているレイヤーが間違っていないか」を確認してみてください。 たとえば、曇り空…

Adobe Photoshop CCの基本操作TIPS

選択に応じた移動ツール「ドロップ時に変形」のチェックを外すWebモードで新規ファイル作成するとアートボード1つの画面の中にいくつかのサイズの作業領域がつくれるようになったアートボードをグループ解除カンバス▼名称メニューバー(上部)オプションバー…

Adobe Illustrator CCの基本操作TIPS

▼基本ルールイラストレーターで描くパーツを「オブジェクト」、骨組みを「パス」と呼ぶ▼操作方法「ウィンドウ」→「ワークスペース」→「初期設定をリセット」で最初の状態へ戻せる▼拡大・縮小ズームツールをダブルクリップで100%表示へ戻す「手のひらツール…