Create Resizing Thumbnails Using Overflow Property | Css Globe This tutorial is aimed at controlling the size of the thumbnails appearing on your page. CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル。 次のように、CSSで画像を固定サイズにトリミング表示できます。 更にマウスオーバーで画像を元サイズに。 実装について見ていきましょう マークアップが次のようにあったとします <p class="thumb"><a href="http://cssglobe.com/"><img src="image.jpg" /></a></p> そして、次のCSSを適用。 p.thumb{ float:left; margin:.5
Transparent Glass Lettering in Photoshop In this tutorial we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Photoshopで輝くグラス風文字を作成するチュートリアル。 次のようなカッコいいグラス風の文字を作成するチュートリアルです。 光の輝きを付けるなど、細部にもこだわったものになっています。 タイトルロゴなんかを作る際なんかにも使えますね。 他にも色々と応用できそうです。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
どんなソフト? 手軽に画像編集を楽しみたい、でもWindows付属の「ペイント」では物足りない。こんなユーザーにおすすめしたいのが「Paint.NET」です。無料のソフトでありながら、レイヤーやヒストグラム補正、プラグインによる機能拡張、無制限アンドゥ機能を備え、市販ソフト並みの多機能さが特徴。それでいて動作が軽快で、起動も早く、使いやすいソフトです。対応する保存形式は、Paint.NET(.pdn), BMP, JPEG, GIF, PNG, TIFF, TGA, DDS。Microsoftのサポートを受け、ワシントン州立大学で開発されたソフトですが、日本語にも対応しており、メニューやダイアログも日本語で表記されます。 なお、解説にはバージョン3.31を使用しています。対応OSは、Windows XP(SP2) / Vista、Windows Server 2003(SP1)、.NET
How to turn your photo into movie-like effect using Photoshop? ・ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments depth of field effect film effect PS: ? key for Mac users / CTRL key for Windows users PhotoShopを使って画像を映画風に加工するチュートリアル。 左の一見普通の画像を、右の画像のように映画風にカッコよく加工するための流れが説明されています。 色調や明るさを調整しながら、ぼかし効果などを使い、巧みに画像を加工していってます。 何の変哲もない写真もこのテクニックで印象に残る画像に加工できそうですね。
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
Download Free Icons for Software & Web Application Interfaces Welcome to User Interface Icons.com where you will find the highest quality icons for free. Many developers have told us our free icons are better than the ones they can pay for. We pride ourselves in providing you with some of the best looking icons available. We all know the importance of having user interface icons that people can re
strawbee Blog Archive Tiny Little Icons I like making tiny little cute icons sometimes, and I’ve made an unimaginatively named set called “Milk and Green”. They’re all white and green. Hence the name. ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 次のような可愛いアイコンがダウンロードできます。ブログに使えばよりサイトのかわいらしさをアップできるでしょう。 PNG形式での配布なのでWEBでの利用も簡単。 関連エントリ iPhone風アイコン作成用PhotoShopテンプレート 小さくて可愛いフリーのアイコンセット「Minimalist Pixel Icon
Web 2.0っぽいサイトでよく見かける星型のバッジ。サイトをそれっぽく(謎)するためにつけている人も多いのでは。 そして、そうしたバッジがたくさん紹介されているのがWeb 2.0 Badgesである。 しかもそれらのバッジのメッセージがなかなか愉快でもある。 「タグをつけてくれ!子供がいるんだ」「Googleさん、うちのサイトを買って!」などなど、読者やユーザーをにやにやさせてしまうようなバッジばかりである。 さらにフォトショップのファイルも配布されているので腕に自信のある人は自分で作ってみてもいいだろう。 サイトに彩りを添えるこうした部品はもっとたくさん出てきてほしいですね。
ButtonBoost - The Button Generator クールなボタン画像をジェネレートできる「The Button Generator」。 ボタンのテキスト、色、フォントスタイル、アイコンスタイルなどを指定した後、ページ中央から下の「Render as PNG」ボタンを押すことでボタンをジェネレートできます。 大量のボタンテンプレートがあって、様々なボタンをジェネレートできますね。 サイト作りに役立てられそうです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く