はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ レイヤースタイル

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 27件)

Photoshopの文字加工をマスター!すごいデザインチュートリアル、無料素材まとめ - PhotoshopVIP

2016/02/11 このエントリーをはてなブックマークに追加 111 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop マスター チュートリアル メダル 本物

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。今回はデザイナーが知っておきたい、高品質な文字加工用チュートリアル、作り方をまとめています。 レイヤースタイルを調整するだけで完成のお手軽チュートリアルから、メタルや毛皮テクスチャなどを利用し、本物そっくりのリアル感を追求す... 続きを読む

Photsohopで幻想的な一枚を!多重露光エフェクトのつくり方 - PhotoshopVIP

2016/01/19 このエントリーをはてなブックマークに追加 80 users Instapaper Pocket Tweet Facebook Share Evernote Clip PhotoshopVIP Photoshop エフェクト

2枚以上の異なる写真を1枚に重ね、不思議なデザイン写真を完成させる「 多重露光 (英: Double Exposure )」。このエフェクトをレイヤースタイルの変更など簡単なステップのみで仕上げる、Photoshopチュートリアルをご紹介します。何気ない平凡な写真も、エフェクトを適用することで、幻想的な雰囲気にすることができます。 また後半では、多重露光エフェクトをPhotoshopの再生ボタンひ... 続きを読む

最近気になったハイクオリティなUIキット #12 | NxWorld

2015/08/11 このエントリーをはてなブックマークに追加 124 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld UIキット ハイクオリティ ライセンス 見た目

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。 Free UI from Shakuro Free Summeric Material U... 続きを読む

最近気になったハイクオリティなUIキット #8 | NxWorld

2014/12/18 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld DOWNLOAD Kit UIキット カラー

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。今回はかなり大容量なものやMaterial Designを用いたものが幾つかあります。 55+ Elements FREE UI KIT | Clean white [DOWNLOAD... 続きを読む

最近気になったハイクオリティなUIキット #7 | NxWorld

2014/10/27 このエントリーをはてなブックマークに追加 78 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld UIキット ハイクオリティ Free PSD

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。また、今回はiOS 8やApple Watchの大容量GUIなどもあります。 Winter UI Kit [Free PSD] Dark and Light Ui Kit Free P... 続きを読む

最近気になったハイクオリティなUIキット #5 | NxWorld

2014/07/07 このエントリーをはてなブックマークに追加 373 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld Freebie UIキット ハイクオリティ

ここ最近で気になったハイクオリティなUIキットのまとめです。そのままデザイン素材として使用するだけでなく、カラーの組み合わせ方やどのようなレイヤースタイルで作られているかなどの部分でも何かと参考になります。 Retro Jam Ui Kit Free Ui Kit [Freebie] Free PSD: Flat UI kit Free PSD: Ui Kit Free Minimal Ui Ki... 続きを読む

最近気になったハイクオリティなUIキット #4 | NxWorld

2014/06/09 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld UIキット ハイクオリティ Free PSD

ここ最近で気になったハイクオリティなUIキットのまとめです。そのままデザイン素材として使用するだけでなく、カラーの組み合わせ方やどのようなレイヤースタイルで作られているかなどの部分でも何かと参考になります。 Freebie PSD: Obscure UI Kit [Free PSD] Coloristico Flat Ui Kit Blue Print UI Flat UI Design Elem... 続きを読む

Illustratorのアピアランス機能で作られたPhotoshopのレイヤースタイル的なテキストエフェクト素材

2013/04/11 このエントリーをはてなブックマークに追加 55 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator Photoshop アピアランス

Illustratorのアピアランス機能を使って、どれだけPhotoshopのレイヤースタイルのようなことができるか実験してみました。原理は似ている部分もあるので、レイヤースタイル的な表現もある程度はアピアランスで可能なようです。Illustratorのアピアランス機能を使って、どれだけPhotoshopのレイヤースタイルのようなことができるか実験してみました。 原理は似ている部分もあるので、レイ... 続きを読む

Photoshopの作業効率をアップする便利すぎるエクステンションのまとめ | コリス

2013/03/25 このエントリーをはてなブックマークに追加 450 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス エクステンション Photoshop CSS 作業効率

最後の一つだけ有料ですが、あとは全部無料の便利すぎるPhotoshopのエクステンションを紹介します。 ガイドや角丸の作成もレイヤー管理・パーツ管理も今まで以上に楽になるはず! ガイド引きの効率アップ -GuideGuide 角丸の作成も修正も簡単にできる -Corner Editor PhotoshopのレイヤースタイルをCSS3にする -CSS3Ps レイヤー周りの機能を強化する -Trevo... 続きを読む

PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」 - かちびと.net

2013/02/28 このエントリーをはてなブックマークに追加 50 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop CSS3Ps net CSS3

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介 Kudos for About This Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。 Kachibito.net is a community-based ... 続きを読む

Illustratorのトレース機能はどこまでやれるのか?壁の落書きからイラストを作ってみた。 | 株式会社LIG

2013/01/29 このエントリーをはてなブックマークに追加 330 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator 落書き 株式会社LIG トレース機能

これまで何度かIllustratorの「トレース機能」について書いたのですが、 実際どこまで線画を再現できるのさ?と 懐疑的なお嬢さんが結構いるようなので、実際に弊社ホワイトボードの写メからイラストをおこしてみました。 Photoshopでゴミ取りをする。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余... 続きを読む

Photoshop VIP ☞ 使い方解説付、テキストエフェクトに最適な無料レイヤースタイル35個まとめ

2012/06/11 このエントリーをはてなブックマークに追加 167 users Instapaper Pocket Tweet Facebook Share Evernote Clip テキストエフェクト Photoshop Vip エントリー

映画のロゴやグラフィックデザインなどで見かける、テキストエフェクトを作ってみませんか。 Photoshopの便利な機能のひとつ、レイヤースタイルを利用することで、簡単に作成することができますよ。 海外デザインブログDzineBlogで、テキストエフェクトに最適な、レイヤースタイル35個をまとめたエントリー「35 Useful Photoshop Styles」が公開されていたので、今回はご紹介しま... 続きを読む

Photoshopのドロップシャドウの使い方をマスターするチュートリアル | コリス

2012/05/13 このエントリーをはてなブックマークに追加 341 users Instapaper Pocket Tweet Facebook Share Evernote Clip ドロップシャドウ コリス ウェブデザイン ノックアウト 角度

ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャ... 続きを読む

iPhoneサイト(スマートフォンサイト)制作のためにCSS3でPhotoshopのレイヤースタイルを再現する方法 | HTML5でサイトをつくろう

2012/03/06 このエントリーをはてなブックマークに追加 105 users Instapaper Pocket Tweet Facebook Share Evernote Clip たくさん 最低限 CSS3 最適化 容量

スマートフォンサイトを制作する上で便利なCSS3。 必要最低限まで画像の使用を減らし、スマートフォンサイトのデザインをスムーズにコーディングすることができます。 また、画像を使わずにCSS3を使ってスマートフォンサイトのデザインを実現すれば、読み込み時間や容量の軽いサイトを制作でき、サイトの最適化へつながります。 最近では海外の便利なジェネレーターサイトがたくさんあり、誰でも気軽にソースをつくるこ... 続きを読む

ブラックに映える美しいネオンサインを再現したPhotoshopのレイヤースタイル | コリス

2011/10/25 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Photoshop ネオンサイン レッド

ブルー、レッド、グリーンに輝くネオンサインを再現したPhotoshopのレイヤースタイルを紹介します。 続きを読む

Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ

2011/09/28 このエントリーをはてなブックマークに追加 1146 users Instapaper Pocket Tweet Facebook Share Evernote Clip pho Photoshop 1px webデザイン たくさん

素敵なWebデザインを見ていると、1pxにこだわって作られたデザインが多いです。今回はそんな1pxを、Photoshopのレイヤースタイルを使って、いろいろ作ってみました。これからPhotoshopで1pxのWebデザインをしたいなーと思っているPhotoshop初心者さん向けの記事です。色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Pho... 続きを読む

レタープレスやジェルのエフェクトが1クリックで簡単にできるPhotoshopのスタイル素材 | コリス

2011/09/05 このエントリーをはてなブックマークに追加 79 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Photoshop エフェクト シェル レタープレス

1クリックで簡単にレタープレスやジェルやメタルのエフェクトをテキストに与えることができるPhotoshopのレイヤースタイルをPremium Pixelsから紹介します。 各スタイル素材はPhotoshopのスタイル(. [...] 続きを読む

Photoshop Vip » テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ

2011/06/08 このエントリーをはてなブックマークに追加 190 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop Vip テキストエフェクト ロゴ 適用

News Home > News > テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ テキストエフェクトやロゴ、ボタンデザインに活用したいPhotoshop無料レイヤースタイル40個まとめ 2011年6月8日    Photoshopでよく利用するツールのひとつに「レイヤースタイル」があります。 それぞれのレイヤースタイルには、あらかじめ適用... 続きを読む

Photoshop Vip » クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ

2011/05/12 このエントリーをはてなブックマークに追加 548 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop Vip Photoshop くら 記録

News Home > News > クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ 2011年5月12日    Photoshopでデザイン制作に便利な機能のひとつとして「レイヤースタイル」があります。 レイヤースタイルは適用したスタイルを記録、保存しているのでクリックひとつでテキストエフェクトやグラ... 続きを読む

ボタンやテキストに透明感のある光沢を与えるPhotoshopのレイヤースタイル | コリス

2011/03/07 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Photoshop 光沢 アイコン テキスト

ボタンやアイコン、テキストに透明感のある光沢を与え、エレガントなスタイルにするPhotoshopのレイヤースタイルを紹介します。 Shine Styles: Free Photoshop Style Layers レイヤ [...] 続きを読む

商用利用も無料、エレガントな花柄や金ピカのPhotoshopのレイヤースタイル | コリス

2010/11/25 このエントリーをはてなブックマークに追加 140 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Photoshop 花柄 金ピカ 商用利用

Archive by month 2010年11月 (47) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (... 続きを読む

Photoshopのビギナーでもできるディテールにこだわったボタンを作成するチュートリアル | コリス

2010/09/23 このエントリーをはてなブックマークに追加 242 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Photoshop チュートリアル ビギナー フロー

Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデー... 続きを読む

Photoshopレイヤースタイルいろいろ | DesignWalker

2009/05/22 このエントリーをはてなブックマークに追加 413 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignWalker Amazing ワンクリック 無料

Photoshopのレイヤースタイルは、ブラシ同様に簡単にインストールできて、お手軽に使える便利なツールですね。 ボタンなどを作るときに、スタイルを指定するだけワンクリックでとってもきれいなボタンが作れますね。 以前にも『無料で使えるPhotoshopレイヤースタイル』でご紹介しましたが、まだまだ新しいスタイルなどがたくさん公開されていたので、もう一度まとめ直してみました。 220 Amazing... 続きを読む

ボタンに使えるPhotoshopレイヤースタイル42種類 - DesignWalker

2008/02/14 このエントリーをはてなブックマークに追加 306 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignWalker レイヤースタイルファイル ボタン

先日の、Photoshopレイヤースタイルの続編です。。 本日は、海外の有名サイトのボタンなどを参考に、Photoshopのレイヤースタイルを作ってみました。 『有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました』こちらの、アップデートバージョンです。 今回は、42種類用意してます。↓こんな感じ。 以下の有名サイトのボタンデザインを参考に、レイヤースタイル... 続きを読む

無料で使えるPhotoshopレイヤースタイル - DesignWalker

2008/02/13 このエントリーをはてなブックマークに追加 376 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignWalker テキスト ボタン 本日 無料

以前にもこのブログでご紹介しましたが、無料で公開されている、Photoshopレイヤースタイルを適用すると、とってもきれいなボタンやテキストなどが、お手軽に作れますね。 本日は、Photoshopレイヤースタイルをご紹介。 56 Photoshop layer styles 56種類のとってもきれいなレイヤースタイル。 Ultimate Web 2.0 Layer Styles - Free Do... 続きを読む

 
(1 - 25 / 27件)