Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
Photoshop関連まとめ - かちびと.net
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve
Photoshop CS自動化作戦 with JavaScript
Last Update:2006/2/28 PM 9:57 【Photoshop CS自動化作戦】 このページはPhotoshop CSをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。本当はシリーズ化のような形で書籍として発売されればよかったのですが諸々の都合により企画自体が消滅したため、Webにて公開、掲載しています。 Photoshop CSはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS、AfterEffects 6.5、Illustrator CSで作成された一部のコードは、そのまま動かす事ができます。Photoshop CS独自部分の機能だけを習得すれば良いと言うメリットもあります。ただし、スクリプト内に日本語を含む場合にはUTF-8 (Unicod
Photoshopでウェブサイト用の地球ボタンを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでウェブサイト用の地球ボタンを作る方法 Photoshopでウェブサイト用の地球ボタンを作る方法 投稿日：2009年10月20日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでウェブサイト用の地球ボタンを作ってみたいと思います。 Step1 ： はじめに Step2 ： レイヤースタイルを追加 Step3 ： ボタンに反射を追加 Step4 ： 画像編集 Step5 ： ボタンに輝きを追加 Step6 ： 画像の消去 Step7 ： ボタンにデザインを追加 Step8 ： 様々なスタイルを追加 Step9 ： 画像を加工する Step10 ： テキストを追加 Step11 ： 完成
45の光を表現するphotoshopブラシ集[記事紹介]
高速でブックマークして、時間がないからそのままスルーしようとしたんだけど、余りにもクオリティが高いまとめだったのでさらっとご紹介。 光のブラシセットのダウンロード かなり各種photoshopブラシがそろっております。 中でもネタ帳がお勧めする7点をピックアップしてご紹介いたします。 円ライン 光と円のブラシ。 光のコア 中心に集まるような光とライン。 輝く光の粒と欠片 数本のラインを取り巻く光の欠片。 光の胞子 雪と言われたら雪にも見えなく無い。 光が舞うイメージであったり、遠方の町の光などに利用されたりする。 宝石の光 宝石の光に使われそうな光の反射。 光の中心から伸びる光のライン 中心からラインが力強く伸び、優しい光で包んである。 光の炎 まるで炎のような強い光色を乗せる事が出来る。 その他、たくさんありますので、興味のある人は是非とも抑えておくといいかもしれないですね。 45+ B
![45の光を表現するphotoshopブラシ集[記事紹介]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d9f677e05121b5693fe73bf7249473457a1f8bb/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-26.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200905300000.jpg)
写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
Photoshopの一連の手順（画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど）を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR（ハイダイナミックレンジ）風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ
テキストエフェクトのチュートリアル100選 -2008年総集編
テキストにさまざまなエフェクトをかけるPhotoshopのチュートリアルを紹介済みのものから未紹介のものまで、2008年の総まとめです。
１ピクのラインにこだわったデザインスタディ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
28 Powerful Photoshop Lighting Effects
FeaturedTutorials 28 Powerful Photoshop Lighting Effects Henry JonesFebruary 23, 20160 Comment011.2k There is something about beautiful lights that can mesmerize an audience. Take a fireworks show for example. It’s been around for thousands of years, yet still has the power to put looks of amazement on faces of all ages. That’s why lighting effects make such powerful design elements. They are a gr
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
ワンダフルな100のPhotoShopチュートリアル:phpspot開発日誌
100 wonderful photo effects Photoshop tutorials ワンダフルな100のPhotoShopチュートリアル PhotoShopにフォトエフェクトをかけるチュートリアルがまとまっていました。 全部マスターすればどんな画像も作れます、というぐらい沢山のチュートリアルが並んでいます。 気にいったものはこなしていきたいですね。 関連エントリ クールな虹色のバックグランドを作成するPhotoShopチュートリアル 美しい光のバックグランド風イメージを作成するPhotoShopチュートリアル PhotoShopで綺麗なコーン画像を作成するチュートリアル
PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル:phpspot開発日誌
PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル。 次のような画像を作成するチュートリアルです。 本当に綺麗で、パンフレットの表紙、WEBデザインのタイトル部分など、様々な部分に応用することが出来そうです。 チュートリアルを参考に画像を作ってみたところ、次のような画像が出来ました。 関連エントリ PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/07/photoshop-scratch.html
http://gerenuk.crazyphoto.org/2009/06/15/714/
http://www.designwalker.com/2009/02/clone-webdesign.html
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
ボタン画像のPhotoshopのチュートリアル集 | コリス
Photoshopのテキストエフェクト ベスト８０ | Chocolate（チョコレート）