2018年9月

1/2ページ

Google Maps Embed APIの検索クエリを最適化

Google Mapsの有料化によって、気軽にMaps JavaScript APIを使用することができなくなってしまったので、無料で使用できるMaps Embed APIを代用で使っています。 使用方法 Google Maps Platformに登録し、API Keyを発行した後、下記のようなコードを埋め込むだけです。 マップを埋め込むだけなら、カスタマイズ性は落ちますが、店舗の地図を掲載するに […]

Photoshop テキストをスタンプ風に加工

どうも中野です。 今回はネットを徘徊していた時に見つけた、役立つ加工を紹介したいと思います。 タイトルに書いた通り、テキストをスタンプ風に加工するのです。 やり方さえ覚えればかなり簡単にできるので、この機会にぜひ覚えて下さい。 1.テキストの用意 加工したいテキストを用意します。 文字色は「黒」で、レイヤースタイルの境界線を「白」に設定しておきます。 2.フィルターをかける スマートオブジェクトに […]

Photoshopで金色の表現

どうも中野です。 今回は金色の表現をしていきたいと思います。 1.グラデーションを使って金色を表現 金色は黄色~茶色をグラデーションを使用して表現するのがいいと思います。 ちょっと斜めにしたりするとより金っぽくなります。 2.べベルとエンボスなどのレイヤー効果を使って、光沢を表現する 「べベルとエンボス」や「光彩(内側)」などを使用して、光沢の表現をする。 たったこれだけで、金っぽい表現になりまし […]

「This site can’t load Google Maps correctly. Do you own this website? g.co/staticmaperror/key」と表示される場合

Google MapのMaps Static APIがリンク切れになって、画像のURLを開くとグレーの背景に「This site can’t load Google Maps correctly. Do you own this website? g.co/staticmaperror/key」と表示される場合、それは、APIキーが設定されていないためにエラーになってしまっている合図で […]

wordpressでブログの書き方

どうも中野です。 最近、wordpressで作成したサイトの投稿ページの書き方を聞かれることが多いので、今回はwordpressの投稿ページの書き方を簡単に説明したいと思います。 1.投稿の新規追加 左側にある投稿の中の新規追加をクリックします。 そうすると新規投稿を追加と書かれた、ページが表示されます。この時、忘れないようにカテゴリーを選択しておきましょう。カテゴリーは右にあるので、カテゴリーが […]

イラレの代わり

どうも中野です。 前回はPhotoshopの代わりになるソフトを紹介しました。 今回は、イラレの代わりになるソフトを紹介したいと思います。 1.Inkscape https://inkscape.org/ja/ イラレの代わりといえばコレ!といわれているくらい有名なソフトです。 もちろん無料なので、まずはこれを入れて、操作になれるのもいいかもしれません。 2.Gravit Designer htt […]

PWAに必要な最小個数のアイコンサイズについて

  • 2018.09.13

WEBをPWA対応させるには、様々なアイコンが必要になります。 そして、以下のツール類を用いれば簡単に色んなファイルサイズの画像を生成してくれますが… Favicon Generator. For real. 様々なファビコンを一括生成。favicon generator App Manifest Generator 今回は、逆の切り口でPWAに最小個数のアイコン画像のサイズについて考えました。 […]

画像編集ツール

どうも中野です。 画像編集ソフトといえばPhotoshopですが、利用するにはそれなりのコストと知識が必要です。 今回はPhotoshop持ってない!でも画像いじりたい!という方におススメのツールを紹介します。 1.Photoshop Express Editor https://www.photoshop.com/tools 本家Adobeが提供している、無料の画像編集ツールになります。アプリも […]

出退社管理システムをDon’t Starveのスキンにした話

今月から、出退社の管理システムが僕が開発したSQコードを用いたものに変更になりました。 最小工数でテキトーに作成したので、トップ画面だけは、ヒーロー画像にグラデーション付きのフィルターをかけて、なんかそれっぽい感じにしていたのですが… 他のページ、特にリザルト画面は、白背景の中央に「おはようございます。〇〇さん」と表示されるだけの超絶手抜き画面でした。   この超手抜きツールを毎日使って […]

Photoshop 画像を徐々に濃くする

どうも中野です。 今回はPhotoshopについて書きます。 背景などを作成する際に、困ったことがある方は多いのではないでしょうか? 私が一番やりやすい方法をお教えするのですが、もっとやりやすい方法があるかもしれませんのであしからず。 それでは説明していきます。 1.徐々に濃くしたい画像とそれを重ねたい画像を用意します 私が選んだのはこの2枚です。 画像を最低2枚使用します。 2.徐々に濃くしたい […]