テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
Flex／AIRウィジェットのデザインをCSSでカッコよく（1/4）- ＠IT
注意！ 前回の「いまさら聞けないAdobe AIR「超」入門」では、ベータ3版を扱っていましたが、記事に沿ってアプリケーションをコーディングしていくうえでは問題ありません。しかし、AIRの設定ファイル「SimpleTimer-app.xml」のバージョンが古いので、実行時にエラーが出ます。 すでに作成しているAIRウィジェットをFlex Builder 3上で動かす場合は、SimpleTimer.mxmlの内容を別のファイルなどにコピーしておいて、いったんSimpleTimer.mxmlを削除します。そして、再度Flex Builder 3上でSimpleTimer.mxmlを作成して退避しておいた内容を作成した新しいSimpleTimer.mxmlにペーストします。AIRの設定ファイルは再度自動作成されて最新のものとなります。
宇宙や星雲・惑星を表現するPhotoshopのチュートリアル
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
【ハウツー】カスタマイズFirefox - Firefoxの拡張機能を作ろう (1) Firefox拡張の魅力 | パソコン | マイコミジャーナル
突然ですが、私は軽く動作が早いソフトウェアが好きです。毎日のように使うWebブラウザはらばなおさら、きびきび動作する軽いシンプルなソフトウェアを選びたいものです。ただそういうシンプルなソフトウェアには自分に必要な機能がそろっていないのではないかと思うかもしれません。 そういう場合は、たいていのソフトウェアには機能を追加できるようになっています。それが「拡張機能」や「アドオン」、「マクロ」などと呼ばれる小さなプログラムたちです。そして有志の方が多くの追加機能を提供してくれています。そういったプログラムを探して使ってみるもの楽しみの1つです。 さらに拡張機能は自分で作ることができるようになっています。自分に必要な機能は自分で作って、ソフトウェアを自分好みに仕上げていくことはとても楽しいものです。そう、ソフトウェアは拡張しなければ意味がないのです！ 今回紹介するFirefoxはオープンソース方式
A Slick Supernatural Text Effect | Envato Tuts+
In this tutorial we'll be creating a smoky night effect on text to give it an eerie supernatural sort of feel. It's a good exercise in using the Wave distortion filter... Step 1 The first thing we need for our image is a background. We're going to use a quick star-sky background. There are lots of tutorials around for this effect, and it's actually a simple two-step process: clouds + noise. So on
スターウォーズ ライトセイバーを描く方法 / ウェブデザインライブラリー
投稿日：2007年4月10日 レベル：初心者 ソフトウェア： 少し前に、名監督であるジョージルーカスの手によって、Star Wars episode ?-シスの復讐が公開され、大盛況を博しました。私にとって、もっとも印象的であった場面は、ライトセーバーを使った決闘の場面でした。そこで、ハリウッドを我々の日常にも！ということで、個人的な写真にライトセーバーを描き加えるテクニックを紹介します。 Step1 ： 写真をインポートする Step2 ： 長方形を作成する Step3 ： 角度に合わせて回転させる Step4 ： 色を付けていく Step5 ： レイヤーを複製する Step6 ： レイヤーを作成する Step7 ： 完成
Photoshopで輝くグラス風文字を作成するチュートリアル:phpspot開発日誌
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風な光沢あるロゴを作るためのチュートリアル
How to make a folder icon
In this tutorial you will learn how to create a nice folder for your desktop or a website. 1. First of all create a new document which is 128 x 128 pixels large and has a transparent background. 2. Make a new layer, choose the Pen Tool and draw a shape wich is similar to this one: 3. Now use the following settings: Gradient Overlay #FFd27A -> #FFB912 Stroke Size: 1px Position: Outside Color: #C07C
alpha channel : Appleで今使われているボタンを見た感じで作ってみる
Общероссийский классификатор специальностей по образованию (ОКСО) представляет собой полный список всех утвержденных Минобразованием направлений подготовки и специальностей высшего и среднего профессионального образования, разрабатываемых в соответствии с Федеральным Законом Российской Федерации "Об образовании" от 13.01.1996 N 12-ФЗ. ОКСО содержит официальные наименования специальностей и их коды
Photoshop Tips - 風景写真をミニチュア写真に加工するには - by StudioGraphics
●ポイント１ － [ 調整レイヤー ] 風景写真独特の霞を取り除くために、 [ 調整レイヤー ] の [ トーンカーブ ] と [ 色相・彩度 ] を使って、写真のコントラストを上げて、彩度を強くし、色鮮やかな写真に仕上げます。いつものレタッチよりも、ちょっと大げさに調整してもよいと思います。このレタッチの目的からして、不自然な感じにするくらいの方が、かえってリアルになるわけです。 [ 調整レイヤー ] を使うことで、何度でもやり直すことができます。 ●ポイント２ － [ ダスト&スクラッチ ] 玩具っぽい雰囲気を表現するために、背景レイヤーをコピーした [ レイヤー ] に、[ フィルタ ] の [ ダスト&スクラッチ ] をかけて、写真のディテールを潰します。 ●ポイント３ － [ 比較(明） ] [ ダスト&スクラッチ ] をかけただけの状態では、あまりにもディテールが潰れ過ぎ
動画で学ぶPhotoshop （27のテクニック） | POP*POP
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
無料で使えるベクターデータを配布しているサイト27選 | S i M P L E * S i M P L E
拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ↑ こうしたサイトデザインに使えるようなものや・・・。 ↑ ちょっといいのかな、これ？というものとか・・・。 ↑ 自分ではとっても作れなさそうなやつとか・・・。 形式はAIやSVG、PDFなどさまざまですね・・・それってただのアイコンでベクターデータではないのでは？というのも若干混じっていますがそこはご愛嬌。 よろしければ下記サイトからどうぞ。 » Free Vector Downloads – Photoshop Tutorial
味のあるアンティーク風の紙を作成するPhotoshopのチュートリアル | POP*POP
先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま
これで完璧！ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
映像チュートリアルがわかりやすいAdobeの『Video Workshop』が充実しています | POP*POP
イラストレーターやフォトショップなどは便利ですが、高機能であるがゆえに操作にまごつくこともしばしば。そうしたときに便利なのが映像を駆使したチュートリアル。 こうしたチュートリアルは数多くありますが、Adobe本体が公式に提供している『Video Workshop』が素晴らしいです。 今年こそAdobe系ツールをマスターするぞ！という方におすすめです。詳細は以下よりどうぞ。 ↑ 全チュートリアルのリスト。かなり充実しています。 ↑ 実際の映像はLightbox的に画面遷移なく表示されます。 ↑ チュートリアルをしてくれる先生のプロフィールも見ることができます。コンテンツの信頼性を高めるのに一役かっていますね。 ↑ 操作メニューはこちら。映像を見られる他、ソースをダウンロードすることもできます。 ↑ 便利そうなのがこの機能。チュートリアルをHTMLで見られます。こちらを印刷しておいて、映像を見
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
9 tutorials » Beautiful lighting FX effect in Photoshop
パノラマ写真をま〜るく加工するチュートリアル - DesignWalker
http://www.designwalker.com/2007/06/tilt_shift.html
http://www.designwalker.com/2007/05/photoshop_gradient.html
http://youmos.com/news/webdesign.html