シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld
画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
たそがれノ翼/講座
■下地を塗る まず瞳の下地を塗ります。 下地は2色使ってグラデーションをかけます。 SAIにはグラデーションをかける機能がないので、半分ずつ色を塗り、 その境界線を水彩筆でぼかします。 左目：2色を塗ったところ 右目：境界線をぼかしたところ ■濃い瞳を塗る 瞳1レイヤーの上に瞳2レイヤーをつくりクリッピングします。 次に瞳2レイヤーに濃い色を塗り、中央を丸く抜きます。 さらに中に丸を書き込みます。 その後、不透明度保護にチェックを入れ、もっと濃い色でグラデーションをかけます。 左目：中央を丸でくり抜いて、2色で塗ったところ 右目：境界線をぼかしたところ そして、不透明度保護からチェックを外し、 グラデに使った一番濃い色で瞳の上部をエアブラシで撫でるように塗る。 ■オーバーレイを使う 瞳1と瞳2の間にオーバーレイレイヤーを作ります。 --瞳2 --オーバーレイ（オーバーレイ） 瞳1 ここで明
色塗りのための基礎の基礎 - もえたつ
多くの絵描きにとって思わず「わけわからん！」と叫んでしまう部分といえば塗りです。 あの影ってどうやって塗られているの？ そもそも何の筆を使ってるの？ 上手い人の絵を観察しても謎・謎・謎で、頭の中は？？？でいっぱいです。 あまりにわからないので苦手意識から避けてしまうこともあるでしょう。 事実私も塗りがわからない人の一人です。 悪戦苦闘してなかなか綺麗には塗れません。 ただ、いろいろなサイトの講座を見て回った結果、色の塗り方にはだいたい共通したものがあることに気づきました。 今回はその気づいたことをお伝えします。 スポンサーリンク ●使う筆は主に５本 色塗りをするときに使う筆（ブラシ）は大きく分けるとこの５つです。 １．鉛筆 ２．ボケ足のない、硬いブラシ ３．ボケ足のある、柔らかいブラシ ４．ざっくりと消す、硬い消しゴム ５．うっすらと消す、やわらかい消しゴム 消しゴムはブラシなのか？と疑問
Photoshopで光の光線を表現する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は漫画の集中線のような？中心から光を放つ光線を表現してみたいと思います。※CS5使用 まず下地となる背景を準備します。 先程の下地の上に新規ファイルを作ります。そして黒（透明度100%）→黒（透明度０％）のグラデーションを上から下に引きます。 次に「フィルタ」→「変形」→「波形」フィルタを選択します。 「短形波」にチェック こんな感じになります。 次に「フィルタ」→「変形」→「極座標」を選択します。 「直交座業を極座標に」にチェック 最後に「イメージ」→「色調補正」→「階調の反転」で白い光になります。 完成～。 いい感じで後光がさしました。 「極座標」なかなか便利ですね～。 「デジタルハリウッドSTUDIO 上野 by LIG」 個別相談会に参加する！ LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。 Webサイト制作の実績・料金を見る
アニメの髪グラデ処理方法 - まなびストレートに学ぶ
アニメ撮影辞めたけど質問ある？ (カジ速) 106 ：以下、名無しにかわりましてVIPがお送りします。 ：2007/07/26(木) 16:24:26.50 ID:Z7jES5qnO まなびストレートのキャラの髪の毛ってすげー手間かかってね？ >>106 あぁ、グラデーションかかってるね。俺も手間かかってるなｗｗｗｗｗって思ったわ。 あれは仕上げの仕事なんだけど、ペイントしたセルに一枚一枚つけてると思われ ぽてまよでもそうだけど、流行ってるのかね？ スレ内容のこの部分にだけ注目しました。放映当時、私もキャラの髪にかかっているグラデーションが気になっていました。 私の予想では、AfterEffectで髪部分だけ抜いてテクスチャをはめ込んでいるのでは、と思っています。しかし、同業者さんは別の考えで、仕上げの人が人海戦術でブラシを入れているのではないか、とおっしゃる。果たして真相や如何に！？ 2
「今時」の流行絵を描くにはどうすればいいのか ｜ お絵かき速報！萌え絵上達法
1：スペースNo.な-74：2012/03/05(月) 17:04:42.08 「こう塗ればい」「これはやっちゃ駄目」 みんなで意見を出し合おう カラー編 ※結果、没個性になっても責任は取りません 7：スペースNo.な-74：2012/03/06(火) 00:55:13.06 グラデーションを多用する 15：スペースNo.な-74：2012/03/06(火) 05:51:34.91 >>7 本来ただのベタ塗りにするような場所を片っ端からグラデーションにしたり、 暖色系以外の場所には青をグラデーションに使うと更によし 特に青空は水色～濃紺の極端なグラデーションで 12：スペースNo.な-74：2012/03/06(火) 03:00:41.65 髪の毛は線じゃなく束で描く 13：スペースNo.な-74：2012/03/06(火) 03:43:06.16 いかにもCG！覆い焼き発光レイヤーだらけ
「前髪に肌色を透かす塗り」をアニメで試みる京アニ - ピアノ・ファイア
「前髪の毛先が肌色へのグラデになる塗り」を新作に取り込もうとする京アニの試み TVアニメ『たまこまーけっと』公式サイト 京都アニメーションの新作『たまこまーけっと』のキービジュアルを最初見たときから気になっていたことなんですけどね。 「毛先に向かって色が透明になる（前髪なら肌色に近くなる）」という表現は暗い髪の色を塗るときの流行りだけど、アニメではまだどこもやってないかな？— 泉信行さん (@izumino) 11月 23, 2012 おお、京アニの新アニメのキービジュアル、うちが前に言ってた「前髪が肌色へのグラデになる塗り」をやってる…。アニメでこれ以前には遡れないのだろうか animeanime.jp/article/img/20…— 泉信行さん (@izumino) 11月 28, 2012 萌えイラスト界には流行の髪の塗り方というものがあって、それがアニメ界に取り込まれるのはいつか
黒髪キャラを「黒以外」の色で塗る場合のチェックポイント - ピアノ・ファイア
「自然の黒」は「絵の具の黒」じゃない 小中学校の美術の授業で習ったことがあると思うのですが、絵の具で人間の髪の毛を塗る場合、「黒の絵の具だけで色を出すな」と教わりませんでしたか？ ぼくの母校では、何も知らない生徒が真っ黒にベタ塗りしてから「なんか変だぞ」と悩んでいるところに、先生が「ちょっとだけ緑や茶色を混ぜればいいよ」と教えてくれていたものでした。 （同じように、「肌色」を真っ茶色やピンクに塗ってしまった生徒にも「ほんのちょっとだけ緑を混ぜよう」と教えていたのを良く覚えています。） 光の反射で色が変わる 専門的な絵画の技術としては「黒は三原色の混色で作れ、絵の具の黒は使うな」と指導されることもあると思います。 なぜ「黒の絵の具」をそのまま使わないのか、美術の基本から考えてみましょう。 美術史の発展にともない、「ものの色とは、もの自体に色があるのではなく、ものが反射する光の色なのだ」という
水彩画の技法、グリザイユ
浮いて 「色が浮く」などと使います。調和していない、自己主張が強すぎる部分など、悪い意味。 階調 カンタンに言えば濃淡のことですが、例えば、絵にする風景の一番白いところを紙の白で、一番暗いところを絵の具の黒で描くとき、一番明るい（暗い）ところにくらべて、どれくらいの明るさかを考えます。 W＆N 英国の画材メーカー、ウインザー・アンド・ニュートン社のこと。同社の透明水彩絵の具は世界中のアーティストが使っている。 ウエットオンウエット Wet on Wet。まだ乾いていない絵の具の上に別の色の絵の具を置くと、2色がとけ込んで、偶然によるさまざまなグラデーションができる技法。あらかじめ紙を水でぬらして置いても良い。日本画の技法「たらし込み」に似ている。 グリザイユ技法で描いているところ。水色に見えるのはマスキングインクです。 グリザイユという耳慣れない技法を知ったのは、祖父が持っていた「油彩画の
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Webデザインリリック
「Highlighing Code Block」のプラグイン「Treeview」を導入したらコードブロックのテーマカラーが反映されない時の解決方法
ネットマニア - Photoshop講座 「写真のグラデーション」 -
写真にグラーデションをかける。 これはとても頻繁に使うテクニックです。 二枚の写真を上手になじませながら合成する時など。 基本テクニックですので是非マスターして下さい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
manga-3.tokyo
新着記事
西川善司の3Dゲームファンのための「GRAVITY DAZE」グラフィックス講座（後編） PowerVR系アーキテクチャの限界を超えた先に実現した「バンデシネ」スタイルグラフィックスの妙技
イラストレータ 使い方 まとめサイト