黄金比の画像を簡単にトリミング

どうらや住んでいるアパートの玄関にすずめが巣をつくっているatsushiです。 デザインの仕事をすると必ず触れるであろう『黄金比』についての便利なPhotoshopのアクションをご紹介します。 まず、黄金比とは?というと…

ブラシでテープ

3月ちょっと太ったatsushiです。 写真をテープで貼りつけたようなデザインを見ることがあると思います。 そんなテープを簡単につくるブラシを2種類ご紹介します。 セロハンテープみたいなテープのブラシ ビニールテープみた…

サイトのテーマカラーを決めるならこれ!

昨日、見てはいけないものを見てしまったatsushiです。 ホームページのデザインをしていて困ることの一つに「サイトの配色」があります。これまでにもちょこちょこ配色に便利なツールを紹介してきましたが、実際のところいまひと…

WEBページの色を抜き出す

卒業シーズンになりましたが、メタボから卒業できないatsushiです。 ホームページのデザインでまず考えるのがレイアウトですが、次に悩むのが「カラー」です。 実際、お客様のご希望のカラーを中心に配色していきますが、たとえ…

Photoshopのちょい技

最近、趣味がなくて新たな趣味を探し求めているatsushiです。 みんな知っている?のかわかりませんが日々の仕事の中で役立っているPhotoshopの小技をご紹介します。 今日紹介するのは、新規ファイルを作成するときの小…

Photoshopカスタムシェイプをカスタム

気がつくと冷蔵庫の中に賞味期限切れの食べ物がけっこう入っているatsushiです。 たびたび紹介しているPhotoshopのカスタムシェイプですが、フリーで配布しているシェイプがたくさんあることは非常にありがたいことです…

Illustratorでテクスチャを使う

愛車のフロントガラスが飛び石でちょっぴりかけたatsushiです。 今日はフリー素材でダウンロードしたテクスチャ画像をIllustratorで使用する方法をご紹介します。 いろいろなやり方がありそうですが、一番簡単な方法…

画像の縁取り

手足が冷えきっているatsushiです。 前回に続き、ホームページの素材づくりに関するテクニックを紹介します。 ボタンに縁取りをする方法 画像に縁取りをつける方法ですが、2種類あります。1つは、画像に直接色をつける方法。…

アクア風やさしい感じのボタンの作り方

アイロンかけがかなり上達してきてるatsushiです。 今日は、iphonのアイコンのデザインでつかわれている、つや、透明感のあるボタンの作り方をご紹介します。 さっそくですが、 1.適当にグラデーションでボタンらしいも…

Photoshopグラデーションファイル

今年も足の指がしもやけぎみなatsushiです。 ホームページのデザインにおいてもグラデーションをよく使うのですが、Photoshopでは、グラデーションエディタを使うことで自由にグラデーションをつくって保存することがで…

Photoshopのアクション

向かい風にも負けず自転車通勤中のatsushiです。 最近Photoshopのアクションを使う機会があったので、ちょっとアクションについて調べていたらなかなかいいアクションがあったのでご紹介します。 画像をポラロイド写真…

PhotoshopCS4の新機能を使ってみた

最近、映像を見ていると30分ぐらいで睡魔に襲われるatsushiです。 PhotoshopCS4をちょいちょいいじり始めましたが、ちょうど写真の加工をしていてCS4の新機能が使えそうなことがあったので試してみました。 試…

商用利用も無料なイラスト素材

ウイイレ2010のオンライン対戦に夢中なatsushiです。(現在rating639) ホームページに使える無料素材を配布するサイトってたくさんあるのですが、個人利用は無料でOK。商用利用は有料ってところが多いんです。 …

SexyLightBox

明けましておめでとうございます。年末年始はバタバタしていたYu-ichiです LightBoxというものをご存じでしょうか? WordpressのプラグインやZencartのモジュールとして配布されていたり 自分でホーム…

Photoshopでプチ整形

現在料理ブーム中で手がにんにく臭いatsushiです。 今年は、Photoshopでのweb素材づくりのテクニックをいろいろと紹介してきましたが、今年最後のテクニックは、Photoshopでのプチ整形の方法をご紹介して今…

Photoshopでオブジェクトを座標指定して配置

もうすぐ誕生日なので  プレゼント待ちのatsushiです。 PhotoshopでWEB用素材を作っているとき、ガイドを利用してサイズきっちりにつくっているのですが、たまにガイドが1pxずれていて  へこむ時があります。…

Photoshop 画像をドラッグして別ファイルに移動

最近、お風呂掃除がブームのatsushiです。 ホームページをデザインするとき、まずPhotoshopでトップページのデザインを原寸で作成しています。 このやり方は、完成イメージがわかりやすいメリットと、レイヤーが複雑に…

Photoshop ファイルブラウザ機能

ごま坦々鍋にハマっているatsushiです。 ホームページの素材づくりはもっぱらPhotoshopを使っているのですが、まだまだ整理したいことがたくさんあります。 その中の一つに作った素材のファイル(PSD形式)の管理で…

Photoshop 注釈ツール

ウイイレ2010でようやくディビジョン2に昇格したatsushiです。 今日もPhotoshopの使ったことのない機能を使ってみることにします。決して暇だからじゃないですよ!研究です。 今回使ってみる機能は、「注釈ツール…

いまさらPhotoshop CS4ってどうなんだろう

最近、洗濯した日に限って天気が悪いatsushiです。 ホームページデザインには、欠かせないPhotoshopですが、みなさんは、どのバージョンを使っているのでしょうか 私は、CSを使ってますが、いつのまにか最新版は、C…

1pxの線でクオリティーを高める

寒くなったのでそろそろ冬眠したいatsushiです。 つい最近ウイイレやりたさにPS3を買いました。ウイイレはもちろんオンライン対戦しまっくてますが、グラフィックがすごいキレイですね。選手の顔などもリアルに描かれてます。…

Photoshopの文字ツールを使いこなせ!

セブンイレブン限定のガンダムストラップで結局主役のガンダムがGETできずに終わったatsushiです。 Photoshopで入力した文字ってIllustratorと違い、アウトライン化できないので文字の変形が難しいのです…

Photoshop 選択ツールを使いこなせ!

急に寒くなって手足の末端が冷えきってタイプミスが増える冷え性のatsushiです。 Photoshopで一番使うツールってなんですかね? 作るものによっても違うとおもいますけど、やっぱり選択ツールが一番使うのではないでし…

チャンネルミキサーで服の色だけ変えちゃおう

羽毛ぶとんにするタイミングを間違えていつも暑くて目が覚めるatsuthiです。 最近気になるCMにイトーヨーカードーの「パワーウォーム」があります。 黒木瞳さんが出ているCMです。このCM中に黒木さんの着ているパワーウォ…

Photoshop秘密のショートカットキー

朝ごはんに焼いたパンを床に落としパンのくずが散らかったままのatsushiです。 Photoshopマスターとなるべく、毎日、Photoshopのテクニックを磨いている日々ですが、まだまだ知らなかったことが見つかります。…

iphone風のアイコンを作るテンプレート

なぞの虫垂炎っぽい病気が再発したatsushiです。 WEBデザインの世界も日々進化し、時代にあわせてトレンドみたいなものが存在します。 1年ぐらい前からは、WEB2.0風のデザイン(ボタンに光沢があってアクアっぽいデザ…

Illustratorの環境設定

先日、大洗の水族館に行ってはじめてイルカショーを見たatsushiです。 前回、WEB画像を制作するにあたり、Photoshopの環境設定について書きましたが、今回は、Illustratorの環境設定について書いてみます…

環境設定で作業効率アップ

日曜日に餃子をつくって今だ手がニンニクくさいatsushiです。 だんだんIllustratorやPhotoshopが一般化してきてますよね。 弊社のパソコン教室でもIllustrator講座を開設していてこれまでもたく…

アクティブレイヤーとのリンク

毎朝、寒くて目が覚めるatsushiです。(布団が夏仕様のままです。) ホームページのデザインの方法っていろいろあると思いますが、私の場合、まず、Photoshopでトップページを原寸大の大きさでデザインします。こうする…

88×31のバナーづくり

自転車のチェーンカバーが壊れたatsushiです。 弊社で制作したホームページには、いつも相互リンク用のバナーとして88×31のマイクロバナーを制作しています。 また、バナー制作サービスも承っています。 このバナーですが…

ヒストリーパレット使ってる?

花の慶次がようやく読みおわるatsushiです。 ホームページのデザインを1からPhotoshopでつくっているのですが、Photoshopを使っていてすごく不便だなって思うことの一つに「1つ前に戻る」(Ctrl+Z)が…

無料で使える写真素材

実物大ガンダムを見に行ってきたatushiです。 ホームページのデザインで苦労する工程のひとつに使用する画像の準備があります。 もちろん素材集などから写真を選んで使用していくのですが、使用する場所によっては、画像の大きさ…

Illustratorでパターンをつくる

日焼けした肩がかゆくなってきたatsushiです。 いろんなホームページのデザインを見ていると、背景に斜線がループで入っているデザインを見かけませんか? ホームページのデザインをし始めたころは、あれはどうやって作っている…

ガイドを使ったレイアウト術

最近、ウォーキングを始めるとやんでいた雨が降ってくるatsushiです。 ホームページのデザインをするとき、まず、Photoshopで原寸大の大きさでTOPページをデザインしています。 原寸大で制作することで、実際のサイ…

カラーオーバーレイ

ひさしぶりに自転車通勤したatsushiです。 サイトの配色って決まるときは、すぐに決まってしまうのですが、悩み出すとどんどん深みにはまって収拾がつかなくなってしまいます。 いろいろ配色を見るサイトなども過去にご紹介して…

使える!!Windows メタファイル

最近、ひげの伸びるスピードが速くなったように感じるatsushiです。 WEBで扱う画像形式というと「JPEG」・「GIF」をあつかうことがほとんどですが、この代表的な画像の形式以外のたくさん画像形式がありますよね。 そ…

Illustratorで拡大・縮小

くわがたのメスが部屋を飛び回っていて目が覚めたatsushiです。 Illustratorでイラストやロゴを制作して用紙サイズに合わせて拡大・縮小したりすることってよくあると思います。 そのときに、イラストやロゴの線の太…

GIFアニメーションつくるならImageReady

Photoshopの使いすぎでWordでのコピーにAltキーを押してしまうatsushiです。 GIFアニメーション作る時、どんなソフトをお使いでしょうか? 私がかつて使っていたのは、ホームページビルダーに付属していた「…

レイヤーのグループ選択

だいぶ暖かくなって風もおさまって自転車通勤が気持ちよくなってきたatsushiです。 Photoshopで複数のレイヤーを移動させる時に便利な小技をご紹介します。 レイヤーのグループ選択です。 Photoshopでは、レ…

コピースタンプツールで写真を修正

最近ジャワティにはまっているatsushiです。 巷で見かける化粧品のポスターの女優さんの肌ってすごくきれいに写ってますよね。 もちろんあんなキレイな肌をしている人なんてそうそういないですよね。 そんな肌をキレイに修正す…

Illustratorのクリッピングマスク

新年明けましておめでとうございます。ひじがカサカサのatsushiです。 ホームページの制作には、写真の加工が必須ですが、その中でも背景を消す作業が一番時間が掛かります。 背景を消す方法は、いろいろありますが、今回は、i…

もうすぐクリスマス!!

かなり寒くなってきて原因不明の肩の痛みに襲われたatushiです。 最近、車で走っているとちらほらとイルミネーションが目に留まるようになってきましたね。 うちの近所には、「エレクトリカルパレードかっ」ってくらいすごいイル…

PhotoShopで一つ前の操作に戻るには?

最近、車のエンブレムを盗まれたatsushiです。 普段、WordやExcelを使用していて間違えた時など、「元に戻す」の操作をすると思います。(ショートカットキーは「Ctrl+Z」) WordやExcelは、「元に戻す…

PhotoShopのガイドのつけ方の裏技

たとえばPhotoShopで、カンバス内に横200px縦150pxの画像やボタンを作る時、私は、必ずガイドを設定してから制作します。 なぜなら、ガイドを付けておかないと1pxズレたり、最後に完成した画像をスライスツールで…

PhotoShopに取り込んだ画像をPDFで保存する小技

ホームページを制作している中で雑誌の掲載情報や、チラシ広告などをPDFでアップすることがあります。 この場合、スキャナーで画像を取り込み、PhotoShopで加工し、PDFにするという流れになります。 PhotoShop…

ちょっと知りたい時に便利な動画マニュアル

今日は、Photoshopについてあれこれ調べていたときに見つけた便利なサイトを紹介します。 PhotoshopやIllustratorってなかなかマニュアルを読んでもわかりにくい操作がたくさんあります。 そんなときこの…

PhotoShopのテクニック

PhotoShopのことをあれこれ探してて見つけたPhotoShopのテクニックを紹介しているサイトを紹介します。 ウェブデザインライブラリー http://www.webdesignlibrary.jp/ 「ウェブデザ…

PhotoshopでのGIF画像の編集

PhotoShopに持ち込むとレイヤーパレットに「インデックス」というのが表示されます。 この状態だと、ブラシや、消しゴムは、普段どおり使えますが、「編集」メニューの「変形」などが使えなくなります。 また、別のファイルに…

境界線を引くだけでビジュアルアップ

ホームページのボタンや、背景画像、写真の加工などをする際に、非常に簡単ですが、見た目を美しくする方法があります。 それは、「境界線を描く」ことです。 描き方は簡単、PhotoShopで作成した画像を選択し、「編集」メニュ…

5 / 6123456