タグ

ブックマーク / www.webdesignlibrary.jp (9)

  • Photoshopでヘッダーつきのコンテンツボックスを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでヘッダーつきのコンテンツボックスを作る方法 Photoshopでヘッダーつきのコンテンツボックスを作る方法 投稿日:2009年03月31日   レベル:初心者    ソフトウェア: このチュートリアルでは、ヘッダーつきのコンテンツボックスを作ってみたいと思います。 Step1 : はじめに Step2 : コンテンツボックスの背景を作成する Step3 : ヘッダーを作成する Step4 : コンテンツボックスの見出しを作成する Step5 : 完成

  • Photoshopで発光するテキストを作る方法 / ウェブデザインライブラリー

    テキストレイヤーのレイヤースタイルを開き「ドロップシャドウ」、「シャドウ(内側)」、「カラーオーバーレイ」を設定します。 ここで設定する数値は好みに応じて自由に変えることができます。 次の画像は今回使った設定です。 レイヤースタイルを設定したら、レイヤーパレット上で右クリックしてテキストレイヤーを複製します。 複製したレイヤーを非表示にして選択しているレイヤーの下に配置します。 「レイヤー」−「表示レイヤーを結合」を選択します。 続けて「フィルタ」−「変形」−「極座標」を選択して、「極座標を直交座標に変更」を指定します。 すると次のようになります。 「イメージ」−「カンバスの回転」−「90°(時計回り)」を選択します。 それから「フィルタ」−「表現手法」−「風」を選択して、「右から」を選択します。 「Ctrl」+「F」キーを何度か押します。「フィルタ」−「表現手法」−「風」を選択して「左か

  • ウェブサイト開発に不可欠な7つの法則 / ウェブデザインライブラリー

    投稿日:2008年2月26日   レベル:初心者    ソフトウェア:- ウェブサイトを開発する際には、いろいろと細かいことに注意を払う必要があります。ウェブサイトが適切に目的を果たすことが必要です。今回は小規模ビジネスのウェブサイト開発をする時にまず見ておく必要がある7つの法則について説明します。 Step1 : フラッシュのページを使わない Step2 : バナー広告を使いすぎない Step3 : シンプルで分かりやすいナビゲーション Step4 : ユーザーの居場所をわかりやすくする Step5 : 読みやすくする Step6 : 音声を流し続けない Step7 : ウェブ標準に従う ウェブサイトを見つけると最初にフラッシュのページがあります。通常は「ようこそ」や「クリックして入る」といったことばときれいな画像があります。しかし実際は、目的のないきれいな画像にすぎません。来てくれた訪

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

  • フォトショップで金色に輝くテキストを作る方法 / ウェブデザインライブラリー

    投稿日:2007年6月5日   レベル:初心者    ソフトウェア: このチュートリアルでは、金色に輝くテキストを作成します。 Step1 : 新規ファイルの作成 Step2 : グラデーションオーバーレイ Step3 : レイヤースタイル適用後 Step4 : 選択範囲の縮小 Step5 : 選択範囲縮小後 Step6 : 選択範囲を反転 Step7 : グラデーションツール Step8 : レイヤースタイルを適用 Step9 : レイヤースタイル適用後 Step10 : 元のレイヤーを表示する Step11 : レイヤースタイルを加える Step12 : レイヤースタイル適用後 Step13 : もうひとつレイヤーを作成 Step14 : 輝くテキスト

  • Photoshopを使って髪の色を変える方法 / ウェブデザインライブラリー

    投稿日:2008年6月17日   レベル:初心者    ソフトウェア: このチュートリアルでは、フォトショップで女性の髪の色を変えてみたいと思います。 Step1 : 髪のエリアを塗る Step2 : 髪の選択範囲を作る Step3 : 髪を染める Step4 : 完成 髪の色を変えてみたいですか?それでは始めましょう! 写真を開きます。ここではきれいなアジアの女の子を使いますね。 ソフトエッジブラシを選択します。 「Q」キーを押してクイックマスクモードにします。ブラシを使って髪のエリアを塗ります。ここでは厳密に塗る必要はありません。

  • Photoshopで眠れぬ夜を表現する方法 / ウェブデザインライブラリー

    投稿日:2008年7月11日   レベル:中級者    ソフトウェア: このチュートリアルでは、フォトショップで眠れぬ夜を表現してみたいと思います。 Step1 : 背景を作成 Step2 : 建物を入れる Step3 : 窓に明かりをつける Step4 : 月を入れる Step5 : 完成 新規画像を作成し、濃い目のダークブルーで塗ります。それから、大きな(800ピクセル-1000ピクセルの)ソフトラウンドブラシで、黒をあちこちに追加します。さらに、ぼかし(「フィルタ」−「ぼかし」−「ぼかし (ガウス)」−「半径30ピクセル-40ピクセル」を選択)を適用して背景を滑らかにします。 続くステップでは興味深い不均一なテクスチャを作ることができます。新規レイヤーを作成し、プリセットマネージャで「荒い刷毛」に変更してから色を白に設定し、ばらばらのブラシストロークでレイヤー全体を塗ります。 さらに

  • フォトショップで雲から光が差し込む画像修正 / ウェブデザインライブラリー

    投稿日:2006年10月6日   レベル:−    ソフトウェア: 1.編集するイメージを開きます。 2.レイヤーを複製して、レイヤーモードをスクリーンにします。 3.レベル補正で次の設定を適用します。入力レベル:0、0.1、255 4.ぼかし(放射状)を適用します。フィルタ>ぼかし>ぼかし(放射状)を次のように設定してください。 大きさ:100 種類:ズーム 画質:高画質 5.自動レベル調整を適用してください(Ctrl+Shift+L)。 6.現在のレイヤーを効果が現れるまで何回もコピーします。 7.最初のイメージと見比べてください。 引用:Web Design Library 著者:FotoFects翻訳:atuk

  • Flashで雪を降らせるアクションスクリプト / ウェブデザインライブラリー

    投稿日:2006年6月6日   レベル:−    ソフトウェア: イントロダクション このチュートリアルではダイナミックな雪を降らせる方法を紹介しようと思います。クリスマスに向けて最後の仕上げに使えるんじゃないでしょうか?この雪はアクションスクリプトによって制御されており、それぞれの雪片をトウィーン制御しているわけではありません。雪はマウスを動かした方向に刺激を受けて流れます。また、それぞれの雪片はそのスピードもまちまちです。小さな雪(遠くにある)はゆっくりと降ります。少しだけランダムな効果を与えてやれば、雪片は同じ方向に降ることもなくなります。 ステージの設定 フレームレートを25fpsに設定します。違うフレームレートを使いたければ、コードを編集してください。そうしなければ、速過ぎるか、遅すぎる結果になってしまいます。では、小さな円をステージに作ってください。サイズはあなたが、雪片にした

  • 1