Home > フォトショップ講座 > Photoshopでデザインスタジオのヘッダーを作る方法 Photoshopでデザインスタジオのヘッダーを作る方法 投稿日:2009年03月17日 レベル:中級者 ソフトウェア: このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。 Step1 : はじめに Step2 : 選択範囲を作って下部にバーを作成する Step3 : リンク用のテキストを作成する Step4 : 選択範囲を作って上部のバーを作成する Step5 : 完成
Home > フォトショップ講座 > Photoshopでデザインスタジオのヘッダーを作る方法 Photoshopでデザインスタジオのヘッダーを作る方法 投稿日:2009年03月17日 レベル:中級者 ソフトウェア: このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。 Step1 : はじめに Step2 : 選択範囲を作って下部にバーを作成する Step3 : リンク用のテキストを作成する Step4 : 選択範囲を作って上部のバーを作成する Step5 : 完成
45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations With the rise of modern technology, hand-drawn sketches are now converted and enhanced using state-of-the-art facilities. Character Illustrations or Cartoons are now given more depth, texture and emotions through a wide-array of techniques used by modern designers. Designers nowadays are able to play with their hand-draw
Hello, welcome to another tutorial by hv-designs. In todays tutorial il be showing you how to replicate the windows 7 taskbar, only this taskbar will be a navigation bar for a website. In another tutorial il be showing you how to code it. Lets get started! Creating The Background Create a new document 600×400 pixels, you dont need a massive sized document for this tutorial, feel free to do so if y
ウィンドウサイズを変えると コンテンツ(記事等)が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト?どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミックに
Design a Realistic 3D Baseball Cap in Photoshop | Tutorial9 Photoshopで超リアルな帽子を描画するチュートリアル。 次のようなリアルな帽子を描画する手順が公開されています。 ペンツールでベースを描画 そもそも絵心がないと難しいジャンルであるといえますが、グラデーションによるリアルな感じを出す部分などは参考にできるかもしれません。
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a defau
Home > フォトショップ講座 > Photoshopで燃えるように輝くクロコダイルを作る方法 Photoshopで燃えるように輝くクロコダイルを作る方法 投稿日:2009年10月16日 レベル:初心者 ソフトウェア: このチュートリアルでは、Photoshopで燃えるように輝くクロコダイルを作ってみたいと思います。 Step1 : はじめに Step2 : レイヤーを黒で塗りつぶす Step3 : レイヤーを作成 Step4 : 白い曲線を描く Step5 : 光彩を加える Step6 : 燃えるような曲線 Step7 : クロコダイルのブラシを作成 Step8 : クロコダイルを描く Step9 : レイヤーを複製 Step10 : レイヤーを消去 Step11 : レイヤーのオーバーレイ Step12 : 完成
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>
photoshopのテクニック集「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」 グラフィックデザインやクリエイティブの現場にとって欠かす事ができない、画像編集ソフトphotoshop。かなり高機能でそのテクニックを突き詰めれば様々な表現がかのです。今日紹介するのはそんなphotoshopのテクニックを集めたエントリー「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」。 How to Design a Dramatic Winged Dragon with Photoshop 映画のワンシーンのようなビジュアルをphotoshopを使って作り上げるテクニックが公開されています。今日はその中からい
September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Logo Designer: Chris Spooner 2. Step By Step Desi
これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How to make a cool button How to Create a Glassy Button or Enamel Badge Effect in Photoshop Photoshop tutorial website pill button icon design in photoshop How to Create a Slick and Clean Button in Photoshop 参考になるチュートリアルがそろっていますね。 その他のリストは以下からどうぞ。 » 40+ Best Photosho
テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Make yourself an Amazing Typographic Portrait An Interesting Gr
投稿日:2009年10月02日 レベル:中級者 ソフトウェア: このチュートリアルでは、Photoshopで農業のWebサイトを作ってみたいと思います。 Step1 : はじめに Step2 : ヘッダーのレイアウトを作成 Step3 : ナビゲーションリンクを作成 Step4 : テキストを配置 Step5 : 完成 はじめに、760ピクセル×770ピクセルの新規ドキュメントを作成します。 葉っぱの画像を配置します。 長方形ツールを選択します。 白い長方形(白いシェイプ)を作成し、次のように配置します。 この白いシェイプに、レイヤースタイルを追加します。 そうすると、このようになります。 再び長方形ツールを選択して、もう一つ長方形を作ります。 「Ctrl」+「J」キーを押してこのシェイプを複製します。 次に、複製したシェイプの色を黒に変更します。「Ctrl」+「T」を押してこの
ニコニコ動画の人気作「イヤースピーカー描いてみた」の作者であり、プロイラストレーターのINOさんにイラストの描き方を教えてもらうPhotoshopのチュートリアル。 前編では線画の描き方を教えてもらったので、後編ではいよいよ彩色に移る。まさに「プロの犯行」というべきテクニックが満載なので、必要なところはメモを取りながら読み進めてほしい。 まずは肌の彩色用に、塗りつぶしレイヤーを新規作成するところからスタート。肌にあたる部分をざっくり選択して塗りつぶす。ついで黒を選択し、塗りつぶしツールで肌以外の部分を消していく。 「白で塗りつぶし、黒で消す」が塗りつぶしレイヤーの基本動作。「X」キー1つで色の入れ替えが出来るので、ブラシと消しゴムを交互に入れ替える普通のレイヤーよりも扱いやすいのだという。 大まかな塗り分けが出来たら、ツールをブラシに切り替えて細かいところを削り出していく。版画のように色を
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く