Webデザインの知恵袋

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

2019-01-01から1年間の記事一覧

Photoshopでグラデーションによる画像透過を複数箇所行う方法

画像にレイヤーマスクを追加してグラデーションをかけると透過することができます。 このときに元々、複数方向から徐々に透過できていたのでうが、ある日急にできなくなってしまいました…。 いろいろいじったり検索したりで2時間くらいかかってやっと解決し…

Photoshopで円に沿って文字をいれる方法

円の周囲に文字を入れたいときのやり方を解説します。 ・楕円選択ツールで円を描く ・作成した円の中で右クリックして「作業用パスを作成」を選択 ・ダイアログが表示されるので「OK」 ・文字ツールで円のパス上にカーソルを合わせ、波線のような形に変わっ…

Photoshopの境界線(レイヤー効果)で枠線が表示されない理由

Photoshopで画像に枠線をつけるために「レイヤー効果」→「境界線」から色をつけようとしました。 ところがっ・・!! いくら境界線を設定しても画像もまったく反映されません(涙) いろいろ調べて理由がわかったのでシェアします。 原因は、レイヤーに何も…

レイヤースタイル(レイヤー効果)を個別のレイヤーのみに適用する方法

通常レイヤースタイルを適用すると全体のレイヤーにも適用されてしまいます。 それを避けて個別のレイヤーにのみ適用するには「クリッピングマスクの作成」を使用します。 ・レイヤースタイルを適用させる(この時点では全体にかかってる) ・右クリックで「…

photoshopの自由変形(画像サイズ変更)でShiftキーを押しながら拡大/縮小したら比率が崩れる件

Photoshopで自由変形するときに左右の比率を保ちながら拡大・縮小するために「Shift」キーを押すのは必須です。 しかし、ある日「Shift」キーを押しなが拡大/縮小しようとしたら比率が保たれなくなるという全く逆の動作になってしまいました。 なぜだ!?!…

Amazonの商品ページリンクを短くする方法!短縮URLサイト不要でここまで短くなる

最近ほしいと思ってるこちらの「壁掛け式CDプレーヤー」。 朝にジャズBGMを流しながら優雅に仕事行く準備したいなぁとか妄想してますw それでいつか買おうと思ってAmazonのページURLをメモ帳アプリなんかに貼り付けておいたんですよ。 https://www.amazon.c…

ダウンロードフォルダに勝手に生成された.tmpファイル(一時ファイル)は削除してOK!

ある日気づいたらダウンロードフォルダが.tmpファイルに侵されていた。 意味不明な文字列とともに大量のファイルが・・・ 数えてみたらざっくり300個以上あった・・・ 容量は別に大したことないけど、ソフトをダウンロードしたときに探すのが辛いorz 結論か…

Excelを閉じるたびに何故か保存を求められる…。その原因と対処法とは?

ここ最近のストレスのひとつに、Excelを閉じる時に変更していないのに「保存しますか?」と聞かれることがあります。 まぁ1回や2回くらいならいいんですが、毎日開くファイルなので何十回と表示されるのは非常に面倒です。 そこでその原因と解決策を調べてみ…

Photoshopでスウォッチパネル(カラーパレット)を表示する方法

Photoshopで画像加工するときに便利なカレーパレット。 これの正式名称は「スウォッチパネル」というのですが、これを表示させておくと画像加工がグッと楽になります。 その表示/非表示方法について今回は解説します! ■スウォッチパネルを表示/非表示する…

Photoshopでレイヤースタイルを一発で移動・コピーする方法

■レイヤースタイルをコピーする方法 1. 右クリックで「レイヤースタイルをコピーする」→「ペーストする」 2. 「fx」マークを「Alt」キーを押しながらドラッグ&ドロップする ■レイヤースタイルを移動する方法 1. 「fx」マークをドラッグ&ドロップする

Wordpressユーザーを変更したいとき・デフォルトを削除したいとき

読者からつくコメントに返信してもなぜかデフォルトのadminユーザーのアバターが表示されていて困っていました。 そこで調べてみると、どうやら原因は2つあったみたいです。 ・adminユーザーを削除していないこと ・adminユーザーのIDPASSでログインしていた…

Wordpressでサーバー移転をしたら「Parse error」と表示されてサイトが消えた件

手持ちのサイトのレンタルサーバーを変更したら突然サイトが見えなくなりました。 Parse error? なんじゃそりゃ? Parse error: syntax error, unexpected 'new' (T_NEW) in ~~~ とか色々書いてあります。 いろいろ調べてみるとどうやらサーバー移転に伴…

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、ダイヤログ…