ゆる〜くプログラミングしてます
デザインのドリル演習５に取り組みました。 今回は楕円形ツール(で境界線を描く方法)と消しゴムツールを中心に、演習内で学んだことをまとめていきます。 楕円形ツールで境界線を描く 下記のような一部が欠けた円が描きたい. 最初は「楕円形ツール」で描画してみました.レイヤースタイルで透過＋境界線にすることで同じく円は描けます.しかし以下のように「消しゴムツール」で消すと消したところから新たに境界線を引いて […]
デザインのドリル演習３をやっていきます. 今回のトレース対象を見る限り、ただ画像を貼り付けていくだけ…と思っていましたが甘かったです.「Illustrator」のAI形式の扱いで詰まってしまったり、今回も学んだことが多いので早速まとめていきます. .aiファイル 「Adobe Illustrator（アドビ イラストレーター）」のデータ形式です.(Photoshopだと.psd形式)以 […]
演習２回目. 次の演習は名刺を作ります.基本的には演習１と同じやり方でできそうな気がしたけどやってみたら全然違った. 完成図が角をひし形で切り抜いているため、そのやり方はぜひ知りたい. 実施 ここまではすぐにできました.次は左右をギザギザにしていきます. 長方形選択ツールで画像の切り抜き 前回画像を切り取ったように、長方形ツールで形を作ってマスクすればいける気がしたものの、同じ形の切り込みを縦に８ […]
トレースを通してPhotoShopやら勉強できたら効率良さそう、と考えていたもののいざどれをトレースするかでかなり悩んでしまった. デザインをパッと見てどれくらいでできるかが判断できていないのが大きな原因であるため、まずは課題として段階的に取り組めるようなものはないか探していたところ「デザインのドリル」を発見。(書籍名と同じワードで検索して引っかかりました) 書籍で学んだこと(主にPhotoSho […]
Webデザイナーの勉強方法としてサイトのトレースがよく挙げられている.少しずつPhotoShopの使い方にも慣れ、コーディングをするにもこういった画面設計が重要になってくるので取り組んでみる. まずはガイドやグリッド、ものさしツールなどトレースする上で(もちろんデザインする上でも)基本となる機能を触りながら学び、ここにまとめていきたい. トレースしたいサイトを探す(キャプチャーする) 今回はI/O […]
前々回に作成したバナーの応用として、今回は背景に画像を加えて作ってみる. ・PhotoshopでWebバナーを制作 https://kocoffy.com/programmer_cat/photoshop/post-449/ 画像の挿入 メニューから「ファイル」＞「開く」を選択. 適当に画像を選択して「開く」. 今回はこの写真を使う. ちなみに背景に直接画 […]
PhotoShopは様々な機能があるため、主にGUI面でわからなくなることもしばしば. しばらく使わない機能があると忘れてしまいそうなので覚えたことは備忘録としてまとめていこうと思う. 長方形ツールのサイズ変更 配置後、サイズ変更したいのになぜかどこにも設定がなくて困った. メニューから「ウィンドウ」＞「属性」を選択することで解決. これで出た. 塗り潰しなし(枠線のみ […]
PhotoShopの使い方を覚えるため今回はWebバナーを作ってみる. 実は写真のレタッチである程度は使ったことがある状態. しかしLightRoomに頼りがちなせいですぐ使い方も忘れちゃうので画像ありで少し詳細にまとめていく予定. 新規作成 PhotoShopを開いたらメニューから「ファイル」＞「新規…」を選択. 以下の画面が出てくるので設定していく. 基本的には以下の通りの設定でO […]
