スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルを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>
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
光、光源、光線、光跡を効果的に使用したPhotoshopのチュートリアル集のPart 13です。 Michael Jackson Wallpaper Soul Rebel Poster Tutoria
アイコンを作ろう。そんな時はこちらのエントリ。 以前紹介した事がある45個のハイクオリティアイコン作成方法も合わせてどうぞ。 わかりやすいチュートリアル抜粋 ボックスアイコンの作成 Vistaボタンアイコン ディスクアイコンの作成 この3点は難易度低め。チャレンジするならこの辺からでしょうか。 とりあえず基本はバッチリだという人は以下の2つ。 バッテリーアイコンの作成 本のアイコンの作成 この二つは覚える事がいっぱいありますね・・・。 他にも多数のアイコンチュートリアルが掲載されています。興味のある方は是非。 22 Extremely Well Written Icon Design Tutorials この他、過去に紹介しているphotoshopで作る45のベストアイコンチュートリアルも合わせてどうぞ。 45+ Best Icon Design Tutorials 被ってるのがあるのはご
How to Place a Fantasy Creature in a Misty Landscape - Psdtuts ファイナルファンタジーみたいなファンタジックな生き物を背景に合成するPhotoshop技術。 次のようなかっこいい画像を作るチュートリアルです 巣の鶏と卵の画像を風景に合成していくテクニックはなかなか秀逸です。 影なんかもちゃんと描いていく芸の細かさで、チュートリアルでも本格的にやっているところが偉いですね。 空想した世界を自在にPhotoshopで表現できるようになると仕事の幅が広がりそうですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 Photoshopイラスト作成チュートリアル40集 あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ
9lessons: jQuery and Ajax best 9lessons. jQueryやPHPを使った便利な仕組みのチュートリアル集。 9lessonsというサイトがあって色々便利な仕組みのチュートリアルが公開されています。 Twitter Like More Button with jQuery and Ajax. 「もっと読む」をajaxで実現するサンプル Exactly Twitter like Follow and Remove buttons with jQuery and Ajax Twitter風のフォロー、削除ボタンを実現するサンプル Delete a Record with animation fade-out effect using jQuery and Ajax. 行を削除してフェードアウトアニメーションをさせるサンプル jQuery Username Av
1ステップずつ詳細に解説された、Photoshopでスタイリッシュなボタンとバナーを作成するチュートリアルを紹介します。
Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I wi
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
フローラルな柄を使用して、古びた感じのエンシェント風のテクスチャを作成するPhotoshopのチュートリアルをPhotoshop Starから紹介します。 An Old Texture from Ancient Times チュートリアルでは、ブランクの状態から、グラデーションツールをはじめ、フィルター、ブラシ、消しゴムツールなどを丁寧に使用して、エンシェント風のテクスチャを作成しています。 使用しているフローラルなPhotoshopのブラシもダウンロードができます。
How to Create a Professional Logo | Webdesigner Depot プロフェッショナルなロゴ作成の手順、ということで、単にロゴを作って終わりというのではなく、ロゴを作った後々まで考えた上での、プロならではの制作手順が書かれていてなかなか勉強になりました。大まかにメモしてみました。 1. まず紙に書いてブレインストーム 紙なら自由に書けるし、どこでも変更が容易ですね 色々練っておくことで顧客との調整もうまくいきそう 2. イラストレーターなどでベクター化 プリント・拡大/縮小されることなんかを考えて当然、ベクターでデザイン 3. 色合いを決める 依頼者のイメージにあった色合いを作成 「Adobe’s free Kuler service」などを使うと便利。 4. 白黒のバージョンを作る コピー、FAX等、白黒で使われる場合のための表示確認。 白黒にした
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く