【Illustrator】正方形を立体的に作る
正方形に奥行きをつけた「立方体」を作るには、大きく分けて2つの方法があります。 おなじみの長方形、多角形ツールで、パスをつないだり、図形を重ねたりする方法がひとつ。 もしくは比較的新しい3D機能で、平面から立体にする設定...
IllustratorIllustrator
GoogleGA4でアクセスを除外！IPアドレスを指定してフィルターをかける
自分や関係者のアクセスを確実に除外するなら、アナリティクスを使うのがおすすめ。 IPアドレスを指定して有効化すれば、特定のIPを「計測しない」ので、都度フィルターをかけて取り除く手間がありません。 反対に、後からデータが...
WordPress【WordPress】カスタム投稿を「Custom Post Type UI」で作成
既存の投稿と分けて記事を管理したいときは、カスタム投稿を利用します。 例えば、「製品情報」や「お客様の声」を通常の「お知らせ」と違う区分にするなど。 ちなみに、投稿を分けなくても問題はありません。 不都合があるとすれば、...
Illustrator【Illustrator】文字を斜めに傾けて変形する
ECサイトのセールバナーなどで見かける、文字を斜めに傾けたデザイン。 「勢いをつけたい」ときや「注意を引きたい」ときにぴったりな表現です。 今回は「単純に傾ける」方法と「ゆがませて傾ける」方法で文字を斜めにしていきます。...
WordPress【WordPress】ブロックに変わったウィジェットを元に戻す
「WordPress 5.8」から導入された、ブロックタイプのウィジェット。 「ドラッグ&ドロップする」これまでのタイプに比べると、見た目も内容もかなり変わりました。 機能的には向上しているものの・・・ よく使う...
TIPSMySQL shutdown unexpectedlyと出てXAMPPが起動できない
「MySQL shutdown unexpectedly」と表示され、SQLが起動できないことがあります。 ここ最近は、作成したWebサイトのデータベースを入れ替えていて発生。 過去のケースでは、XAMPPが停止できてい...
Photoshop画像のフォントをAdobeツールで検索する【日本語と英語に対応】
イメージに近いポスターや広告バナーを見つけたとき。どんなフォントを使っているか、色は、写真は、と色々調べますよね。 今回はその中でも「フォント」に注目。 経験を元に一つひとつ調べる方法もありますが、「Adobe Font...
TIPSCSS・JSのキャッシュを削除！新規データとして認識するパラメータをつける
サイト制作をしていると、更新前のテキストや画像が「キャッシュ」として残ることがあります。 本来は、サイトの表示速度向上に役立つ機能ですが、制作中の身としては逐一キャッシュを削除しなければならず、少し面倒なシステムに思えた...
Photoshop【Photoshop】PNGの白い背景色を消して透明化した画像にする
PNGで書き出していても、白などの背景色がついていることがあります。おや？と思いますよね。 デザインカンプ内のデータの場合、元々がJPEGだったり、PNGに背景色をつけているケースがあります。背景色となじんでいると意外と...
Photoshop【Photoshop】選択できないロック済みレイヤーは「属性」で解除する
Photoshopのデザインデータを書き出そう！ というときに起きる「選択できない」問題。特に支給されたデータの場合は、自分で作っていない分、原因が分からないこともしばしば。 ただ、これまでの経験では、オブジェクトやパス...
プロフィール
サー坊
会社員からフリーランスに転身。Webデザイナー兼フロントエンドエンジニアをしています。「好きなことで好きなひとたちと生きる」が目標。少しずつできることを増やそうと奮闘中。
日々の気づきや基本操作などを備忘録としてまとめています。
人気の記事
-
「Font Awesome 6」をCDNやダウンロードデータでブラウザに表示する
-
【Photoshop】画像の劣化を防いで拡大縮小できる「スマートオブジェクト」
-
SublimeTextの日本語化とShift_JISの文字化けをインストールから解説
-
【WordPress】CSSとJavaScriptをfunctions.phpで読み込み出力する
-
ベーシック認証！「.htaccess」と「.htpasswd」の正しい書き方
-
【Illustrator】文字を斜めに傾けて変形する
-
画像のフォントをAdobeツールで検索する【日本語と英語に対応】
-
xampp-control.iniにアクセス拒否された！管理者権限の付与ですぐ解決
-
VSCodeの「W3C Validation」でHTMLとCSSコードをチェック
-
「Font Awesome 6」のアイコンをIllustratorやXDで使う方法