カーボンメッシュ、コンクリート、皮、木、紙などのテクスチャを一から作成するPhotoshopのチュートリアルをPsdtuts+から紹介します。 それぞれのチュートリアルでは各ステップごとにPhotoshopのキャプチャがあり、分かりやすく解説されています。 カーボンメッシュのテクスチャ
カーボンメッシュ、コンクリート、皮、木、紙などのテクスチャを一から作成するPhotoshopのチュートリアルをPsdtuts+から紹介します。 それぞれのチュートリアルでは各ステップごとにPhotoshopのキャプチャがあり、分かりやすく解説されています。 カーボンメッシュのテクスチャ
95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photoshopで使えるクールなエフェクト集です。 いい感じのものが揃っていますね。 Cool Watercolor Effect 水彩画のようなエフェクトをかけるチュートリアル Water Effect 人を水しぶきで型どったエフェクト Photo To Oil Painting Effect 油絵のように見せるチュートリアル Paint Splatter Mold ペンキが飛び散ったようなエフェクト Impressionist Painting Effect 写真を印象派の絵画のように見せるチュートリアル Photo to Pe
WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい!という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめに これはPHPの記事ではありません。コピペ(ファイル間でのソースの移動など)が基本になるのでプログラマーさんからすれば酷い記事になると思いますが、デザイナーさんが少しでもプログラミングに興味を抱き、理解する事でチームの作業が円滑になる側面も期待しつつエントリーしてみます。 で、カスタマイズする前に以下にご注意頂きたいと思います。 テーマファイ
ビビッドなもの、レトロ風なもの、水彩画風のものなど、多彩なカラーを使用したPhotoshopのチュートリアルを紹介します。
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
98125356/ iStockphoto/ Thinkstock かっこいいアイコンを自分で作りたい。 そんなときに参考になるのが、『35 icon design tutorials in Photoshop and Illustrator』。クオリティーの高いアイコンデザインチュートリアル集です。 Photoshopと、illustratorのチュートリアルがたくさん紹介されていますね。かなり細かく解説されているのでわかりやすいのと、psd、ai(eps) ファイルがダウンロードできるものもあります。 How to Make a Professional Buddy Icon in Photoshop Photoshopでスーツ姿の男性のアイコンを作るチュートリアル Icon design tutorial:How to make a Calendar icon iCalのような、カレ
リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 1280 x 1024pxの新規ドキュメントを作成。「長方形選択ツール」で矩形を描いて、qを押下。クイックマスクモードに入る。「フィルタ / ピクセレート / 水晶」でセルのサイズに「3」を入力してOK。もう一度qを押下してクイックマスクモードを解除、「Cmd+shift+alt+N」で新規レイヤーを作って、dを押下後、「Cmd+Delete」で選択範囲を白で塗りつぶす。「Cmd+D」で選択範囲を解除 「焼き込みツール」で露光量を20%にし、紙を暗く汚い感じに見えるまで塗る。その後、「フィルタ / テクスチャ / テクスチャ
97653441/ iStockphoto/ Thinkstock Photoshopでテキストにかっこいいエフェクトをかけたい。 そんなときに参考になるのが、『70 Photoshop Tutorials For Creating Perfect Typography』。Photoshopで作るタイポグラフィーチュートリアル集です。 かっこいいエフェクトが揃っていますね。 Create a Cool Wet Ink Typography Effect in Photoshop インクが滲んだようなエフェクトをかけるチュートリアル Suspended Text Effect ぶらさがったように見せるタイポグラフィー Photoshop Tutorials: Colorful Light Burst Text 閃光が奥から迫ってくるようなエフェクト Wood Inlay Text 木のオブジ
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve
デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく
ウェブサイトのトップページなどにぴったりなコンテンツスライダーやツールチップナビゲーションなどを実装したページを作成するチュートリアルをAcrisDesignから紹介します。 Create Portfolio Website With CSS/jQuery デモページ チュートリアルのポイントはダイナミックなアニメーションでスライドするコンテンツスライダーと補足情報がツールチップ表示されるナビゲーションです。 ツールチップナビゲーション マウスオーバーで補足情報を表示。 スクリプトのベースにはjQueryが使用されており、プラグインはそれぞれ下記のものが使用されています。 コンテンツスライダー Automatic Image Slider ツールチップナビゲーション Create A Floating Navigation チュートリアルではそれらのHTML/CSS/JavaScriptだ
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください(間違いやすい、わかり難いと思われるところは適宜補足します)。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介します。 Design an Italian Restaurant Web Layout レストランのサイトをデザインするチュートリアル。デフォルトで入っているカスタムシェイプをうまく使う方法など Create a Sleek, High-End Web Design from Scratch 背景のテクスチャやブラシをうまく使った、クールなサイトのデザイン手法 Create a Photo-Realistic Web Layout 木のテクスチャをうまく使ったデザイン Design a Non-Profit Web
画像やテキストを競技場や街にある巨大なディスプレイに映し出したようにするPhotoshopのチュートリアルをDenis Designsから紹介します。 チュートリアルはステップごとにキャプチャ付きで解説されています。 ごく簡単にまとめると、[フィルター]-[ピクセレート]-[モザイク]で10pxくらいのモザイクを適用し、LEDの質感をもたせるためにオリジナルのパターンを作成し適用します。 通常のカラー写真のような画像でも面白い効果がえられますが、下記のように画像を「2階調化」しても面白い効果がえられます。
Photoshopでクオリティーの高いデザインをしたい。 そんなときに参考になるのが、『Create a Clean and Professional Web Design in Photoshop』。Photoshopでクオリティーの高いデザインをするチュートリアルです。 新規ドキュメントの解像度設定(1200 x 950px)や、ロゴやメニューの作り方、グラデーションの具合、marginの取り方など、ディテールまで参考になるチュートリアルになっています。 記事の最後にある「clean-professional-weblayout」からPSDファイルをダウンロードできますね。 ぜひ見てみてはいかがでしょうか? Create a Clean and Professional Web Design in Photoshop 日曜日ももう終わりですね〜。猛烈作業中なのでがんばります。
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く