新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Blueprintcss Tutorial 和訳 - minorio のプログラミング・メモ
まだ日本語のドキュメントがないみたいなので、Tutorial - Blueprintcss - Google Code を日本語に翻訳してみます。 チュートリアル さあ Blueprint の使い方を解説しましょう。 このチュートリアル以外に、Blueflavor によるチュートリアル（BlueprintCSS 101）もいいですよ。 インストール Blueprint は、あなたのサイトの CSS ディレクトリに置く必要があります。それを済ませた後、以下の２行をあなたのページのヘッダー内に書き加えてください。href に正しいパスが指定されていることを確認してください。 <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="s
Illustrator｜きれいな3Dの棒グラフの作り方チュートリアル - Dynamite Design Blog｜海外Webデザインネタ日本語訳＆作成チュートリアル
前回の『Illustrator｜きれいな3Dの円グラフの作り方チュートリアル』に続くグラフシリーズの第2弾です。 今回はIllustrator（イラストレーター）CS3で、きれいな3Dの棒グラフを作るチュートリアルです。 "棒グラフ"と"目盛" それぞれ別々に『3D・押し出しベベル』効果をかけて、3Dの棒グラフを作ってみました。 まずはAIダウンロード（344KB） 【ステップ1】棒グラフを作る 新規ドキュメント作成『基本RGB、サイズ：800px × 600px、方向：横組』 ツールパレット＞グラフツール＞棒グラフツール（J）を選択。 キャンバスをクリック＞グラフ『幅：400px、高さ：300px』を選択。 グラフの数値を入力する欄が出ます。 左上から適当な数値を入力し、下の画像のように右上の完了ボタンをクリックします。 【今回の入力数値】28、92、148、50 初期設定は、モノクロの
Retro Geometric Vectors in Space with Illustrator and Photoshop
Retro Geometric Vectors in Space with Illustrator and Photoshop Last week I was talking to Aloa, one of the Abduzeedo writers, and he was showing me some images that he thought were cool for tutorials, one of those had this mix of vectors and gradients but very geometric. It was a nice inspiration so I decided to do something mixing Illustrator and Photoshop. In this tutorial I will show you how t
硬い金属のような文字を作成するPhotoShopチュートリアル:phpspot開発日誌
Highlighted Chrome : Photoshop Tutorials -- Absolute Cross Create some cool smooth chrome with soft blue highlights, great as a text effect or on all kinds of other.. 硬い金属のような文字を作成するPhotoShopチュートリアル。 次のような光沢のある美しい金属風文字を作成できます。 次のような比較的簡単な流れで上記のような文字が作れるようです。 ロゴとして使えば、重厚なサイトの印象を与えることが出来そうですね。 関連エントリ テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル PhotoShopでMacOSX風アクアな
[JS]CSSスプライトをアニメーションで変更するチュートリアル
Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。 Creative Button Animations with Sprites and JQuery デモページ デモではHTMLとCSSを使用したベーシックなCSSスプライトで実装したボタンだけでなく、XHTMLとCSSとJavaScriptを使用しフェードのアニメーションでじんわりと変更するボタンなどがあります。 エキスパート モードでは、一つの画像で複数のボタンを変更するもの、矩形ではなく円形のボタンをアニメーションで変更するものもあります。
Flashでページをめくるライブラリのまとめ
実際に使用する場合は、最新情報やライセンスについて再度確認した方が良い。 Page Flip >> PiXELWiT by PiXELWiT 元祖？ ソースのダウンロード可能freeのようだ （"Why I gave it away: Something About Sluggy."） コンテンツはfla内で静的に定義している。変更するにはBound PagesのActionsレイヤーのフレーム1のスクリプトを変更する （attachMovieしているところ）Free PageFlip 2.25 by Iparigrafika Dynamic PageFlipのfree版ソースのダウンロード可能ライセンスに関する記述あり （flaファイル内のactionsレイヤーのフレーム5の先頭に書いてある） //this code is written by Macc 2004.11.01 //abe
ローカルコネクションで遊ぼう～。【うさぎ穴】
こっちのFlashでアクション組んだけど間にHTML挟んで・・・そっちのFlashに値を渡した～い。 二つの別々のFlashを繋げた～いっていう時に使えるのがローカルコネクションです。 それの簡単なチュートリアルを載せます～。 続きを読む
Photoshopでつくるタイポグラフィのチュートリアル:2009年総集編 | コリス
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2009年の総まとめです。
[JS]アニメーションの動きがキモチイイ、アコーディオンのスクリプト | コリス
ストンッと緩急のある動きをするアニメーションが気持ちいいアコーディオンを実装するチュートリアルをTutorialzineから紹介します。 Making a Fresh Content Accordion demo アコーディオンはリスト要素で実装されており、開いた時の子供は入れ子のリスト要素になります。 そのため数には特に制限はありません。 HTML 二番目のみ抜粋 <textarea name="code" class="html" cols="60" rows="5"> <li class="button"><a href="#" class="orange">Oranges <span></span></a></li> <li class="dropdown"> <ul> <li><a href="#" onclick="$('.button a:last').click();ret
Action Scriptでプレーヤーの作成 part.1【うさぎ穴】
わーい。 前のブログでちょっと検索があったので、何回かに分けて、 Flashで自作のムービープレーヤーを作る方法をWeb上に残しておきたいと思います。 あんまり難しくないのでぬるくまったりいきましょう～。 ◆何が再生できるの？ 色んな種類のムービー形式・エンコードありますが、Flashで再生できるのは １）FLVファイル。拡張子FLV。 ２）H.263（Flashプレーヤーのバージョン0.9.115.0から～）拡張子mp4等 です。それぞれのファイルの作り方は色んな方法があって また、お金のかかる物（ソフト使用）から、フリーな物まで色々あるので 「FLV 作り方」等で検索してみてください。 私はPremiereでFLV、TMPEGEncっていうソフトでmp4にしてます。 ◆どうやって再生しよう？ さぁ～やりたいけれど何をしたらいい分からないっ＞＜って言う所からスタートします。 まず、Fla
カラフルで美しい光の描画Photoshopチュートリアル:phpspot開発日誌
次のような、カラフルで美しい光の描画Photoshopチュートリアルが公開されています。 光の感じがより自然になるように工夫されており、参考にできる部分がありそうです。 以下のエントリを参照してください。 Creating a Colorful Light Effect with Pixelmator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 Photoshopによる美麗アイコン作成チュートリアル集 飛び出る立体グラフィックを作成するPhotoshopチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
【テキスト・エフェクト】 - フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法
新着記事
新着記事
