Photoshop
まだ全然写真が足りませんが、こんなイメージでいこうと思っています。
今日仕事で、カメラマンがさじを投げた仕事を代わりにやってあげました(笑)ヴィヴィアンのネクタイケースのブランドロゴの部分の写りこみを消すのに、ペンツールでなぞるのが大変だと思っちゃったみたいです。 じゃあ僕がやりましょうか？と代わりにやること…
imagesフォルダがだいぶ充実してきました。 明日の課題 メイングラフィックスの名前付け スライスの残りの確認 コーディングの下準備
今日は時間が少なかったのでここまで。続きは明日。
スキルチェックのページをPhotoshopへ書き出しました。スライスまで完了したので、imagesのフォルダを整理して、いよいよコーディングスタートです！！！
あとはスライスするだけの状態です。レイヤー数はざっと80位です。 フォルダ分けすればきちんとわかるものなんだなと思いました。 だいぶ選択範囲作りにも慣れてきました。
TopページをIllustratorからPhotoshopへ書き出して、Boxやボタン等を制作し始めました。IllustratorからのファイルをPhotoshopで扱うことに慣れていないので、かなり悪戦苦闘気味ですが、 使っていくうちに慣れていくはずなので、ここは辛抱。多いレイヤー数…
1.ファイル→書き出し 2.PSDを選択 3.レイヤーを保持にチェックが入ってることを確認 これでIllustratorのデータを、レイヤーを保持したままPhotoshopで開くことができます。ただ何故か、カラーモードをRGBにすると、『レイヤーを保持』にチェックを入れられ…
昨日BOSSがおっしゃってた裏ワザをやってみたら、文字がスクロールしました！ ヘルプ→Photoshopについて→about画面でctrlを長押し altキーでスクロールスピードがアップし、最後まで読むとadobe開発部からメッセージが。。。 そしてさらに『Adobe Photoshop…
実際のIKEAのサイトはナビゲーションが画像ではなかったので、勉強も兼ねてlink用とhover用との二種類作りました。 「すべてのエリア」に関しては、後でビヘイビア(ドロップダウンメニュー)を設定する予定なので、矢印の方向を変えてあります。ちなみに矢印…
作業時間60分(合計90分) Photoshopで自作したナビゲーションが並びました。 右上の部分はposition:relative;で位置決めしてあります。ナビゲーションにはビヘイビア→スワップイメージ(画像置換)を設定しました。 これで#headerはほぼ完成です。 スワップイメ…
僕の個人的な連想ですが、 スイッチOFF→暗い状態 スイッチON→明るくなる というイメージがあるので、基本的にはlink用のボタンよりもマウスオーバー用のボタンの方が明るくなる方が、よりボタンっぽいと感じました。 オーソドックスなクラデーションを使った…
所要時間10分袋文字を作ること自体よりも、amanaimagesの文字を消す方に時間がかかりました(笑)
昨日BOSSから聞いてわかったことを踏まえて、もう一回ボタンを作ってみた。 今度は納得いく出来☆ 前回のボタン制作 http://d.hatena.ne.jp/wataru-webdesign/20081018 所要時間10分。 完成画像 キャプチャー カラーオーバーレイの設定を変えれば、簡単に色を…
会社のPCで昼休みにいろいろいじくって遊んでました。 一枚の写真からでもいろいろなイメージの画像に仕上げることができるのは楽しいです。 元画像 加工後
これは役に立ちそうです。 Photoshopで固定値の円を描く方法 シェイプツール編(ベクトルマスクが作成される) 選択範囲編 ちなみにシェイプで作った円と選択範囲で作った円はごっちゃになっても整列させることが可能です。 (レイヤーは分けるのが前提ですが。…
Photoshopで絵作りすることが慣れてないのであまりいい出来ではありません。 けど、、、まぁよしとします。 所要時間15分 完成画像 レイヤーを二つ作る レイヤースタイルの設定 完成
勉強も兼ねて作っちゃいました。所要時間30分。
所要時間15分。使う部分が一部なので選択範囲が大雑把で済んだ分時間が短縮できました。 こうやって並べてみると、オレンジのアーガイルが浮いてますね。 ちゃんとレイアウトするなら、並べ方で苦労しそうです。
photoshopの環境設定をしました（笑） さすがに初めてというわけではなく、単位はpxになってますし、カラーはRGBになっています。 では何をしたかというと、ヒストリーステップ数を変えました。 ヒストリーで遡れる数が変えられるのを知りませんでした（苦笑…
Eye Candy 5 うちのカメラマンが勧めてました。 作品制作に使ってるそうです。僕も買ってみようかなー。 今見てたら、これもよさそうですね。Xenofex 2 PANTONE® HEXWARE® 色補正用プラグイン。
制作時間30分。 ちょっとかかりすぎ(汗) 出来たボタンはこんな感じでーす。 一番左に配置するボタン以外は左の枠線(1px)を削ってスライスしてます。) 作り方 長方形ツール→シェイプレイヤーを選択 150px×50pxの長方形を描いて、 レイヤースタイルを追加→境界…
昨日職場で最新号のコマフォトを見てたら、Photoshop CS3からの新機能であるスマートフィルターについて書かれていた。そういえばadobeから配信されているpodcastの中にもそんなのがあったなぁと。近いうちに試してみます。 それともうひとつコマフォトに書…
だいぶ前からですが、Photoshopのアクションパレットに、 幅を450pxにして、 jpegで書き出し、 デスクトップに保存。 という動作を登録してます。 ファイル名まで登録してしまうと、 保存するファイル名がすべて一緒になるので登録してませんが、 ワンクリッ…
Illustrator Illustratorはカンプ作りには適しているが、 web用に書き出す際、アンチエイリアスがかかってしまうため、 スライスしたりする作業には向かない。 Photoshop 選択範囲を作成することによってガイドが吸着しやすくなる。 スライスもガイドにスナ…
Webフォトギャラリー ファイル→自動処理→Webフォトギャラリー これは便利です。 写真のサイズをある程度統一して、レベル補正もしとけば、 後は勝手に綺麗なフォトギャラリーが完成します。 僕も最近多用してます。
テレビ画面のような走査線を再現 完成型。ブログの画面だと全然それっぽく見えませんね。(泣) 少し彩度を上げて、レイヤーを複製。 フィルタ→スケッチ→ハーフトーンパターン 描画モードをハードライトに。 フィルタ→描画→照明効果。中心部を明るくする。 適…
鹿児島帰省のパノラマ写真集 桜島 桜島２ 拉致被害で有名な吹上浜 東シナ海 東シナ海２ 海が綺麗でしたー！ 黒豚のしゃぶしゃぶに薩摩地鶏。。。 そして、焼酎。 見る方が見ればわかると思いますが、「魔王」がこんな値段で飲めちゃいます。 でも、飲もうと…
案１横並びのナビゲーション一つのシンプルな構成。ネット→電話で注文という導線が明確だが、ガーデニングの施工ができるというアピール力はいまいちか。しかし、案２に比べるとレイアウトはすっきりしていて見やすい。 案２横並びのナビゲーション＋右側に…
今日Photoshopの本を読んでいたら、ものさしツールから水平出しをする方法が書いてあるのを発見！！！早速試してみた。 この方法だと、グリッドを表示する必要もないので手軽に水平出しができて非常に便利だなと思った。
