サプライド本日で5期目を迎えました!

サプライド、5期目迎えたってよ。

人数も続々と増え、ますます殺気活気立っておりますよ!
今後ともサプライドをよろしくお願いします!

 

画像は、弊社の敏腕営業チームとそれを束ねる我が社の代表・・・

悪人茶目っ気たっぷりノリノリの構図での撮影です!
普段着ではないですからね!そこ、勘違いしないように!!

かなり加工してありますが、この写真がサプライドサイトのどこかに使われているかも・・・?

皆さんも是非、探してみてください!
https://www.supride.jp/

5周年もこうやって、楽しく仕事していきますよ♪
皆様よろしくお願いします~

先々週は社員旅行!

先々週の事ですが、サプライド社員みんなで社員旅行に行ってきました〜〜!!

さてさて向かった行き先は〜〜👀??


鬼怒川温泉!!!!!

みんなでこのクソ暑い中温泉行ってきましたーー!!!
ホテルまでの移動中、みんなからは阿鼻叫喚でいっぱいでした!!!

無事ホテルに到着し・・・・・
おお!とってもキレイなホテル〜〜!絶対お高いんでしょ!!

さすがに昼間は暑すぎて観光どころではなく・・・・・・・
大人しくホテル内で涼んで夜はみんなで宴会をして大変盛り上がりました!

宴会の後は二次会へ・・・・
社員さんたちが体を張って熱演!!!

その後も三次会、四次会と開催され・・・・・
や〜〜〜最高に熱い夜でした〜〜〜💋💋💋




その次の日の朝・・・・・・(チュンチュン)
完全に酔い潰れてた人たちが・・・・

ブログのネタにされます〜〜〜〜😙
来年は誰がネタにされるのか??!
また来年の社員旅行をお楽しみに!!!

【hoverで色変え】ちょっと流行りのグレースケール→カラー画像を使ってみた

みなさん、おはようございます!こんにちは!こんばんは!

りんごちゃんです。

さて、梅雨もあっっっっっというまに空けてしまって、スタイルを気にする季節がやってきましたね。みなさん、ちゃんと水分補給しなきゃダメですよ?熱中症には気をつけてくださいね!エアコンのかけ過ぎにも注意!!

もう学生たちは、夏休みとかに差し掛かってきているのですかね〜羨ましいです。( ;´Д`)

海とかにも行きたいですねーそのためにはダイエットもしなくちゃですけど( ;´Д`)

ではでは、本題に入りますか!

題名にもあるようにちょっと流行りに乗ってみました!

いま、当サプライドが8月に5周年になるので、それに向けて、サイトをリニューアルしちゃいます!それで、今はどんなサイトが流行りなのか調べてみました!

するとこちらが出てきました

画像をスタイルでグレーにして、カーソルが重なった時にカラーになる。

もう一つは画像が少し大きくなるんですよ!表示されている画像の大きさは変わらないので、中にある画像がブワンと大きくなる動きが意外と面白い。

では、コーディングして行きましょう。

まずは、htmlはこんな感じです画像をdivで囲んで

CSSでまず外で囲んでるクラスwakuに幅高さを決めて(基本的には画像に合わせて作った方がいいです)、display:block;をかけて、下の三行を入れるだけです!

これでまずは、画像がグレーになります。()のなかの1は、グレー100%を示しています。

次にカーソルが重なった(以降ホバー)時にグレーのフィルターを外します。

()のなかの1を0にするだけですね。

これだけだとホバーした時にパッとカラーに変わるのでそこで!

これですよ!

transition-duration: 1s;

このコードをそれぞれのスタイルにかけるとふわ〜をカラーになったりグレーになったりします。

これで画像をグレーにしまくれますね!

では、次に中の画像をホバーした時に大きくしましょう!

ここでは、中のimgをいじります。

 

まずは、画像自体にtransition-durationを指定します。ここで、枠と画像との間に余白が入っていると見栄えが良くないので、0.1%ほど大きくしています。ここは好みです。

次にホバーした時にtransform: scaleで画像のサイズを大きくしています。1は100%のサイズをしているので、それより大きくしたい場合は1以上の数値にそれより小さくしたい場合は、1より小さい数値に指定したらオッケーです。

これで終わりじゃないですよ。これを忘れちゃダメですよ!

この一文をdivに書き忘れるとdivからはみ出ても表示されちゃいますので、気をつけてくださいね!

これで完成です♪

これひとつ入れておくだけでも流行りに乗っかったサイトになるでしょう〜〜〜☆*:.。. o(≧▽≦)o .。.:*☆

では、失礼します。まったね〜〜〜♪

Adobe Dimension CC を使ってみた。

どうも!tutinokoです。

Javaのプロジェクトを作る話が途中で止まってますが、今回はこっち!

面白そうだったので「Dimension CC」を先日インストールしてみたので、ちょっと遊んでみた感想です。

Adobe Dimension CCとは
新次元の 3D グラフィックデザインソフトウェアです。デザイナーはこのアプリケーションを使用することで、3D や 2D の要素をすばやく合成したり、モデル、マテリアル、ライティングをカスタマイズしたりすることができます。2D を 3D に合成する先進の各種ツールにより、カスタムグラフィックを 3D モデルと組み合わせ、シーン全体を構成して最終レンダリング画像を作成できます。
(「Dimension CC | よくある質問」より抜粋)

…ということで、お手軽3Dグラフィックデザイン体験です!

デフォルトでいろいろな3Dモデルが用意されているので、好きなものをフィールドにドラッグして配置していきます。
左のツールバーでフィールドの目線やモデルの位置や傾きなども変えられます。

アセットの一覧の
「マテリアル」からはモデルの色やテクスチャを加えることができます。
「ライト」で光源の種類を変更できます。(これがまだちょっとよくわからなかった)
「画像」で画面に背景を足したり、モデルにマークを足すこともできます。

もちろん、自分で用意した背景やパターンやマークなども読み込んで使えます!

そして、テキトーにいじってこれで完成!ってところでレンダリングで書き出しをします。
水とかガラスとか透明な素材がデザイン画面だとなんかザラザラに見えるけど、レンダリングすれば綺麗に書き出してくれるっぽいです。
一応コレ、レンガと水の上にサプライドのロゴが入ってるんですよ!(わかりづらい)

左上のレンダリングを押して画面を切り替えて、右のレンダリングボタンを押すと書き出しが始まります。
フォトショで使えるようにPSDで書き出すようにしました。

さて、ここからが大変だった…

とにかくレンダリングが終わらない!

2時間以上待ってもまだ半分過ぎとかちょっとこれは…
最初にチュートリアルで説明を見ながら作った時は5分くらいで済んだ気がするのに…

作業の合間の息抜きだから、他のソフトとかいろいろ立ち上げてるせいも多分にあるとは思うけど…
複雑な水の表現とかレンガのテクスチャが重たいのかしら…

とりあえず、レンダリングは途中の状態をPSDにしてくれる機能があるので、一旦保存して諦めました。

そしてその途中の状態のものをフォトショでちょっとトリミングしたものがこちら。

だいたい形はできてますね?

フォトショのレイヤーを見ると親切にいろいろ分けてくれていました!便利!

書き出しが重たいのはどうしても本体のスペックですよね…
私が使っているのはMacで、Macの標準メモリは8GBなので、たぶんこれ16GBとかぐらいにしないとしんどいですよね…

ということで、3Dソフトを使う時はマシンスペックを要確認!でした!

サプライドのHPリニューアル?!

サプライドのHPリニューアル?!

久々に順番が回ってきたtaeminです😗ちゃお♪

さて早速ですが、当サプライドは8月で5期目を迎えます!
これもご愛玩承りましたみなさまのおかげでございます。
それに伴い、Twitterにもつぶやいた通りホームページもリニューアルする運びとなりました!

今回のホームページにはなんと???サプライド社長の前職にまつわるページが追加されたそうで……!
このページ、社長からの直々のリクエストでありまして、社内のデザイナーさんが手によりを掛けて制作した、ぶっちゃけ他のページとは比べ物にならないくらいの(他のページもしっかりデザインしろw)手の込みよう!!!
これは期待しても良いのでは…???!(*ノωノ)
社長が元DJという変わり種の当サプライドのコンセプトである

「驚き(surprise)」を
「提供(provide)」する

という趣旨に則った遊び心のあるホームページとなりそうです(*’▽’*)
乞うご期待!

…と、ブログに書いてハードルあげておきますよーーーщ( ̄∀ ̄)ш ヶヶヶ