はじめに 記事投稿画面作りもエレメント設置や設定というデザイン部分は出来ましたね。 ここで一度確認しておきましょう。 まず記事投稿では以下3ページの画面が必要となり、前回はそれぞれのページのデザインを作りました。 ①記事… もっと読む »
スキルアップ・ステップアップ:記事一覧
Adobe Photoshopを使ったWeb用画像加工の基礎(10)
「レイヤー効果」機能を生かして見た目に変化のある画像を作成してみよう 「レイヤー効果」機能を使ってみよう 前回の記事ではシンプルなWeb用ボタン画像の作成とWeb用画像としての書き出しまでの流れをご紹介しました。 今回の… もっと読む »
【Photoshop】背景を透明にするには?
「Photoshopで背景を透明に」とはどういう意味? このPhotoshopにおいて「背景には何もない(透明である)」ことを表す格子柄。 この状態にするということについて、説明していきます。 参考:背景を透明にする方法… もっと読む »
【Photoshop】描画機能について
Photoshopの描画機能について Photoshopで絵を描く 写真や画像の加工だけでなく、Photoshopに備わった機能を使って絵を描くこともできます。 今回はフリー写真素材ぱくたそ様で見つけたキラキラした雪だる… もっと読む »
Adobe Photoshopを使ったWeb用画像加工の基礎(9)
画像をWeb用に保存する クイック書き出しという機能がある 画像を保存する方法では「名前をつけて保存」からファイル形式を指定して保存する方法を紹介しました。 「名前を付けて保存」からjpegやpngなどの形式で保存すれば… もっと読む »
Photoshop テキストの入力と編集について、基本操作を解説!
Photoshopでテキストを入力・編集 Photoshopで文字を編集する方法 Photoshopは図形や画像と組み合わせて文字を扱うこともできます。 テキストを扱うために、テキストデータの設定や入力・編集について基本… もっと読む »
Photoshopの環境設定を変えて作業効率をアップしよう
Photoshopでの作業を快適にしよう 環境設定を変更することでパフォーマンスが改善する いままでPhotoshopの使い方の基礎を紹介してきました。 Photoshopの使用中、レイヤーの移動などの処理に時間がかかる… もっと読む »
Photoshopのマスク機能3つ(+1)を知って便利に使おう
Photoshopのマスク機能3つ(+1) 「〇〇〇マスク」がたくさんある……? いままでPhotoshopの使い方を紹介する中で、名前を挙げてくわしい説明はしませんでしたが、クリッピングマスク・レイヤーマスクの使い方に… もっと読む »
Webデザインを独学で学ぶ人向け記事まとめ【1】
Webデザインに関わる仕事をしたい場合。具体的に何をすればよいのか? Webデザインを独学で学ぶには何をすればよいのか? 特に独学でWebデザインを学ぶ人・Webデザインに関わる仕事をしたい人に役立つ記事をまとめました。… もっと読む »
Adobe Photoshopを使ったWeb用画像加工の基礎(8)
共有・編集しやすいPSDファイルを作成しよう 仕事で作成するPSDファイルは後で修正(編集)することが多い Webデザインの仕事でPhotoshopを利用して画像の素材を作成する場合、後から修正することになる場合が多いも… もっと読む »