Photoshopでつくるタイポグラフィのチュートリアル -Part17Photoshopでつくるタイポグラフィのチュートリアルの紹介です。 Displaced Text Text Effect in the Chameleon Style
PHPによってCSSを動的に出力する初心者向けチュートリアル:phpspot開発日誌
Build Your Site With Dynamic CSS - Fantastic Web Design PHPによってCSSを動的に出力する初心者向けのチュートリアルが公開されてます。 CSS自体をPHPで書いてしまうことで変数の使い回しや、if 文によって柔軟な出力ができるようになりますが、まだPHPを使ったことがない、という方にもわかりやすい解説になっているのでPHP入門としても使えそうです。 はじめ方としては、<link rel="stylesheet" href="css.php" type="text/css" media="screen" /> のようにCSSにPHPプログラムを動作するように設定した上で、css.phpの中身を書いていくというチュートリアルです。 css.php の中身にはPHPプログラムを書くものの、非常に簡単なものなので容易に理解できるはずです。
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
チュートリアルでここまでやる？というプロレベルの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 マジックをイメージした、少し怪しげなレイアウト。占
2009年の凄いPhotoshopチュートリアル100種:phpspot開発日誌
2009年の凄いPhotoshopチュートリアルが100種類まとまったエントリのご紹介です。 次のようなすごいチュートリアルが満載です。年末年始に暇な方はこなしてみるのもよいかもしれませんね。かなり力がつきそうです。 以下のエントリを参照してください。 The 100 Most Popular Photoshop Tutorials 2009 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 輝く綺麗なクリスマスツリーを描画するPhotoshopチュートリアル
ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
知っておきたいillustratorのチュートリアル40 – creamu
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
インパクトのあるアイコンをIllustratorで作成するチュートリアル集:phpspot開発日誌
インパクトのあるアイコンをIllustratorで作成するチュートリアル集。 次のような、綺麗なアイコンをIllustratorで作成するチュートリアル集が５４個もまとまったエントリが公開されています。 アイコンはラスターで作ると楽ですが、よく使うであろうアイコンの場合、どのサイズでも同じに使えるベクターで作っておくと後々便利ですね。 リンク先は以下のエントリを参照してください。 55 Adobe Illustrator Icon Design Tutorials ・Noupe 関連エントリ 綺麗なアイコン作成のチュートリアル集 白黒だけどシンプルで使いやすそうなアイコンセット「PICOL Icon Library」 ユニークなAjax読み込みアイコンが作れる「Chimply」
[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート | コリス
divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
ネットで学べるillustratorチュートリアルサイト集 – creamu
spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の
PSDとXHTMLがセットになったWebデザイン学習キット色々:phpspot開発日誌
6 Free PSD/(X)HTML-Templates | Freebies | Smashing Magazine PSDとXHTMLがセットになったWebデザイン学習キット色々。 １からWEBデザインを作るとなると、Photoshopでベースを作成→HTML化の作業が必要ですが、Photoshop、HTML、CSSがセットになったものが公開されています。 デザイン自体も次のようなプロが作ったと思われるクオリティのデザインになっています。 Shape Projection Template Artificial Casting Template すべて見る＆ダウンロード 色合い変更や少々のレイアウト配置変更といったカスタマイズで独自ページも容易に作れるかも。 関連エントリ プロによる美麗サイトデザインを構築するPhotoshopチュートリアル集 プロのサイトデザイン方法を作って学べる手
訪問者と管理者に有用な403/404エラーページを作るPHPチュートリアル:phpspot開発日誌
404/403 Website Error Pages With PHP Auto-Mailer - Nettuts 訪問者と管理者に有用な403/404エラーページを作るPHPチュートリアル。 apacheデフォルトのエラーページは不親切ということで、カスタムエラーページを作ろうという議論は前から色々あるみたいですが、その具体的方法について。 単純なチュートリアルだけではなく、どういう内容にすればよいか、エラーの情報をどうするか、などの見本もあって興味深いものとなっていました。 知っている人にとってはあまりにも当たり前すぎて逆に着手しないという風に流れるかもしれませんが、一度、記事を参考にエラーページについて考えなおしてみようかな、と思ってしまいました。 phpに詳しくない方でも、チュートリアルを見れば、物凄く簡単に設定できるので設定してみるのもよいかも。 phpでの403,404ページ
あの有名プロダクトのロゴを作るPhotoshopチュートリアルいろいろ:phpspot開発日誌
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
70 Excellent Photoshop Resources
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Adobe Photoshop is the tool of choice
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
CSS Tutorials Creating Web Layouts And Navigation」psd+XHTMLでWEBサイトを構築するチュートリアル43選「43 PSD to XHTML, | DesignDevelop
皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか？制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。 How To Create a Horizontally Scrolling Site 全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。 詳しくは以下 ■From PSD to HTML, Building a Set of Website Designs Step by St
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://bestphotoshoptutorials.net/2009/01/25/70-photoshop-tutorials-for-web-designers/
ページめくりのFlashのUIをAS3で実現「MegaZine 3」:phpspot開発日誌
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 8
ぼかしを使って、ひと味違ったグラデーションを作るPhotoshopのチュートリアル