3Dのリボンを実装するPhotoshopとCSSのチュートリアル
立体的なリボンをPhotoshopで作成しそれをCSSで実装したり、CSSだけでリボンを実装するチュートリアルを紹介します。 Create a 3D Ribbon Wrap-Around Effect (Plus a Free PSD!) [ad#ad-2] 3Dのリボンを作成するPhotoshopのチュートリアル 作成した3Dのリボンを実装するCSSのチュートリアル CSSだけで3Dのリボンを作成するチュートリアル 3Dのリボンを作成するPhotoshopのチュートリアル まずは、Photoshopのチュートリアルから。 チュートリアルはステップごとにPhotoshopのキャプチャ付きで丁寧に解説されているので、英語が苦手な方でも分かりやすいものとなっています。また、リボンのPSDファイルもレイヤーが保持されたものがダウンロードできます。 ダウンロードできるPSDのキャプチャ 作成した3
[CSS]紙、ステッチ、リボンなどのかわいいエフェクトを簡単に実装できるコードをまとめたスタイルシート -Beemuse
p, div要素などで実装したシンプルなHTMLに紙やステッチのかわいいスタイルを簡単に実装できるスタイルシートをまとめたフレームワークを紹介します。要素を少し増やすとリボンも簡単に実装できます。 Beemuse Beemuse -GitHub 使い方は簡単、CSSファイルを外部ファイルとして記述し、あとはHTMLにclassを追加するだけで、さまざまなかわいいスタイルを利用できます。 <head> ... <link rel="stylesheet" type="text/css" href="css/beemuse.min.css" /> </head> 各デモは:before, :after の疑似要素を使用しているため、IE8+でご覧ください。一部のスタイルはIE10+になります。
地味だけど便利！アローやカーソルなど1280+種類のアイテムが揃ったPhotoshopのカスタムシェイプの無料素材
商用でも無料で利用できる、Webページやアプリなどビジネスやホビーに使えるさまざまなアイテムが揃ったPhotoshopのカスタムシェイプ素材を紹介します。 My personal PS Custom Shapes #Freebies カスタムシェイプはなんと1,280+種類！ さまざまなアロー、アイコン、リボン、カーソル、シンボルなどが揃ってます。電気回路図かな？ もあります。アローは細いのから太いの三角のや手描き風のなどが揃っており、これだけでも十分便利ですね。 下記に量が多いですが、カスタムシェイプ全種類をキャプチャでご紹介。
小さい葉っぱがかわいい！月桂樹をあしらったフレームやアローなどの素材 -StarSunflower Studio
Free Laurel Frames & Arrows ダウンロードできる素材のフォーマットは、便利なものが揃っています。 .png 透過PNGでグリーンブラウン、ブラックの2種類。 .svg ベクターなのでサイズ変更可能です。 .abr Photoshop用のブラシ。 アイテムはPNGも高解像なので、すぐ使いたい人にも便利です。 下記のサークル状のは一つのサイズが、977x1210です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見出しデザインに迷ったら！吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。
新着記事
