BLACK SHIVA CSS3 Technique掲載開始しました。

一般の方のお盆休みは、今日明日まででしょうか?みなさん、お盆はいかがでしたか?やっぱり今年も一般のお盆休みは一日も取れず、ひたすら仕事に邁進しておりました、山本です。ITのお仕事につかれている方は多いと思うのですが、・・・こう・・・盆休みはずれて取るという方も多いのではないのでしょうか?山本はもっぱらずれて取る方ですので、ああ、、、21日が待ち遠しいです。。。

さて、本日よりBLACK SHIVA@YAMAMOTO STUDIOに「CSS3テクニック」を掲載することとなりました!元々はみなさんご存知の通り、「スライダー壁紙」という項目欄をセッティングしていたのですが、、、、壁紙で十分対応できる感じですので、ここからはスライダーを思い切って削除!CSS3テクニックに変更します!

素材屋と堂々と出していてなんなの?と思われるかもしれませんが、、、私は現役のWEBデザイナーでして、日々ホームページを作っております。レスポンシブデザイン(PC・PAD・スマホ対応)をしておりますと、本当にビットマップ画像を使用することが少なくなります。

理由としては1枚のスタイルシートとHTMLシートにてPC・スマホ・PAD対応する為、ビットマップでは非常に動作が重くなり、ボタンなども見にくくなります。

CSSは2003年~4年を境に技術が革新的に飛躍し、「ホームページのスタイル設定のみ」という極めて限られた存在から、昨今では100近い幅広いW3Cの仕様が形成されました。今まではホームページ素材と言えば、ビットマップ形式で別制作をし、cssにて定義することを余儀なくされていたイラストレーターやフォトショップの作業、またはJavaScriptを使用した動作などの作業を別シートにてリンクさせられていたものを、シンプルな構造物であれば、アニメーションからWEB素材、インタラクティブな操作に至るまで、cssにて対応することが可能になりました。

しかし、仕様が広がった分、全ての技術を網羅し、認識することはすることはなかなか困難を極めます。このBLACK SHIVA CSS Techniqueはこのサイトの作者、山本の備忘録であり、皆様と共有していく上で、より発展した技術を高めていくことを目的に掲載しております。

コードを掲載しておりますので、コピペで簡単に、無料でご利用いただけます。まだ項目も少なく、今からどんどんと制作していく次第ではありますが、お気軽にご利用ください。

by 山本

▼▼BLACK SHIVA@YAMAMOTO STUDIOはこちら!▼▼

http://www.black-shiva.com/

Galaxy Vol.3 AW新規イラスト追加しました!

本格的なお盆休みに入りましたね^^墓参りの途中、暑さに行き倒れそうになった山本です。

みなさんいかがお過ごしでしょうか?さて、BLACK SHIVAでは人気のイラストカット、Galaxyシリーズを追加新規アップいたしました。

宇宙や天体素材は当店ではとっても人気があり、今回のアップデートはリクエストにお応えいたしましてのアップデートとなります。

今年の3月に5パターン程の天体素材を掲載させていただきましたが、「水そのものの質感のものが欲しい」というお問合せをいただきまして、掲載させていただきます。

リアルな小波をイメージした「トラピストC」。本物は全く違う天体イメージでありますが、とても地球と環境が似た星と言われています。大きな水面波紋を使用したイメージが「トラピストE」として掲載させていただきました。

どちらも「地表の存在しない、永遠に広がる海」をテーマにしました。。。。現実世界非常に恐ろしい話ですが….

暑い暑い真夏に涼しい水が恋しくなる新規素材です!どうぞどんどんダウンロードして有効活用してください!

では、まだまだ酷暑続くお盆休みとなりそうです!みなさん、お体にはお気をつけて、楽しいお盆休みをお過ごしください!まだまだお盆休みが遠い・・・・山本でした。

▼▼WEB無料素材BLACK SHIVAはこちらから▼▼

http://www.black-shiva.com/

イラストレーターで簡単に立体的な浮き輪を作ろう!

こんにちは!山本です。

今日は「下絵がなくても簡単に作れる」素材として、立体的な浮き輪の作り方を紹介したいと思います。WEB素材の中でも季節ものはとっても人気があります。暑い夏の涼しげな浮き輪を簡単に、立体的に作ってみましょう!

1、まずは浮き輪の模様を制作します。イラストレーターファイル→新規を開いて、幅1200PX、高さ500PXにてドキュメントを開きます。長方形ツールを使って、幅200PX、高さ500PXの長方形を一番左端にセットします。この時、外枠なし、内部色はみなさんのお好きな色を付けてください。

2、元の長方形をコピーして、右へ移動させます。オブジェクト→変形→移動を使い、水平移動距離200PX、垂直移動距離0PXにて、コピーボタンを押します。

3、Ctrl+Dでコピーと移動を繰り返します。

4、2列目と4列目と6列目をShift+クリックで選択し、白色に変更する。これで浮き輪の柄ができあがりました!

5、今制作したしましま模様を全選択して、ドラッグしたままシンボル欄に持っていき、登録する。

6、浮き輪の元円を描く準備をします。新規レイヤーをクリック、縞模様の画像は目のマークをクリックして消し、レイヤーにロックをかけます。

7、ファイル→ドキュメント設定で幅500px、高さ500pxに変更します。

8、楕円ツールを使って、幅100px、高さ100pxの楕円を書きます。その際、外枠なしの内部色は白に設定してください。

9、効果→3D→回転体を開き、自由回転で回転角度を入力する。上から-55、2、-44、オフセットを96ptに設定します。浮き輪の形らしくなってきました。

10、そのままマッピングをクリックします。シンボル欄をクリックし、先ほど制作した浮き輪の柄を選択します。

11、面に合わせるをクリック、アートワークに陰影を適用にチェック、構造体を表示しないにチェックを入れます。アートマップの設定が終わったらOKボタンをクリックしてください。

12、立体的な浮き輪の出来上がりです!お疲れ様でした!

回転体を利用すると、非常に書きにくい立体的な筒形や正方形や球型を美しく描くことが出来ます。同じ手法でドーナツなど、ご自身が書いてみたいイラストにチャレンジしてみてください!

▼▼BLACK SHIVAはこちらから!▼▼

http://www.black-shiva.com/

 

 

 

メイクアップイラストカット新規追加しました!

こんばんは!山本です。暑いくて辛い一週間がやっと終わりました。暑いからこその夜のお風呂は本当に楽しみ!最近はバスタイムを楽しむ為に、携帯防水ケースを付けて読書をしたり、バスソルトを入れてがっつり読書をしながら汗をかいたりと、暑い夏だからこそのバスタイムを楽しんでいます。

ということで、今回は「ビューティーな女性」をテーマに、メイクアップガールな素材を制作しました。

単純な思い描くイメージをそのままペジェ線を下書きなしで引き、色付けしました。

口紅を引く女性って、なんだか色っぽく感じませんか?リップスティックやネイルカラーに突き刺すような光の反射を入れ、セクシーにクールに仕上げました。

後日、ペジェでのイラストレーターの書き方として、画像と共に説明書きを掲載させていただきますが、実際イラスト制作時、ペジェ線を引いた女性の顔にメイキングします。

自分の顔をメイクアップするように、アイシャドウをグラデーションで引き、アイラインを引き頬紅を引き、、、女性ならではのメイクアップ制作はほんとうに楽しい作業でした。

メイキング主役のリップスティックはイラストレーターの回転体などを利用して、リアルキュートに制作を仕上げました。全て背景透過させているので、ちょっとした隙間のイメージカットに、好きなバックカラーでご利用ください。

今現在21時26分。今日も一日目一杯仕事しました!今から一日中楽しみだったバスタイムです!近々、ペジェ線での制作の仕方や回転体での制作の仕方を掲載させていただきます!

では本日はこの辺で。。。。

by 山本

▼▼web素材サイトBLACK SHIVAはこちら▼▼

http://www.black-shiva.com

 

POP SUMMERイラストカット新規追加完了!

ジメジメ暑い日々、みなさんいかがお過ごしでしょうか?この時期だけ、私は仕事上クーラーの部屋にこもっていられるので、今の仕事に感謝しています。とはいっても、やっぱりクーラー病からは逃れられません、、気怠い日々が続いています、、、、

そんなこんなに負けない!夏の素材を制作しました!元気いっぱいな夏素材の登場です。

今回はイラストレーターでの回転体を使用しての制作です。円ツールでの制作だと、模様や柄付に非常に時間と手間をかけてしまいますが、回転体を使用することによって、非常に美しく立体的に制作することができます。

面割りで各面に付けたい模様や色付けをマッピングしました。半円や円を使用したリアルでカラフルでポップな夏素材をお楽しみください。

いつもBLACK SHIVA@YAMAMOTO STUDIOを応援いただいてありがとうございます。先日、イラストレーターの作り方や書き方を、前のブログのように掲載しないのか?とご質問をいただきました。

ここ近くは仕事が非常に忙しく、すぐには掲載できませんが、また空き時間を作り掲載させていただきますので、お楽しみに^^

季節には意味があって、暑いときは汗を流し、寒い時は寒いながらも外に出た方がいいそうです。年がら年中、一定温度で過ごしていたら、体はどんどんひ弱になっていくそうです。私も涼しい時間に外に出て、気温に体を慣らし、元気に頑張ります!

by 山本

▼▼WEB素材BLACK SHIVAはこちら▼▼

http://www.black-shiva.com

新規イラストカット「カラフル色鉛筆」追加しました!

湿気と雨の多い日々が続いていますね。みなさん、いかがお過ごしですか?山本は早くも少し夏バテぎみです。

さて、今回はさくっと素材に使える「カラフル色鉛筆」のイラストカットです。イラストレーターでの制作で、純粋にシンプルなペジェと色づけで、簡単なイラストを作りました。

不思議なもので、色の種類が揃うと、なんだか可愛らしいカラフルな鉛筆たちに仕上がりました。

好きに組み合わせて、お好きなイメージに合わせてご利用ください。背景は透過処理を施してありますので、どのような背景色にもご利用いただけます。

カテゴリの追加もいたしましたので、小物・文房具・紙カテゴリにてチェックを付けてご利用ください。

ジメジメとした上に、暑い日々が続いております。暑さに負けない素敵なイメージをまたお届けできるように頑張ります!では、今日はこの辺で^^

by山本

▼▼BLACK SHIVAはこちら▼▼

http://www.black-shiva.com/

 

キーワード検索と詳細カテゴリ追加のお知らせ

いつもBLACK SHIVA@YAMAMOTO STUDIOをご利用いただきまして、誠にありがとうございます。YAMAMOTO STUDIOよりBLACK SHIVA新機能の追加のお知らせです。

ご利用のお客様より「素材を探しやすくしてほしい」とのお問合せを多数いただき、本日サイト内検索窓の追加と、詳細カテゴリの追加をさせていただきました。

少ない少ないと思っていた素材も気がつけば100点近くなっており….いやぁ、時が流れるのは本当に早いですね。かなり探しにくい状態となっておりました。

検索窓でキーワード検索、または詳細カテゴリをクリックしていただくとカテゴリ分けされた素材がページ内に出てまいります。

カテゴリ分けの為、今まで素材についていた題名も全て、わかり易い日本語に変更いたしました。

ご連絡を頂きましたお客様、本当にありがとうございました。またのご利用を心よりお待ちしております。

http://www.black-shiva.com/

by山本

Night View BG 新規追加しました。

空梅雨ですね~、雨が降らないのに、ジメジメと暑い日々が続いています。みなさん、お元気にされてますでしょうか?

さて、今回はジメジメに負けない、爽やかな素材を新規アップしました。

いつもはコテコテと一から部屋に閉じこもって制作している山本ですが、今回は仕事で一泊したホテルから、夜景を眺めながらの制作でした。高い所から見る都市の景色はまるでミニチュアの箱に入ったおもちゃのよう。道路から放たれるまばゆい光はキラキラと本当に美しく、だからこそ、私たちは夜景が好きなのかもしれませんね。

…まぁ、シチュエーションはそのロマンティックな景色を一人で見つめているという….非常にこと寂しいものでしたが、この美しい夜景をキュッと頭の中で閉じ込めておきたい!

そんな考えから、今回の作品はフォトグラフです。元イメージの写真の光を生かし、SFチックな近未来都市を想像し、作成しました。陰影をうまく利用し、レベル補正で立体感を持たせ、彩度を落とし、カラーバランスにてサイバー色に塗り固めました。

描画表現を駆使し、元画像より創造的でより立体的な近未来画像へと変身。

今回BLACK SHIVA無料壁紙では新しく「PHOTOGRAPH」カテゴリを追加。

また爽やかで素敵なPHOTOGRAPHを追加していきますね。

体調の崩しやすい時期となっております。どうかお身体にはお気をつけてお過ごしください。

by 山本

P.S:沢山の画像カスタマイズのご注文を頂きましてありがとうございます。よくある質問で、ちょっとした色の変更や、明るさの調整なども有料になるのでしょうか?とご質問いただきますが、ちょっとした変更は無料で制作しなおし、山本から直接お客様へお渡ししちゃいます(笑)ですので、お気軽にご相談ください。内容によって非常に手間がかかる場合は有料になることもありますが、必ずお客様に要相談とさせていただきますので^^勝手に当社が有料扱いにするということはございません。安心してご相談ください。

 

3Dシルエット素材新規追加しました!

BLACK SHIVA

BLACK SHIVA

梅雨を思わせないいい天気が続いた土・日でしたね。みなさんいかがお過ごしですか?

山本は最近運動不足で、仕事が押しているというのに、朝から4Kmほどウォーキングに出かけました。4キロって聞くと…あまり距離が無いように思うでしょう?日々少しの距離でも車に乗り、電車も思わず特急に飛び乗ってしまう山本には立ち上がれなくなるぐらいしんどかったです、、、はい。

しんどさに負けずに今日の更新です!不思議な3Dメッセージの中ではしゃぎまくる元気な女の子シルエットを3点ご用意!

エクササイズ素材の延長にはなるのですが、今回はちょっとした工夫を。べベル押し出しを使ったアイソメトリック法図形に、マッピングを行い、構造図形を消去した、3Dロゴを制作しました。構造図形を取り外すとマッピング構造外部部分が外れて、ロゴだけが露出し、キュートなイメージに。

単体ロゴでも華やかにご利用いただける逸品です。シルエット素材として出してはおりますが、ご利用はお客様のご自由に。女の子たちを囲む3Dロゴには裏表があり、裏側にはカラー彩度を落とし、細かな芸をいれてあります。

商用ロゴのご利用をご希望のお客様は、他のお客様が使えなくなってしまいますので、その場合は必ずYAMAMOTO STUDIOまでご連絡ください。

シルエット素材には3Dカテゴリを追加。お気軽にご利用ください。

P.S スマートフォンでのご利用のお客様からのご要請をいただきました。ZIPダウンロードのみの掲載でしたので、アプリが必要になってしまうとのことで、大変ご不便をおかけいたしました、急ぎサイト修正を入れ、イメージストレージを追加いたしました。今後はスマートフォンのお客様はイメージストレージをご利用いただき、画像を長押し、画像を保存という形でご利用いただけるように改定いたしました。

いつも当サイトをご利用いただきまして、ありがとうございます。本当に頑張りがいがあります。もっともっとハイクオリティーで使い易い素材を目指してがんばりますね。

by山本

professional Iconを新規追加しました!

BLACK SHIVA無料アイコン

BLACK SHIVA無料アイコン

しばらくご無沙汰しておりました。少々体調を崩し、家にこもる日々を送っておりました、山本です。

みなさん、もうクーラー、つけてますよね?なんだか真夏が一気にやってきたようで、山本、クーラーガンガンで過ごしています。

さて、今回は久しぶりのアイコン素材の追加です。無料アイコン

丸型素材の追加です。まだまだjqeryモバイル系の素材も沢山素材がたまっていて早くアップしたいのですが、中々仕事が忙しく、後回しになってしまっています。少しづつ素材だしていきますね。

すべていつもどおり背景透過で.pngにてご用意しております。どうぞ、お気軽にご利用ください。

アイコン欄のプロフェッショナルアイコンよりダウンロードいただけますので、どうぞご利用ください。

では、近々またアップいたします。

P.S:URAN様、お問合せにて素材リクエストありがとうございます。時間空き次第、できればアップさせていただきますね。

by:山本