photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。 Advanced Glow Effects 光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Space Lighting Effects in 10 Steps – Photoshop
Fireworksでモダンなストライプを作ってみました！ | WebDesign Basic（Webデザインベーシック）
お久しぶりです。今回はFireworksでモダン風ストライプを作ってみました！ 完成はこんな感じになります。どうでしょう？ランダムな色のストライプがスタイリッシュなイメージに見えませんか？ それでは作り方です！ まずグラデーションツールで「しわ」を適応する グラデーションツールで「しわ」を適応します。色は特に気にしなくても大丈夫です グラデーションを水平方向にかける 次にグラデーションを水平方向にかけます。（垂直方向にストライプを作りたい場合は垂直にかけます。) それっぽくなってきましたね！ 使いたい色を配色する 使用したい色と割合を決めます。なるべくグラデーションにならないように配色するのがポイントです。 あとはフィルタなどで色味を調整すれば完成です！ スタイリッシュなサイトのメインビジュアル部分や化粧品などのキャンペーンバナーのバックにも使えそうですね ●おまけ バーコード風デザインも
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
Photoshopでリアルな鉛筆ブラシを作る方法
Adobe Photoshopで、上の画用紙に描いた鉛筆のような表現を、ブラシの設定を行うことで実現する方法を紹介します。 ブラシやパターンのプリセットは全て標準でインストールされているものを使用しています。 必要なもの： Adobe Photoshop 7.0以降（Photoshop Elementsシリーズ不可） Intuosや、Favo、Bambooなどのペンタブレット 作例はMac OSX、Photoshop CS3の環境です。 Photoshopを起動して、ブラシツールが選択された状態で以下のように設定します。 「ブラシプリセット」から ハード円ブラシ（9pixel） を選択 マスター直径：7 px にする 「テクスチャ」にチェックを入れ、 パターンピッカーを開いて、オプションから「アーティスト」を選択（追加でも置き換えでもよい）、 バーバー（128×128ピクセル、グレースケー
Fireworksで立体的なアイコンを7分で作る方法 - EC studio デザインブログ
さて、今回は前回の「Fireworksで立体的なアイコンを作る方法」よりも もっと簡単にできるアイコンの作り方です。 今回は5分で作れるアイコンのご紹介！！ …の予定でしたが、ブログ記事用に作り直したら7分ちょうどかかりました。 すみません… 操作自体は簡単なので、速い方は5分でできると思います。 ぜひ、5分に挑戦してみてください！ アイコンはこちら、建物アイコンです。 ページ下部で制作動画の紹介や、ベクトルデータのダウンロードも可能です。 会社概要の見出しなどに使ってみてくださいね。 速く作るポイントは2つ パスの変形「歪みツール」を使う フィルター効果「シャドウ（内側）」を2つ重ねて使う たったこれだけです。 1.平面の形を作る パースのあるアイコンですが、 まずは真正面から見た図（平面図）をつくります。 2.歪みツールで立体的にする 平面ができたら、１面全部を選択し「歪みツール」で立
[WP]WordPressテンプレートカスタマイズ用小技メモ
テンプレートファイルのカスタマイズで使えそうなソースのサンプルをつらつらと書き散らしてみる。その２はこちら。 タイトルの文字数制限 一定数以上のタイトルを省略（抜粋）する。 下記サンプルだと10文字まで拾って以下を三点リーダにしています <?php $title= mb_substr($post->post_title,0,10); echo '<h1>'.$title.'…</h1>'; ?> 検索キーワードとヒット数の表示 search.phpとかに入れると結構見栄えがいい。 <?php $allsearch =& new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; if($count!=0){ echo '<em>'.$key.'</em>
![[WP]WordPressテンプレートカスタマイズ用小技メモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
ロゴを（切り抜かずに）透過する - DTP Transit
支給されたロゴがビットマップのみで、かつ背景が透過されていないといったケースがあります。 トレースしようにも解像度が低くてムリ、こんなときに使えるテクニックをご紹介します。 この記事の元ネタは、CreativeTechs Tips » Isolate a Logo on a Transparent Background.です。 斜体の「背景」レイヤーになっている場合には、レイヤー名をダブルクリックして「レイヤー0」に変更します。 ロゴの透過を確認するための新規レイヤー（レイヤー1）を作成し、適当なカラーで塗りつぶします。「レイヤー1」は「レイヤー0」の下に移動します。 「レイヤー0」のサムネールをダブルクリックして、［レイヤースタイル］ダイアログボックスを表示します。［ブレンド条件］の「このレイヤー」にある白いスライダーを左方向にドラッグします。 「レイヤー0」の白地が透けますが、フリンジ
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 &lt;ul&gt;
16 Great Photoshop Light Effect Tutorials - Design Shard
I’ve selected various Photoshop tutorials that I’m liking at the moment for light effects, some have quite cool techniques on how to achieve the end result that can be applied to a million different designs (try and experiment with them), check them out below. You might also enjoy: 25 Examples of Light and Space Effects In Web Design 25 Examples of Light Effects In Web Design Design a Vista Styled
iPhone開発で役立ちそうなチュートリアルの紹介
海外のサイトでは、iPhoneアプリの開発初期に役立ちそうなチュートリアルが多数存在しています。今日はその様々なチュートリアルを紹介してみます。 iPhone Programming Tutorialhttp://icodeblog.com/チュートリアル内容UITableView Hello WorldXcodeを使ってUITableViewに「Hello World」を表示する。Beginner Interface Builder Hello World Interface Builder（IB）を使って「Hello World」を表示する。Connecting Code to An Interface Builder ViewIBとXcodeを繋ぐための解説。非常にわかりやすい。Transitioning Between ViewsIBで作ったViewとUITableViewを連携さ
最近のトレンドを踏襲したウェブサイトを作成するチュートリアル集
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
美しいHTMLの条件を綺麗にまとめた一枚の画像 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
WordPressのコーディングテクニック10 – creamu
Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。 これは自分的にもタイムリー。ざっとご紹介しますね。 エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.tag-wordpress」といったクラスにCSSを指定できるようにする。post IDでは例えば「#post-876{} 」にCSSを適用できる 関連するエントリーをサムネイル付きで表示する PHPの画像リサイズスクリプトであるTimbThumbを使って、画像を40 x 40pxにリサイズ トップページの見せ方を変える 新着3件のエントリーを、他と違ったデザインで見せるテクニック 複数のループを使う WPの標準機能である「rewind_posts()」を使って、1番目のループをリセットし、2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラレラボ illustrator-labo – イラレについてのシノゴノ
ピントがズレた写真をクッキリさせる簡単な画像補正テク（動画あり） | ライフハッカー・ジャパン
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
FLASHRAVE - FLASH 講座 -
WordPress – わが猫とカメラマンさん
