photoshop（フォトショップ）で髪の毛を自然な形で切り抜く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます（今選択した部分のみコピーされ新規レイヤーに追加されます。） 「チャンネル」での処理 現状レイヤーには、基画像と、手順
外部RSSをサイト内に簡単に表示させる方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。 自分ののサイトに設置すれば新着情報として自動で更新することも可能ですね。 Google Ajax Feeds APIを利用 コードを取得 Googleアカウントでログインします。そして、画面下に、RSSを表示させたいサイトのURLを入力します。すると、ソースが表示されます。 「Google Ajax Feeds API」http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html ソースを外部JSとして保存 表示されたソースをそのままhtml内に組み込んでもいいの
float後、最後の文字が改行されて表示されるIEのバグの解消法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
IE上で上記のように、最後の文字が改行されて重複して表示されることはありませんか？これまで何度がこのような場面に直面したことはありますが、その度に解消法はどうだったかと調べていたものです。先日もサイトを制作していてこの状況に陥りましたので、今後のためにも解消法をメモしておきたいと思います。 バグ解消法 構造は下記のような感じにしています。 サイト全体をwrapperとして、その中にcontentsというボックスを設置します。そのcontentsの中にleft_box、center_box、right_boxをそれぞれfloat:left;で配置しています。 ちなみにサイズはwrapperは横幅720px、その中のcontentsも720px、3つのボックスは、それぞれ横幅230pxに設定し、left_box,center_boxにmargin-right:15px;を設定（230+15+2
Photoshop（フォトショップ）で自然な雲を描く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
Photoshop（フォトショップ）で自然な雲を描く方法 下地となる空の色を決定します まず下地となる色を設定します。色は後からでも変更できますのでとりあえず空っぽい色を設定しておきます。 ブラシツールを選択します ソフト円ブラシ（輪郭がぼやけたようなブラシ）を選択し、200pxぐらいの大きさに設定します。 ブラシの詳細を設定していきます－手順1 ウィンドウより、ブラシを選択します。（F5でも可） ブラシの詳細を設定していきます－手順2 「シェイプ」部分を選択し、上記の通り数値を設定します。 ブラシの詳細を設定していきます－手順3 次に「散布」を選択します。同様に上記の通り数値を設定します。 ブラシの詳細を設定していきます－手順4 次に「テクスチャ」を選択します。テクスチャは「雲模様」というのを選択をします。あとは数値を下記の通り設定します。 ブラシの詳細を設定していきます－手順5 最後に
ダウンロード後すぐに活用できるFlash写真ギャラリーサイト | 楽してプロっぽいデザイン | Forty-N-FiveBlog
こんなにクオリティが高く、すぐに導入できるFlashギャラリーサイトはなかなかないのではないでしょうか。現在作成中のサイトに導入しています。日本語で扱いには多少問題があったのでその解決方法も記しておきたいと思います。 ギャラリーサイトを設置する方法 ファイルをダウンロード まずはファイルをダウンロードします。（上記の画像をクリックしてください）Downloadよりファイルをダウンロードできます。 画像を準備 掲載する写真の準備をします。画像ファイルはimagesの中に入っていますが、imagesフォルダにはthumbsフォルダも入っています。使い分けはthumbsフォルダはサムネイルとなる小さいサイズの画像。imagesフォルダ直下には拡大画像（大きいサイズの画像）を入れておくためのものです。thumbsフォルダに入れる画像は、横幅200pxにサイズを縮小しておきます。（縦幅は特に無視）準
webデザイナー泣かせの無料ホームページ制作ソフト | 楽してプロっぽいデザイン | Forty-N-FiveBlog
ついにここまで来たかといった感じです。以下抜粋です"Jimdoはとても簡単に無料でホームぺージを作成できるソフトです。e-mailアドレスを入力して登録し、届いたメールのリンクをクリックすればホームページ作成がすぐに行えます。たくさんの写真をアップロードしてオンラインフォトアルバムを作成したり、ブログとしてもご利用いただけます。"さっそく登録してみましたが、これがAjax仕様で使いやすい。まさにwebデザイナー泣かせな制作ソフトです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flashサイトをフルスクリーン表示させてくれるjavascript | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップを使わずにアクアボタンをあっという間に作れるフリーソフト | 楽してプロっぽいデザイン | Forty-N-FiveBlog