今までやった機能を使えればPhotoshopでのデザインはほとんど出来るようになります。後は組み合わせなんかでデザインの幅も広がっていきます。練習でつくっていたホームページのデザインは文章なども入れていきますが文字の入力 …
REED MORE →
レイヤー効果を使ってみよう-Photoshop
それでは効果の中に入ってる機能を使い簡単にサイドメニューなどの各コンテンツの背景画像を作ってみます。今回はa(リンク)用とリンクを選んだときに画像が変化するa:hover用の背景画像を作成します。 新規ガイド水平方向38 …
REED MORE →
スタイルを使い簡単にタイトルメニューを作ろう-PS
メインコンテンツなどで使うタイトルメニューを作ってみます。サイドバーに光沢のあるタイトルメニューを使っているのでメインコンテンツはあっさりしたタイトルメニューを作ります。 ガイドはサイドバーで作成したガイドを利用します。 …
REED MORE →
光沢のあるタイトルメニュー-Photoshop
サイドバーやメインコンテンツなどに使うようなタイトルメニューを作ります。新規ガイドで水平方向に310px、340pxのガイドを引いてください。これで高さ30pxのタイトルメニューを作ってみます。長方形ツールを使い左サイド …
REED MORE →
レイヤーをグループフォルダにまとめる-Photoshop
前回までの機能は理解できましたか?それでは次にヘッダーのレイヤーをひとまとめにしたいと思います。右下にあるフォルダのマーク新規グループを作成をクリックして下さい。するとグループ1とフォルダがレイヤーに追加されました。フォ …
REED MORE →
文字の移動・画像挿入-Photoshop
前回入力した文字を編集していきます。文字の編集は文字の書体、文字の大きさ、文字の間隔、文字の移動、文字の色と細かく設定できます。又レイヤー効果を使うと簡単に文字に影をつけたりも出来ます。それではまず文字の書体から変えてみ …
REED MORE →
各パーツのガイドの設定-Photoshop
ここから前回までに使った機能はご理解していただいてると思い、あえて説明を省略していますがご理解ください。それでは前回まで作成した画像を縮小して全体を見えるようにします。縮小は画面にあわせるを選ぶを全体が表示できます。 各 …
REED MORE →
ホームページが浮き上がって見える影をつける-PS
ホームページでよく見かけると思いますがホームページが浮き上がって見えるような影をつけていきます。やり方はさまざまですので今回紹介する以外にも色んな作成方法が有ります。今回の作り方は影にする部分をグレー系の色にしてそれをフ …
REED MORE →
定規・ガイドを利用してレイアウトを作ろう-PS
ガイドを使い仮の線を引いていきますが、レイアウトを作っていくうえで黄金比と言う比率が有りますのでその事を少しお話します。黄金比とは1:1.618の比率で物を作成すると美しく見える比率なんです。でも私はこれを気にしなくてレ …
REED MORE →
Photoshopを使ってみよう
Photoshopにはどんな機能があるのかをホームページのレイアウト作成をまじえながら説明していきます。ホームページのレイアウトは当サイトで言えば上部にヘッダーが有り左にサイドバー真ん中にメインコンテンツ右にサイドバー、 …
REED MORE →