タグ

チュートリアルとWebデザインに関するyue2323のブックマーク (6)

  • RedLine Magazine : Photoshop用ブラシをFireworksで。

    Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない(多分)ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま

  • Fireworks コレ、5分で作ります。その1 : RedLine Magazine

    Fireworks コレ、5分で作ります。その1 ※このエントリはFireworks CS4を元に書いています。 Fireworks の日語チュートリアル少ないなーという話を先日Twitterでしていたので、なんか作ってみます。あまり超大作のチュートリアルは手順を書く気力が途中でなくなりそうだったので、今日は5分くらいでコレ作る方法を書きます。 今回の完成形 見出しの背景画像によくありそうなこういう画像をパパっと作ります。 今回は素材集等、Fireworks の機能以外のものは使いません。 土台を用意 まずは一番下の土台を作ります。よくあるアクア風のやつにしますね。矩形で適当なサイズで長方形作って、塗りを線形のグラデーションに。4色決めてスライダーを調節。外側には1pxの線も加えます。 ここでのサンプルのサイズはW 470 * H 40 としました。 こういう見出し用の背景画像でよく左側

  • http://www.designwalker.com/2009/06/flash-effect.html

    http://www.designwalker.com/2009/06/flash-effect.html
  • CSSの見出しサンプル | ユージック

    CSSの見出しサンプル 2006年11月28日 業務を効率よくスピーディーに行うためのCSSで作る見出しサンプル集 パターンは考えると星の数ほどありますが、ここでは実際にニュースサイトやブログでも使われている“使える見出し”にこだわってみました。 アイデアが思いついたら随時追加していく予定です。 画像を使わないオーソドックスな5パターン CSSだけを使用した使い回しのきくオーソドックスなスタイル 使える見出し h5#midashi_01{ padding:5px 0 5px 15px; border-left:#009900 8px solid; border-bottom:#009900 1px solid; font-size: small; font-weight: bold; color:#333; } 使える見出し h5#midashi_02{ padding:5px 0 5px

    CSSの見出しサンプル | ユージック
  • 見出しをCSSでシンプルに装飾するtips - EC studio デザインブログ

    谷です。 今回はデザインブログらしく、デザイン系の記事を書きます。 私は企画デザインで主にHTML/CSSコーディングと プロモーション系以外のデザインをしています。 具体的にはボタンの画像や、見出しの装飾画像などです。 ※制作するサイトによっては全体の情報設計などもおこないます。 デザインブログというからには、ブログの投稿記事なども 見やすく見栄えよく!と思い立ったので、CSSを利用した 簡単な見出しのデザインを紹介します。 画像・余分なマークアップ(タグを加えたりとか)無しでデザイン ↑のような見出しのデザインですね。 見出しに該当する文章は基的に「h○タグ」でマークアップされますので そのh○タグ(今回はh4タグ)を装飾していきます。 1.これは見出しです。 非常にシンプルな形です。ブログの記事のタイトルの装飾は これの色違いですね。 2.これは見出しです。 付せんのようなデザイン

  • 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 - WEB人

    当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開:2009年11月 9日 10:52, 更新:2009年11月 9日 11:37 トラックバック(0)  コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか?今回は、そんな人のための「目指すは脱・ド素人!Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い

  • 1