photoshop（フォトショップ）で髪の毛を自然な形で切り抜く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます（今選択した部分のみコピーされ新規レイヤーに追加されます。） 「チャンネル」での処理 現状レイヤーには、基画像と、手順
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
美しくて機能するウェブデザインを作成するPhotoshopの7つのテクニック
クリーンで、エレガントで、美しく、そしてしっかりと機能するウェブデザインを作成するのに役立つPhotoshopのテクニックを紹介します。 7 Photoshop tips for designing clean and modern websites [ad#ad-2] 下記は各ポイントを意訳したものです。 1. Space(ホワイトスペース) 2. Depth(奥行き) 3. Detail(ディテール) 4. Definition(明確) 5. Interest(興味) 6. Perspective(遠近法) 7. Readability(リーダビリティ) 1. Space(ホワイトスペース) スペースはボックスやラインやグラフィックなどを使用しないで、デザインエレメントの見た目での分離を可能にするもので、モダンデザインの中でも最も重要なテクニックです。これはコンテンツのプレゼンテーショ
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
かすれた質感を強調したクレヨンタッチのイラスト - MdN Design Interactive
クレヨン風のタッチを表現するためのポイント クレヨンのかすれたテクスチャを再現する 線からはみ出るようにラフに彩色する 不透明度の高いはっきりした色で描く クレヨンで描いたようなタッチにするためには、いかにもそれらしいかすれ具合を再現することが大切だ。また、このかすれを見せるために、大きめのブラシを用いて、線からはみ出すようにラフに彩色するといいだろう。 クレヨン風のタッチを表現するためのブラシ設定 （クリックすると画像が大きく表示されます。） ここでは、［ドライメディアブラシ］の［ワックスクレヨン（厚塗り）］を使用して、クレヨンの質感を表現した。また、ペンタブレットを用いるときは、ブラシパネルの［その他］で［コントロール：筆圧］と設定しよう。 背景レイヤーを茶色で塗りつぶす 1-1 まず、イラストを描くためのベースをつくる。新規ファイルを1,240pixel四方のサイズで作成。続いて描画
フォトショップwebデザインマニュアル
フォトショップを利用したwebデザインマニュアル一般的なボタンの制作です。 角丸の四角に、グラデーションとドロップシャドウをいれます。 文字にもグラデーションとドロップシャドウ 丸にはグラデーションとシャドウでヘッコンだ感じに。 三角はピローエンボスでぼこっとした形にしました。 ポイントはドロップシャドウの数値でしょうか。 距離は１、サイズは３ぐらいで十分だと思います。 ディフォルトの距離５ サイズ５ではぼんやりしてしまうので このぐらいがミソです。 このサイトを支援する。 Posted in チュートリアル, フォトショップ | No Comments » 120以上生成できるCSSメニュー作成ジェネレータ『IzzyMenu』レビュー というエントリーより。 山ほどのメニューデザインがつくれます。 とりあえず、まとめて見ました。 ずらっと見て、そのなかでサイトイ
『PhotoshopでWEBデザインのチュートリアル』
どもでしヽ(ﾟ◇ﾟ )ﾉ いま、PCサイトのデザインを制作中なのですが こんな チュートリアルを見つけたので ⇒フォトショップでシンプルでオシャレなウェブレイアウトをデザインする方法 このチュートリアルを参考に PhotoshopでWEBデザインを作ることにしましたヽ(ﾟ◇ﾟ )ﾉ いつもは、Fireworksでデザインを作成するのですが Fireworksで縦長の角丸の四角って、変になりませぬか？！(´Д｀；) 綺麗な角丸になってくれません。。縦に引き伸ばされてしまいます。。 何か方法のあるのでしょうか・・・ わたしはこういう基礎的な部分の知識が抜けていたりします(_ _。) Photoshopだと、縦長の角丸四角でも 綺麗に角丸になるので これを機に、Phptoshopの勉強をしようと思います。 上で紹介した記事中でも紹介されているのですが バランスの良いWEBデザインのポイントとして
ホームページ作成講座: 横線・斜線の入った画像
フォトショップ講座〜横線・斜線の入った画像 webデザインでは、よく横線や斜線の入った画像が使われます。 最近は斜線を駆使して凝ったデザインをしているところをよく見かけます。 フォトショップ（Adobe Photoshop）を使えばやり方は簡単です。 【パターンオーバーレイ】を利用して簡単に横線や斜線を入れる方法を紹介します。 パターンオーバーレイ１〜横線を入れる場合。 縦2ピクセルの次のような画像を作ります。 （透明の背景に1ピクセル白を塗る） そのあと、 ・【編集】→【パターンの定義】 これで横線用の画像が使用できるようになります。 その後は、効果を適用したいレイヤー上で ・【レイヤー効果】→【パターンオーバーレイ】 を選択し、横線用の画像を選びます。 ↓↓↓ 例えば、この画像に ※素材使用可 ↓↓↓ 横線用のパターンオーバーレイを適用するとこうなります。 ※素材使用可 パターンオーバ
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」:phpspot開発日誌
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://e0166nt.com/blog-entry-847.html
新着記事