CSSで作る柄模様

117

こんにちは。
今週は原田がお送りします。

今回はCSSの「グラデーション」を利用して、背景をチェック柄にしてみました。
こうすると画像素材を使わなくてもCSSの記述だけで柄を作ることがきます。
また、記述を変えるとチェックの色と格子の幅を変えることもできます。
(PC版とスマホ版でそれぞれ違う記述にしてみたので、ブラウザの幅を広げたり狭めたりして違いを確認してみてください。)
背景だけでなくバナーや挿絵にも応用できるので、よりデザインに広がりが生まれますね。

涼しげなjavascript

08

こんにちは、今週のブログ担当の若井です。
関東も梅雨入りし、ジメジメした時期になってきました。
梅雨の後は猛暑が待っていると思うと、気持ちが滅入りますが、体調管理に気をつけながら過ごしたいと思います。

今回は、wavifyとparticle.jsという、涼しげなjavascriptを2つ組み合わせたものを作成してみました。CLICKからぜひ見てみてください。
サイトの背景などに使用すれば、爽やかなサイトになりそうですよね。
これからの時期に良さそうです。

参考サイト:https://www.webcreatorbox.com/tech/javascript-particles

改元から1ヶ月


みなさまこんにちは。
今週の担当をします原田です。

元号が「令和」になって1ヶ月が経とうとしています。
私は改元の当日、日付が変わる瞬間はテレビを見ていたのですが、カウントダウンがされていて大晦日のような雰囲気に少し面白いなと思ってしまいました。

今回の改元は前もって決まっていたためか、お祝いムードが漂っていたのではないでしょうか?
普段行く商店でも特売をしていたり、街でイベントをしていたりして、改元にちなんだ盛り上がりを身近に感じました。
「平成最後の〇〇」「令和最初の〇〇」と言ったフレーズがメディアでも多く使われていましたが、改元は大きな経済効果を生むのだなと感じてとても興味深かったです。

GW明けですね

こんにちは、今週のブログ担当は若井です。
みなさんは、GWはどのように過ごされましたか。サービス業の人は地獄だったでしょうし、連休に慣れてしまい仕事に行きたくないという人もいらっしゃるでしょうし、そもそも10連休も必要なかったという人もいらっしゃったのではないでしょうか。

私はテレビドラマはたまにしか観ないのですが、今期の「わたし、定時に帰ります。」は、
WEB制作会社が舞台だと知り、興味深く観ています。
案がボツになったシーンは、苦笑いしてしまいました(笑)
各登場人物の仕事に対する姿勢や価値観が違い、放送後はツイッターなどで賛否両論あるようです。私はどの登場人物にも所々共感する部分があります。

働き方改革で、昨今「頑張ること」が良くないという風潮になっているように感じます。
自分の意思に反して体調を崩してまで頑張ることが良くないのであって、頑張ること自体は悪いことではないと思います。
GW明け、リズムを取り戻すのが大変ですが、体調に気をつけながら頑張りましょう。

07

絵画風の画像加工

115

みなさまこんにちは。
今週の担当は原田です。

今回はフォトショップで絵画風に加工した画像をご紹介します。
大きなブラシで描いたようなタッチにしてみましたいかがでしょうか?
線の太さや塗り方を調整すると仕上がりにも違いが出ます。
フォトショップには様々な加工ツールがあるので、色々と試しながら作ると面白いですね!

gifアニメーション

こんにちは、今週のブログ担当は若井です。

動きのあるサイトを作るために長く利用されてきたAdobeのFlashですが、HTML5やJavascriptの普及により、2020年についに廃止されるそうですね。
某ブログサービスの人気ゲームはFlashを使用して作られていたため、泣く泣くそのゲームもサービスが終了するそうです。私も過去にそのゲームを楽しんでいた身だったので、残念ではありますが、より良い進化のためには仕方がないのかなと思います。

一方で、gifアニメーションは、昨今ツイッターなどでをよく目にします。個人の方が趣味で投稿しているものもありますし、企業の広告でもよく見かけます。gifアニメーションは画像でありながら動きをつけられるので、スマホやSNS向きなのでしょう。

下にgifアニメーションを載せました。
使用している画像はたったの2枚ですが、充分動きのあるものになっていますよね。

06_01

06_02

「日差し」の加工

114

114-2

こんにちは。
今週の担当をします原田です。

今日は日差しが入っているように見せる画像加工をご紹介します。
元の画像と放射状にペイントした素材を組み合わせると、このような仕上がりました。
全体的に明るくて朝日のような感じになっているでしょうか?
光の調整を工夫すると、その画像が撮影された時間帯も自由に変えられるのでおもしろいですね。

新元号発表

05

皆さんこんにちは。今週の担当は若井です。

本日ついに新元号が発表されますね。
「平成最後の〇〇」というフレーズが流行ったり、新元号を予想したりと、新元号を気にしている方も多いようですね。

新元号の決め方にはいくつか条件があるようですが、書きやすく読みやすい、俗用されていない、これまでの元号とかぶらないものということで、決めるのは難しそうだなと思います。もちろん字面も音も良いものにしなければいけないのでしょう。

どんな元号になるのか、個人的にも楽しみです。

桜の開花


みなさまこんにちは。
今週の担当は原田です。

3月も終盤になり、いよいよ春本番ですね!
東京でも21日に桜の開花宣言がされました。
桜の標本木がある靖国神社に多くの人が詰めかけているのをテレビ中継で見かけましたが、桜に対する人々の関心の高さがわかりますね!
私もこれからあちこちで咲いていく桜を見て楽しんでいきたいと思います。

フォトショップで多重露光風の加工

04

みなさん、こんにちは。今週のブログ担当は若井です。
3月になり徐々に春らしくなってきましたね。
今月下旬には東京でも桜の開花が見られそうです。

今回は、フォトショップで多重露光風の春らしい画像を作成してみました。
多重露光とは、複数の写真を1枚に写し込むカメラの撮影法です。
フォトショップでは、重ねる画像の描画モードを「比較(明)」や「比較(暗)」にするだけで、画像のように多重露光風の加工ができます。

簡単に綺麗なデザインが出来上がるので、他にも色々な画像を組み合わせてみると、とても面白いと思います。