onomura86のブックマーク (41)

  • Photoshopを使ったスタイリッシュなパターンの作り方ガイド / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopを使ったスタイリッシュなパターンの作り方ガイド Photoshopを使ったスタイリッシュなパターンの作り方ガイド 投稿日:2008年9月9日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでスタイリッシュなパターンを作ってみたいと思います。 Step1 : はじめに Step2 : パターンを作成 Step3 : パターンとその結果 ここではクールな背景や効果を作るスタイリッシュなパターンの作り方について紹介します。 一番知られているパターンの使い方の一つにページの背景があります。パターンを効果的に使うことによって読み込むイメージを小さくしながら背景全体に複製される非常に速いページを作ることができます。 このチュートリアルではいくつかのパターンについて扱い基から始めて例をすべて表示します。

  • Adobe Photoshop CS4 * 異なるレイヤー上のオブジェクトの整列

    移動ツール  を使用すると、レイヤーやグループの内容を整列させることができます(詳しくは、レイヤーの内容の移動を参照してください)。 次のいずれかの操作を行います。複数のレイヤーを整列させるには、移動ツールまたはレイヤーパネルで各レイヤーを選択するか、1 つのグループを選択します。 レイヤーの内容を選択範囲の境界線に合わせて整列させるには、画像に選択範囲を作成し、レイヤーパネルでレイヤーを選択します。この方法を使用すると、画像内で指定した任意のポイントに合わせて整列できます。 レイヤー/整列、またはレイヤー/レイヤーを選択範囲に整列を選択し、サブメニューからコマンドを選択します。移動ツールのオプションバーの整列ボタンを使用すると、これらと同じコマンドを実行することができます。 上端 選択した各レイヤーの一番上のピクセルを、選択したすべてのレイヤーの中で最も上にあるピクセルか、選択範囲の境界

  • Photoshopのブラシのインストール方法 | Material

    Photoshopのカッコいいブラシをゲッツしてもインストール方法がわからなければ意味がありません。というわけで、Photoshopにブラシをインストールする方法を説明します。 Photoshopにブラシをインストールする方法 まず海外サイトなどからブラシをゲッツすると大体はファイルが圧縮されてるので解凍します。 解凍ソフトはこちら。Lhaplus、WinRAR ちなみにPhotoshopのブラシファイルの拡張子は、.abrです。 Photoshopを起動。 ブラシツールを選択。 上部メニューのすぐ下にあるオプションのブラシの右横にある三角形をクリック。 開いたブラシの選択画面の右上にある三角形をクリック。 開いたブラシメニューのなかほどにある「ブラシファイルの読み込み」をクリック。 エクスプローラが開くので、ダウンロードしたブラシファイル(.adr)を選択して[開く]でOK! 4.の画面

  • 100 Essential Brush Strokes

    A hundred brush strokes created using a variety of paint brushes and acrylic paint. This set of Photoshop brushes contains everything from simple brush strokes to smiley faces. Add this essential set of Photoshop brushes to your collection. 100 Essential Brush Strokes Preview Download the Photoshop Brushes 100 Essential Brush Strokes (1250 pixels).zip

    100 Essential Brush Strokes
  • テーブルを使ってauの「隙間」を消す | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報

    テーブルを使ってauの「隙間」を消す|株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ auでたびたび問題となる、画像とブロック要素の上下にある消せないマージン、いわゆる「隙間」について、その回避方法を紹介します。divタグを入れ子にすることで消す方法もありますが、今回紹介するのは別解という位置づけになるでしょう。使うのは、携帯サイトでは何かと御法度のように言われているtableタグです。 au隙間バグ回避方法 使うのはtableタグ tableタグは携帯で使えないのでは?と思った方もいると思います。そんなことはないんです。使えないと言っているのは携帯サイト制作のノウハウなどだけで、実際はほとんどの端末がtableタグに対応しています。現在サービス中のau端末でtableタグ非対応機種はありません。 au隙間バグとはどんな現象

  • ランディングページ(LP)集めました。: 青・ブルーランディングページ一覧

    WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ!

    onomura86
    onomura86 2010/01/12
  • FastStone Capture - k本的に無料ソフト・フリーソフト

    高機能なスクリーンキャプチャーツール。 アクティブウインドウ、ウインドウ内のオブジェクト(ツールバー等)、マウスドラッグで囲んだ矩形領域 / フリーハンド領域、スクロールが必要な縦長画面、画面全体... を、画像としてキャプチャすることができます。 キャプチャを時間差で実行する機能や、キャプチャした画像を加工編集する機能、キャプチャ画像に 影 / ウォーターマーク / 端をギザギザに切り取ったような効果 を自動で加える機能 等々が付いています。 「FastStone Capture」は、高機能ながらも使いやすいスクリーンキャプチャーツールです。 見た目は非常にコンパクトでシンプルな感じですが、画面をキャプチャするにあたって必要な機能はほぼ全て備えており、さらにはキャプチャした画像をレタッチすることまでできる※1... というオールイン・ワンな画像取り込みツールです。 1 画像を リサイズ

  • フォトショップ小技【Photoshop使い方はフォトショップマニア】

  • ポスターを貼るセロハンテープのようなフリーのPhotoshop用のブラシ

    ポスターを貼るセロハンテープのようなPhotoshop用のブラシをRozairoから紹介します。 tape brushes シンプルなものやクロスしたものなど全部で8種類のPhotoshop用のブラシ

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

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

  • Photoshop(フォトショップ)のチュートリアル集まとめ (仕事の効率を上げる blog)

    仕事の効率を上げる blog 私的にも、仕事にも使えるサイト・フリーソフトWebツールWindows/Linuxのテクニックなどを 紹介しています。 大変分かりやすいPhotoshop(フォトショップ)のチュートリアル(使い方講座)集をまとめました。 Photoshop初心者の方は使い方を覚えるための学習用に、既に使いこなしている人にはtips集として最適かと思います。 学習用に使う場合は、分かりチュートリアルは飛ばして進めることをお勧めします。 【チュートリアル集】 動画で学ぶPhotoshop (27のテクニック) Web2.0サイトでよく見かけるのロゴの作成方法 写真のエフェクト 写真に古い雰囲気を出す方法】 球体をガラスのように見せる方法 写真の彩度や明るさが高い場合に補正する方法 レタッチの方法 白黒写真でコントラストを付ける方法 写真を白黒にする方法 写真に映ってい

  • フォトショでクレヨン調のイラストを描きたいのですが・・・・

    私は5.5使用なんですが一応クレヨンぽいエッジを持ったブラシはありますよ。 ただこれで塗っても、塗った範囲の周辺しかクレヨンぽくなりません。 それにパターン繰り返しが見えちゃうしイマイチですね。 (この文章で伝わらなければ追加説明しますが…) クレヨン調にしたい時私が良く使うのは、「拡散」フィルタです。 太めのブラシか鉛筆で線を引き、拡散を何度もかけていきます。 太い輪郭線や文字の加工に効果的だと思います。 広い範囲の場合は、アルファチャンネルに「スケッチ」フィルタの「ノート用紙」 あたりをかけてそれを元に選択範囲を作り、レイヤーに戻って塗ります。 すると紙の目が浮き出てパステルで塗った感じになります。 あとはブラシを「ディザ合成」にして塗るとブラシがかすれて「拡散」に ちょっと似た感じになります。 ぷちぷちが気になるなら後からぼかしをかけてもいいのですが仕上がりが平坦かな? なのでぼかし

    フォトショでクレヨン調のイラストを描きたいのですが・・・・
    onomura86
    onomura86 2010/01/06
     クレヨン調
  • Ripped Paper - Learn how to create an effect of a ripped paper.

    Search Example: Orb, Oman3d, Adobe Photoshop or Picture Editing Introduction: In this tutorial I will teach you how to create a torn or ripped paper effect. I created this effect using two types of brushes with different settings. The process was fast and it created a realistic look. If you are having problems feel free to e-mail us, or post a message on the forum. In this tutorial, I will teach y

    onomura86
    onomura86 2010/01/06
     紙が破れたような効果
  • DropCatch.com

  • ホームページ制作Dreamweaverの使い方、操作説明

    ホームページの制作ソフト「Adobe Dreamweaver」の使い方や説明をFLASHによるアニメーションでわかりやすく解説したホームページ制作のための入門サイトです。もちろん解説は無料です。WEBサイトの制作やHTMLのデザイン制作にお役立てください。Dreamweaverの使い方(操作方法)をアニメーションで覚えよう このサイトでは、代表的なホームページ制作ソフトであるAdobe Dreamweaverの使い方を、FLASHによる操作アニメーションを使い、説明します。 ホームページの制作・WEBサイトの構築にお役立てください。 なお、 操作アニメーションは、Macromedia Captivateというソフトウェアを用いて作成しています。 Dreamweaver使い方(動画操作説明)の収載内容一覧

  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    onomura86
    onomura86 2010/01/06
     グラデーションの使い方
  • ハイパーリンク -- ごく簡単なHTMLの説明

    WWWでは、読者は文書のある部分から、関連するほかの文書・場所へ直接ジャンプし、関心を持ったトピックについて、「文書」の枠を超えて次々に渡り歩いていくことができます。このような機能を持つ文書をハイパーテキストと呼び、関連づけをすることを「リンクを張る」と言ったりします。HTMLではa要素を使って文中の語句や画像からリンクを形成します。 目次: アンカー要素 ほかの文書へのリンク 文書の特定の場所へのリンク 名前を付ける 名付けたフラグメントにリンクする 名前付けの注意点 同じファイルの指定箇所へのリンク フラグメント識別子に関する補足 取り上げる要素: a アンカー要素 文中のリンク情報は アンカー要素(a要素タイプ)で表現します。アンカー(Anchor)とは「錨」のことですが、何かをつなぎとめるものという一般的な意味もあります。文書のある場所から別の場所(リソース)へのリンクを、文書と

    onomura86
    onomura86 2010/01/06
    アンカーの使い方
  • テーブル(表)のヘッダ行の直下だけを二重線にするCSS - スタイルシートTipsふぁくとりー

    《2016年2月10日 10:09 公開/更新》 テーブル(表)のヘッダ行の直下だけを二重線にするCSS [テーブル,線] ウェブ上に掲載するテーブル(表)を装飾する際、ヘッダ部分(見出し行の部分)の下だけを二重線にしたいと思うことがあります。ワープロでの装飾などでもよく使われるのではないでしょうか。表の中で「ヘッダ部分」と「中身部分」の境目に引かれる線だけを、二重線や太い線などに変えて区切りを目立たせるという装飾は。 例えば、以下のような感じです。 No. 作品名 作者名 状態 1 涼宮ハルヒの憂 谷川 流 読了 2 GOSICK 桜庭一樹 読了 3 お留守バンシー 小河正岳 読了 上記の表では「最上部の行」の下だけ、二重線で描かれていることが分かるでしょう。 ちなみに、表の外枠は太い線(2pxの線)になっています。 表のヘッダ部分だけを対象に特別なスタイルを付加したい場合は、thea

    テーブル(表)のヘッダ行の直下だけを二重線にするCSS - スタイルシートTipsふぁくとりー
  • css-lecture.com - css lecture リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • overflow

    Updated 2013.11.06 / Published 2007.02.02 overflowプロパティはブロックボックスの内容が指定された横幅・高さの領域からはみ出した場合の表示方法を指定します。 widthプロパティ、heightプロパティにより内容領域を指定されたブロックボックスが、指定されたサイズよりも内容が大きなサイズをもつ場合などが対象となります。なおCSS3では、置換されないブロックボックスを形成する要素と置換されないインラインブロックボックスを形成する要素に変更されていることから、インラインブロックボックスを形成する要素に対しても有効です。 値 visible hidden scroll auto inherit 初期値 visible 適用対象 ブロックボックスを形成する要素(CSS3では、置換されないブロックボックスを形成する要素と置換されないインラインブロックボ

    overflow