Photoshopのベベル(内側)とドロップシャドウのデフォルト設定に一工夫加え、微妙なエフェクトを与えるチュートリアルをMyInkBlogから紹介します。
Photoshopのベベル(内側)とドロップシャドウのデフォルト設定に一工夫加え、微妙なエフェクトを与えるチュートリアルをMyInkBlogから紹介します。
30 Easy To Follow Photoshop Layout Design Tutorials プロレベルなサイトデザインのPhotoshopチュートリアル集。 次のような非常にクールなデザインレイアウトの作成チュートリアルをまとめたエントリが公開されています。 Design A Creative Unusual Layout ページは四角形という概念を打ち砕く奇抜なレイアウト Design a premium Wordpress blog with Photoshop 綺麗にまとまったレイアウト Design an awesome colorful layout カラフルなグラデーションが美しいレイアウト Clean and Colorful Web Layout カラフルで目を引くレイアウト 全部見る といった感じで、物凄い量の教材があつまっています。 英文というのを乗り越えて
BとLにもう少し輝きを入れますが他の文字はそのままにします。 新規レイヤーを作って楕円形ツールで次のように白い円を描きます。 テキストレイヤーをレイヤーパレットで選択し、右クリックして「レイヤーをラスタライズ」をクリックしてラスタライズ化します。 テキストレイヤー上で「Ctrl」キーを押してクリックして「Ctrl」+「Shift」+「I」キーを押すと選択範囲を反転させてから「Delete」キーを押すと次のようになります。 不透明度を30%に設定します。 新規レイヤーを作成して、テキストレイヤー上で「Ctrl」キーを押してクリックしてから白く塗ります。 移動ツールでレイヤーの位置を次のようにずらします。
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
Home > フォトショップ講座 > Photoshopでオリジナルのシンプルなウェブサイトを作る方法 Photoshopでオリジナルのシンプルなウェブサイトを作る方法 投稿日:2009年06月12日 レベル:初心者 ソフトウェア: このチュートリアルでは、Photoshopでオリジナルのシンプルなウェブサイトを作ってみたいと思います。 Step1 : はじめに Step2 : ボタンを作る Step3 : ボタンに色をつける Step4 : ロゴを追加する Step5 : 完成
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDとXHTMLがセットになったWebデザイン学習キット色々。 1からWEBデザインを作るとなると、Photoshopでベースを作成→HTML化の作業が必要ですが、Photoshop、HTML、CSSがセットになったものが公開されています。 デザイン自体も次のようなプロが作ったと思われるクオリティのデザインになっています。 Shape Projection Template Artificial Casting Template すべて見る&ダウンロード 色合い変更や少々のレイアウト配置変更といったカスタマイズで独自ページも容易に作れるかも。 関連エントリ プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集 プロのサイトデザイン方法を作って学べる手
noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。
40 Logo Design Tutorials - Psdtuts あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ。 ロゴデザインのチュートリアルの紹介の中で、有名プロダクトの部分についてピックアップしてみました。 How to Make the Windows Vista Logo WIndows Vistaのロゴ。立体感とともに高級感も出せています How to Create the Sony Ericsson Logo ソニーエリクソン。これもシンプルそうで秀逸なロゴですね Skype Logo Tutorial スカイプのロゴ。うまい立体感の出し方について学べそうです How to Create the Volkswagen Logo フォルクスワーゲン。立体的な質感の出し方とか、いろいろ応用できそう Design the Firefox Logo in
「Six Revisions」で、使えるPhotoshopチュートリアル&Tipsがたくさん紹介されています。 ざっといくつかご紹介。 » 6 Photoshop Tips and Tricks That You Probably Don’t Know About あなたがおそらくまだ知らないPhotoshopのTipsやテクニック6選 » How to choose the right image format? web上の様々なケースに合わせてBMP,GIF,JPG,PNGといったファイルフォーマットを適切に選択する方法 » The hidden power of Photoshop brush tool ブラシツールの便利な使い方を紹介 » 10 Photoshop Techniques You Can’t Work Without 知っておきたいPhotoshopのテクニック10選
チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
テキストを加工して、様々な見せ方をしたい時に見ておくと、色々創作意欲が沸いてきそうなエントリー。 40+ Killer Typographic Posters, Photoshop Effects and Tutorials とくにポスターなどを作るときには、一度は見ておくと良い刺激になりそうですね。 こんな感じで、素敵な刺激が40ほど。 40+ Killer Typographic Posters, Photoshop Effects and Tutorials 2008/06/24(火) 10:16:56| デザインを学ぶ | トラックバック:0 | コメント:0
50 Excellent Icon Design Tutorials マスターしてアイコン職人になろう!アイコン作成チュートリアルが50もまとまっています。 全部やって習得すればアイコン職人を名乗ってもよいかもしれません。 The Making of an Icon How To Make An Icon 10 Mistakes in Icon Design Icon Design: Bitmap vs Vector Professional technique for creating icons 全部見る フリーアイコンなんかを使っていて便利だけど、ちょっとイメージにあったものがないときとか、差別化を図りたいだとかいうときにアイコンを作れるといいなぁと思ってしまいますね。 もちろん外注してもよいのですが、自分で作れるといいなと思いました。 関連エントリ WEB開発に活用できる、2009
27 Best Photoshop Web Layout Design Tutorials - Part 2 プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集が公開されています。 チュートリアルをこなして同じような物を作れれば、WEBデザイナーとしてのスキルはあがりそうです。 Making the ‘Clean Grunge’ Blog Design Sound system Studio Web layout Design a Portfolio Layout Design a Grunge Vector Layout 全部見る 無料で、ここまでの情報がネットで手に入るというのはすごいですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 プロレベルのサイト作成時に使える実用Photoshopチュートリアル集
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 7です。 Professional Photographic Retouching Black & Wh
45 Free Design Template And PSD Files | 1stwebdesigner - Love In Design サイトのデザインやイメージ画像に使えるPhotoshopテンプレート集。 クレジットカードやボタン、ポストイットなど、サイトにつけると印象的なサイトになるかもしれないPhotoshopテンプレート集が公開されています。 Credit Card Icon Complementary Colour Swatches Photoshop 3D Cube Basic Button Collection Documents And Letters Post It! Free Post It Notes Free Button Pack DVD Label DVD Case Inlay 3D Box Template Mail PSD With Editabl
Photoshopは便利なソフトウェアである反面、あまりにも便利なので思わずやってしまいがちな間違い、誤用、乱用といったものもあります。これらのことをしてしまっているからといって嘲笑の対象になるというのではなく、こういうミスを犯しがちなのでPhotoshop初心者・初級者は気をつけましょうというポイントのリストになっています。 どれもこれもPhotoshopをマスターしている人から見れば当然のことばかりなのかもしれませんが、誰でも一番最初には「初めて」のときがあったことも事実なので、これらの間違いを犯しているユーザーを見かけたら、相手の心を傷つけないように注意しながら、上達を促してあげると良いのかもしれません。 Photoshopでやってしまいがちな12個の間違った使い方は以下から。 12 Common Photoshop Mistakes, Misuses and Abuses | Th
ねじれたリボンにテクスチャを綺麗に貼るPhotoshopのチュートリアルをWeb Designer Wallから紹介します。 Photo Strip (Photoshop Tutorial) チュートリアルでは、Photoshopのペンツールで描かれた「ねじれたリボン」に、画像やイラストなどをワープツール([編集]-[変形]-[ワープ])を使用して綺麗に貼り付け、ハイライトやシャドウ、ラインストロークを丁寧に調整します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く