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.徐々に濃くしたい […]

slider.jsでサムネ付きスライダーを作る

今回は、slider.jsでECサイトなどでよく見かける小さい画像をクリックしたら、大きな画像が表示され、さらに大きい画像をクリックするとポップアップで画像が表示される機能を実装したいと思います。 サムネ生成 sliderには、customPagingというオプションがあり$(slider.$slides[i])で各スライダーのjqueryオブジェクトを取得できるようです。 [crayon-5ba […]

イラストレーター 画像トレース

どうも中野です。 今回は画像トレースの機能を紹介したいと思います。以前のバージョンから、自動トレースの機能はあったのですが、結果が微妙だったので、使っている人がほぼいなかった機能です。 バージョンが更新されるたび、その性能は良くなってきました。先日久しぶりに使ってみようかな?と思い、使ってみたところ、思ったよりも良い結果で感動しました。 なので、今回は画像トレース機能を紹介します。 1.トレースし […]

1 9