Photoshopの最近のブログ記事

僕が今使っているAdobe web premiumには、Fireworksというソフトが収録されています。
PhotoShop、Dreamweaver,Illustratorなどは誰もが知っているかと思いますがFireworksとは一体なんでしょう？
まず、Adobeのページで調べてみました。
Adobeのページのタイトルは、ずばり
「スクリーングラフィック」「プロトタイプ作成」との記述がありました。
プロトタイプ作成とは、ホームページの制作にあたって初期の構想段階であります。
こんなレイアウトで、ここのこのような文章を入れてなど大まかな感じを設計することを指します。

そしてこのソフトですが詳しく見た所、Web用の画像編集ソフトのような感じの事が書いてあります。
と、文章ばかり書いていてもよくわからないので立ち上げてみた。



ふむふむ、ツールバーは↑から選択・ビットマップ・ベクトル・Web・カラー
ほぉ、Photoshopと違う所はベクトルが書けるという所かな。
そして実際にいじってみた。
なんと！Webボタンにはリンクまで付いているではないか！
5分ほど触った感想を書いてみると。
PhotoShop+Illustrator+Dreamweaver的なソフト。
まぁ、プロトタイプ作成なので全ソフト的なものではないと作れないわけだが。
結構面白いこのソフト。
最終的には、CSSレイアウトを外部スタイルシートと一緒にエクスポートする機能までが付いているそうです。
かなり興味深いソフトでした。

こんにちは！
今日はフォトショップのネタです。
スライスツールっていう便利なものがあります。
これはWebページを作るのにかなり使えるみたいなことをどっかの雑誌で読んだことがあります。フォトショップで作りたいホームページのレイアウトや画像を作りこんで
スライスツールで画像ごとに綺麗にスライスして、Divで組み上げたDreamweaverに投げ込み最終調整するだけで簡単にホームページが作れちゃうんです。
あんまり手をかけない簡単なホームページならこれくらいでも良いのかな！？
それではまたー

こんにちは！
今年になってから、ばたばたな毎日ですが
久々のブログ更新です。
今日はPhotoshopネタです。
トップヘッダーを作るにしても
サイトのパーツを作るにしても重宝しているのが
カスタムシェイプです。
カスタムシェイプでGoogoleで検索するといっぱい出てくるのですが
ダウンロードして保存してPhotoshopで読み込むだけでいろいろなシェイプが出現します。
透かしてパーツに入れても良いし、そのまま色を付けて入れても良し。
最近のマイブームです。

あけましておめでとうございます！
空けてもバタバタですが、今年の
一人前のWebデザイナーになるという
目標達成の為にも日々がんばり続けます。
最近は、PhotoshopやDreamweaverなどなど
をいじらせていただいております。
ホームページを作りたいけど作れないって思ってるあなた！
とにかくAdobeを買いましょう。
実際、自分もAdobeが欲しいです。
自宅で、心行くまでいじりたいです。
それでは今日はこのへんで！
ばいばい！

ウェブページを制作するにあたってブラウザはかなり重要です。
いろいろとカスタマイズできるFirefoxを使いはじめていますが
アドオンといって機能を追加する事ができます。
その中で僕が使っている使えるアドオンを紹介しちゃいます。

GooglePreview
GoogleとYaooの検索結果にウェブページのプレビューを追加します。
参考にしたいウェブを探すのに便利。

はてなスクリーンショット拡張
ブラウザのスクリーンショットを撮ったりするアドオン
ブログをあげる時に画像化できちゃいます。

Measurelt
画像のピクセルをメジャーで測る事ができます。
フォトショップでヘッダーを作るときのピクセルの参考などにできます。

Firebug
個人的にお気に入りです。指定した場所のソースコードを見たりできます。
CSSをいじるのに無くてはならない存在となってます。

基本的にはこのへんのアドオンを入れてこのブログサイトをいじったりしています。

こんにちは！
引き続きヘッダー画像についてです。
前回粗かった髪の毛の部分を綺麗にしてみました。
作業は全部フォトショップにて行います。
自分の画像の後ろにグレーの無地のレイヤーを置いて
１ピクセルの消しゴム、もしくは５ピクセルほどの消しゴムの回りをぼかして
地道に背景を抜いて行きます。地味な作業ですが、これが出来上がった後の達成感
は何とも言えない物があります。自分が納得の行くものの
さらに上を目指しながらやってみましょう！

こんにちは！
今日はヘッダーの画像についてです。
ヘッダーの画像は一番上のホームペジ制作のお勉強と書いてあるあの画像です。

トップページを開いて一番最初に目が入ります。

最初に目に入るのでこのページの顔にもなる部分なので大切です。
これはフォトショップで作った物ですが
作り方はシンプルです。

こんな小さなピクセルの画像をフォトショップでパターン化して
塗りつぶし、上の部分に白い長方形で白くして
自分の画像を切り抜いて
タイトルの文字を入れただけ。
このままじゃシンプルなので、改造して行く予定ですのでお楽しみに。