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年以上利用している会計ソフト！
RedLine Magazine : カワイイは造れる！！(Photoshop的に)
カワイイは造れる！！(Photoshop的に) 最近CMでよく目にする耳にする『カワイイはつくれる！！』っていうコピーが好きです。ほらほら、しずちゃんのあのCMですよ！（知らない方はココ→「カワイイをつくる.com」） で、フォトショ使いのグリーンさんに聞いてみました。 (n ▼ω▼ ) ＜ねーねー、カワイイは造れる？ (n'∀')η ＜つ、作る？ (n ▼ω▼ ) ＜ううん、『造れる』？ (n'∀')η ＜？！ カワイイの造り方(Photoshop的に) この人にフォトショでメイクしたら化粧品のCMの人々（例えばエビさんとか）みたいになるのかなーとか。そのままでも十分美人なのだけど、なるべくすっぴんっぽい人を探してたらこのお姉さんに辿り着いた。んじゃ教えて！GREENさん！ (n'∀')η ＜OK！んじゃ簡単な作業なんだけどパッと見は凝った感じに見える(かも知れない)加工方法を書いてみる
第3回 肌の処理 | レタッチの基本ワザ | Shuffle by COMMERCIAL PHOTO
肌のレタッチは、画像処理が行なわれ始めた当初からの定番となっていた作業のひとつである。特に化粧品やビューティ系の広告など、女性の顔をメインにしたポートレイトでは、ほとんど何らかのレタッチが施されていると言って良いだろう。今回は「肌の処理」の基本テクニックについて解説していく。 Photo：片岡竜一 ST：曽我部将人 HM：中山夏子 モデル：VIKA.D（ブラボーモデルズ） 肌の処理に王道はない、臨機応変に行なうことが肝要 人の肌は環境の変化でその質感が変わりやすい。モデルの体調や撮影現場の温度や湿度、メイクなどの様々な要因で変化し、撮影時に肉眼で見た限りでは問題がないと思っていても、撮影後データを拡大表示してみると意外と肌が荒れていたということは良くあることだ。特に大判ポスターなどに拡大して画像が使われる場合、肌のレタッチは必須となる。 ひとくちに肌の画像処理といっても、クライアントの求め
プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集:phpspot開発日誌
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
細部にこだわったUIエレメントをPhotoshopで作成するポイント
ウェブデザインをワンランクアップさせる、リアリスティックなユーザインターフェイスエレメントをPhotoshopで作成するポイントを紹介します。 Crafting Subtle & Realistic User Interfaces [ad#ad-2] 少し古い記事ですが、現在でも役立つ情報なのでご紹介。 下記は各ポイントを意訳したものです。 オブジェクトを想像する 光沢 vs つや消し 制作に役立つTips リアリティは繊細に オブジェクトを想像する リアリスティックなUIエレメントを設計する時には、そのオブジェクトが実世界でどのように見えるか想像する必要があります。それを実現する一番簡単な方法は、そのオブジェクトをモニターの横からどのように見えるか想像することです。 これは最近のウェブデザインでもよく見かける微妙な凸型のパネルで、その外周には小さいエッジを持っています。光源は上部にあり、
これは押したい！というボタンを作成するチュートリアル集:phpspot開発日誌
20 Design Tutorials For Creating The Perfect Button | Creative Nerds これは押したい！というボタンを作成するチュートリアル集 イラストレーターやPhotoshopで次のようにクールなボタンを作成するチュートリアル集です。 CSS3でボタンデザイン出来るようになったとはいえ、凝った物を作るならやはりオーサリングツールという方は参考にできそう。 ボタンデザインの仕方は本当に色々あって、奥が深いですね。 関連エントリ ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０ かなりクールにデザインされたPhotoshop用のボタンテンプレート集 ハイクオリティなPhotoshopのボタン、アイコン、バッジ等のテンプレ集 ボタン作成のPhotoshopチュートリアル集 背景やボタンなど様々に使えるPhotoshopグラ
50 Totally Awesome Photoshop Techniques For Retro And Vintage Effects
50 Totally Awesome Photoshop Techniques For Retro And Vintage Effects For sentimental memories and emotions you always prefer retro and vintage designs. Of course they are created with rich colors, grunge elements and different textures and therefore they enhance their density at all. So we have decided to collect a good variety of retro and vintage related Photoshop tutorials to make you able to
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のチュートリアル集
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
30 Useful Logo Design Tutorials Using Photoshop
30 Useful Logo Design Tutorials Using Photoshop and Illustration An effective logo sets the quality and public observation of your brand, and therefore careful thought and creativity must be put into constructing it. Anyone who is involved or just in progress for designing would love to design a logo for his/her website. I have compiled 30 useful and beautiful logo design tutorials using Photoshop
Photoshopのビギナーでもできるディテールにこだわったボタンを作成するチュートリアル
Photoshopの標準機能だけで、グラデーションやレイヤースタイルをつかった美しいボタンを作成するチュートリアルを紹介します。 Photoshop For Beginners: Creating buttons for web part 1 Photoshop For Beginners: Creating buttons for web part 2 [ad#ad-2] 上記、四つのボタンのチュートリアルはPart 1, 2に分かれており、それぞれ二つずつのチュートリアルが掲載されています。 各チュートリアルはPhotoshopのキャプチャ付きなので、英語が苦手な方でもどのようなフローですすめるか理解できると思います。 ボタンはグラデーションやレイヤースタイルといった王道のテクニックだけでなく、ノイズをのせたりライトをくわえたりと細部までしっかり手がはいった作りになっています。
40 Detailed Tutorials for Mastering Adobe Photoshop
Photoshop boasts many impressive and exciting features, and in recent years they have introduced some amazing new features, like vector layers, Content Aware Patch/Move tool, Adaptive Wide Angle filter, Crop tool, and so much more. Adobe has not tried to replace Illustrator, but if you need creative, simple shapes for use in design projects, then Vector Layers of Photoshop can do a superb job with
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Photoshop Tips - 写真加工 - by StudioGraphics
●アンシャープマスクで本当にいいの？ 「いい写真なんだけど、ちょっとだけピントが外れてしまった…残念っ！」 という写真があったとして…いや、筆者の場合もよくあることなんですけど…そんな写真を、あなたならどうしますか？ 諦めますか？ それとも、なんとか救済処置を施してみますか？ 救済処置としては、ご存知だと思いますが、Photoshop のフィルタである［アンシャープマスク］をかけるという方法がありますね。この［アンシャープマスク］とは、画像内の個々のピクセル（画素）の周囲にある、異なる色情報を持ったピクセルを検索し、指定した量だけピクセルのコントラストを高めるフィルタです。つまり、明るいピクセルは指定した量に基づいてさらに明るくなり、暗いピクセルはさらに暗くなり、結果的に画像全体にシャープ効果が得られるというわけです。 でも、RGB 画像に対して普通に［アンシャープマスク］をかけると、実は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル
Photoshop VIP ☞ わずか3ステップで完成、フォトショップで超簡単なHDR写真をつくる方法
新着記事
新着記事
新着記事