こんな感じの芝生テクスチャを作ってみます。全19ステップです。作例はPhotoshop CS5で進めていますがCSとかでも大丈夫だと思います。 完成サイズ+100pixelくらいで新規書類を作ります。 今回は完成サイズを500pixel四方にしたいので、100pixelをプラスして600pixelの新規書類を作ります。 ※100pixelプラスするのは、最終的に画像の端っこにいらないものができてしまうので、それをトリミングするためです。
こんな感じの芝生テクスチャを作ってみます。全19ステップです。作例はPhotoshop CS5で進めていますがCSとかでも大丈夫だと思います。 完成サイズ+100pixelくらいで新規書類を作ります。 今回は完成サイズを500pixel四方にしたいので、100pixelをプラスして600pixelの新規書類を作ります。 ※100pixelプラスするのは、最終的に画像の端っこにいらないものができてしまうので、それをトリミングするためです。
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま~に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま~に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く