PLUSTRiCK | ひとつでも多くサイト制作でラクをするためのメモ

QRコードを作成するときは、QRコード作成サイトやブラウザのアドオンを使って作成することが多いと思います。
作成したQRコードをPhotoshopなどの画像作成ソフトでリサイズすると、QRコードの部分がにじんでしまうという経験をされた方もいるはずです。
Photoshopを使用して、にじまず綺麗にQRコードをリサイズをする方法を紹介します。

前回の初心者編では、簡単なjsonデータを作成してhtmlに出力をしました。今回は基本編として、運用をする想定としてもう少しデータ量を増やしたjsonを作成し、htmlに出力させるようにします。
続きを読む ＞

制作会社に作ってもらったサイトをIEで見ると大きく崩れていたことがあり、どうやら勝手に互換表示がされ、IE7の表示になっていたことで思わぬ崩れが発生していた。ソースを見るとmetaタグのX-UA-Compatibleが設定されていなかったの原因でした。
続きを読む ＞

ギザギザの円を作るタイミングがあり、今までPhotoshopでギザギザの円を作ることが無かったので、備忘録としてチュートリアルにして残しておこうと思います。
続きを読む ＞

円形の一部分が切り取られているような扇形は矩形ツール単体では作れませんが、複数の矩形ツールとシェイプの統合や削除を用いれば、簡単に作ることは可能です。
続きを読む ＞

更新の頻度と手間を踏まえてサイト構築を考えていると、制作チームが毎回htmlを書き換えるより、jsonのテキストデータならhtmlがわからない人でもファイルの書き換えができるという利点から、jsonを使用してみようという話になったので、その時の学習メモ。
続きを読む ＞

パターンオーバーレイは登録されているものをそのまま使用しますが、パターンオーバーレイにカラーオーバーレイを使用するだけで、任意の色に変更ができるパターン画像を作ることが可能です。
続きを読む ＞

Photoshopの便利なツールのひとつに、コンテンツに応じた塗りつぶしがあります。この処理は画像内の一部分を削除するのにとても役に立ちます。もちろん全ての部分に使えるというわけではないですが、これで消せるかどうか試す価値ありです。
続きを読む ＞

背景写真に虹を架けて空にインパクトを持たせてほしいとクライアントからの依頼。Photoshopで虹を描くのは初めての経験だったので、虹の作り方を調べつ作成。その時の工程メモ。
続きを読む ＞

目立たせたいときに使われることが多い放射線の効果ですが、キービジュアルを作成する際に放射線の効果が必要になったので作り方を調べてみたらPhotoshopで簡単に作れることをはじめて知ったので、チュートリアル的なメモ。