https://ameblo.jp/papaima47/ デザインが非常に下手です。そんなwebデザイン初心者の大学生がWebデザインをマスター（！？）するまでの奮闘記です。目標はクラウドワークスでの案件成立です。webデザインに興味のある方は、すぐ連絡して下さい。共に切磋琢磨しあいながら成長しましょう！！！ ja どうも、Webデザイン初心者の百瀬龍太郎です！


今日のアイコン＆マークデザイン




まだ、最初の段階のマークなので、すぐにできました！

今回のデザインで覚えたこと

・変形の繰り返し（Ctrl+D)
この操作は大事でしたね。
一回一回オブジェクト→変形ってやっているとめんどくさいですもんね。

・複合パスの作成
クリッピングマスクは知ってたんですけど...
複合パスは使ったことがありませんでした。
画像右側は複合パスの作成で作ったものです。


何かわからないことがあったら是非コメントください！
こんな僕で良ければ教えます！！

では今日はこの辺で！！ ]]> https://ameblo.jp/papaima47/entry-11945710589.html Thu, 30 Oct 2014 00:14:31 +0900 どうも、Webデザイン初心者の百瀬龍太郎です！！

今日からある一冊の本を使って、学習した成果を

日々アップしていきたいと思います！

使う本はこの一冊！！

Illustratorテクニックファイル アイコン&マークデザイン/エムディエヌコーポレーション

￥3,024
Amazon.co.jp

チャプターごとにテーマが設定されており、そのテーマに沿ってアイコンやマーク
を作成する方法を学んでいく構成となっております。

早速本日マークを作ってみました！





こんな感じです！

学んだことは

・効果（魚眼レンズやパスの変形）

・アピアランスを分割
効果で変えたアピアランス（見せかけの形）
を本物の形に変えること。これを行わないと、効果を適用した
パスが、元のパスの枠線のままになってしまいます。

例えば左から３つ目のマークは元々1つの花びらから作成しています。
もし効果を与えただけにすると、選択ツールで選択できるのは元の
一枚の花びらだけになってしまいます。
そこで、アピアランスを分割してやることによって、元の形から
完全に立ち去り、効果を与えた新しい形に生まれ変わるのです！！(笑)

イメージとしては、書式のアウトラインに似ていますね！


・直感的に色を編集する方法（オブジェクトの再配色）
オブジェクト→カラーの編集→オブジェクトの再配色を選択することで
オブジェクトの配色をより直感的に編集することができます！！


・グループ選択ツール
これ僕初めて知りました(笑)
要はグループ化されているオブジェクトを、
このツールで選択しようとすれば、クリックしたパーツの
部分だけが選択されるんです。（ダイレクト選択ツールとの違いがよく分かりませんがww)


しばらくはこの本とお付き合いしていきたいと思います！

皆さんも、面白そうと思ったら是非買って見てください！
あ、勿論イラレも必要ですからね！！(笑)

ではでは！！

]]> https://ameblo.jp/papaima47/entry-11942658958.html Wed, 22 Oct 2014 22:47:56 +0900
ずいぶん更新が遅くなりましたが、実際はいろいろやってます。


今回はその活動の一部として、読んだ本をご紹介したいと思います。


デザイナーとして起業した(い)君へ。成功するためのアドバイス - Work for Money.../ビー・エヌ・エヌ新社

￥1,944
Amazon.co.jp

デザイナーとして成功されている方は一度は読んだことがあるのではないでしょうか？
それぐらいの名書です。元々は洋書で、日本人用に翻訳されています。

デザイナーとして起業するために必要な心構え、契約書の書き方、自分のデザインの価値の決め方、クライアントとの付き合い方など、デザイナーが必ず通るポイントについて、他の著名なデザイナーの意見を交えながら、詳細に説明されていました。

僕自信おススメな点としては、デザイナーが必ず悩む
「自分のデザインの見積もり」
に関しての著者の見解および経験です。
これは非常に参考になりました。

あともう一つはクライアントと仕事を進めるにあたって
設定すべき「契約条件」ですね。
というのも、この本ではそのテーマで失敗した人の体験談、そこから得られた結論
が詳細に記述されているから非常に参考になりました。

でも僕にはまだこの本を身近に感じることはできませんでした。
それだけ僕のデザインスキルはデザイナーになるには、「まだまだ」であるからです。

本の中でも、「自分に自信を持つ」ことが強く主張されています。
でもそれは、自惚れとは違います。客観的に考えても自信が持てるようにならなければいけないのです。

なので、この本は僕がスキルを十分に身に着けた後にもう一回読み返したい一冊でした。

とはいえ、デザイン初心者の皆さんも読んでおくべき一冊であるとも思います！



この本のおかげで、これからもデザインの本はもっと積極的に読んでいこうと思えました。
このブログにもアップしていきたいと思いますので、是非読んでみてください。

コメントもお待ちしております！！

ではでは！！





]]> https://ameblo.jp/papaima47/entry-11940919275.html Sun, 19 Oct 2014 00:19:17 +0900 どうも、Webデザイン初心者の百瀬龍太郎です！

やっぱり一人でやるにはモチベーションとスキルに無理があると思い、

Webデザインのスクールに通うことになりました！


早速課題を出されてあくせくしている百瀬ですが、この期間に飛躍できそうな気がします！

やっぱり他人が見ているっていうのがモチベーションを上げてくれますね！

なので、そのスクールで習ったことの実践をこのサイトで行っていきたいと思います！

例えば、アイコン作りとか、webサービスを使ったwebデザインの勉強とか。

皆さん応援よろしくお願いいたします！！
なにかデザインでこうした方が良いというのもバシバシ募集してます！

ではでは！

]]> https://ameblo.jp/papaima47/entry-11938198188.html Sun, 12 Oct 2014 23:20:33 +0900 どうも、百瀬龍太郎です！！

さあ、続けて今回も、ブログのヘッダー画像変更致しました！！



初心者感を出したかったんですが
あんまし良い出来ではないですねぇ。、
取り合えずこれでしばらくやっていきたいと思います！

ちなみにこのブログのヘッダー画像は変更しないのか？というと

「まだ変更しません！！」

もう少し、Webデザインを勉強して、自信が持てるほどになったら
このブログのヘッダー画像も変えてみたいと思います。

あと僕のヘッダー画像の作り方と変更の仕方も、今度書きます！

もしかしたら、10万人に一人は気になってるかもしれませんからね(笑)


台風に負けずにバイト頑張ってきます！！

ではでは！ ]]> https://ameblo.jp/papaima47/entry-11935188988.html Mon, 06 Oct 2014 10:57:04 +0900 どうも、Webデザイン初心者の百瀬龍太郎です！！

ちょっと今日は他のブログのヘッダーをパパッと作ってみました！




まあ、初心者なんてこんなもんでしょ(笑)

でも、このヘッダーだけで十分ブログの印象が変わりました！！


なんかクールになりました！！


TOEIC 800点ブログ 百瀬龍太郎
http://ebismine47.blog.fc2.com/

ただ、画像をリンクさせたかったんだけどね。
まだよく分からなかったので、放置ですｗ

この背景の素材は別に買ったものではないです！
別に盗んだものでもないです(笑)

後々まとめて、画像素材のサイトをアップしようかと思います。

スタンスとして
「習うより慣れろ」
を貫いていきたいと思います。

まあいずれ習いますけど(笑)

ではでは！

]]> https://ameblo.jp/papaima47/entry-11935003264.html Sun, 05 Oct 2014 22:48:17 +0900 どうも！Webデザイン初心者の百瀬龍太郎です！！


まだ、始まったばっかりということもあり
方向性に悩んでいます。
基本的には、ロゴを作ってはupしていこうと思っているのですが・・・
少し他のデザインブロガーの方を見て勉強したいと思います！

さて、今回は原点に立ち返って、

「Webデザインとは」

という疑問にお答えしたいと思います。

まあ僕もよく分かってなかったので調べました。(笑)

ウェブデザイン（英: Web design）は、デザインの一種。ウェブページやウェブサイトにおける視覚面（意匠・要素配置等）に対し、整理・再構築・意匠等を施すことである。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つWWW（ウェブ）の性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブデザインを行うデザイナーを、ウェブデザイナーと呼ぶ。2007年より、ウェブの設計技能を検定する国家資格としてウェブデザイン技能士がある。

ウェブデザインの内容は、ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。

wikipediaより引用

そもそも「デザイン」って結構幅広い意味合いですよね！

だからこの「Webデザイン」の場合もいろいろ該当します。

・サイトのレイアウト
・単純に、サイトに使用する絵・写真を作る
・サイトのコーディング

これらは全てWebデザインとしてしまっても良いと思います。
他にも意味はあると思いますけどね。

今回はWebデザインとは何かを調べました！

ではでは！ ]]> https://ameblo.jp/papaima47/entry-11934789483.html Sun, 05 Oct 2014 15:22:36 +0900 どうも、百瀬龍太郎です。

今日は、いろいろな出来事があったので投稿させて頂きます。



僕は今、バイトでデザインも行っています。（オフィス系のバイト）


今回のデザインは、他社の協力を得た企画用のデザインだったため、
他社のロゴを（.eps形式）でお借りしてデザインを行いました。


さて、このロゴの取扱いに関してですが、結構気を使います。

今回の例でいくと、「ロゴ背景は白、ロゴ周囲何センチかにはなにも置かない、書かない」

このような条件がありました。
ただ、この場合は合意の上でロゴを使わせていただいています。

一概にルールが決まっている訳ではありません。
基本的に他社のロゴを使う時は、まずその会社の許可を得ましょう。


じゃあ、google先生に「googleのロゴをサイトに載せるので許可してください！」
って言うのはいくらなんでもぶっとんでますよね。
多分google先生は、「そげなことに口出す暇はなかとね！」と言うでしょう。


そういう時には、「法律」を頼りにしましょう。
http://www.henshukaigi.com/faq/000624.html

上記のサイトでは、著作権や商標権の立場からロゴの使用を考えています。


今回の僕のケースでは

・特に商用目的の利用ではない
・無断ではなく同意のもとでの使用である


☆著作権はその適用範囲の広さゆえに「申告制」の形式をとっています。
　なので著作者側が被害を受けたと申告を行わない限り、何も動きません。

・他社のロゴ使用を考えている方
上記のサイトで、条件を満たしていれば使って良いと私は思います！

・逆に使われている著作者
あなたが使われるのが嫌だったり、不利益を被る場合は遠慮なく申し出ましょう！
言葉にすれば著作権は強い効果を発揮します。言葉にすればですよ？w

「権利は保持するのではなく行使せよ！」by百瀬
　
ではでは ]]> https://ameblo.jp/papaima47/entry-11933186346.html Thu, 02 Oct 2014 01:26:21 +0900 どうも、百瀬龍太郎です！

今日はバイトの日だったんですが、（オフィス系です）
上司に資料のスキャンを頼まれました。

その時に言われたのが、

「600dpiで頼む」

「は、はい！」

プリンターでのdpi設定方法は知っていたので、
内心焦りつつも、無事にスキャンは行えました。

後はphotoshopでもよくdpi指定されるんですよね。


しかし、ふと考えると


「dpiって何ぞや？」


そろそろちゃんと調べるか...
ということで調べました！

dpi 【 dots per inch 】 ドット毎インチ / ppi


pixels per inch / ピクセル毎インチ


プリンタやイメージスキャナ、ディスプレイなどで使われる解像度の単位で、1インチを何個の点の集まりとして表現するかを意味する値。この値が高いほど、より精細な表示や印刷、スキャンなどが可能となる。

IT用語辞典より引用

さらに出てきた「解像度」も調べますと

解像度（かいぞうど）とは、ビットマップ画像における画素の密度を示す数値である。

wikipediaより引用


dpiはドット毎インチの事なんですね！
「ドットと言えばファミコンのマリオ」

これぐらいしか知らないバカだった訳ですが、

要は「密度」なんですよね！


もっと原点に戻れば、そもそも画像って小さいドットの集まりなんですよね。
（ビットマップと言います）


だから1インチ（2.54 センチメートル）
の枠に対して100個ドットがあれば
100dpi

同様に200個/インチなら
200dpi

更にこのdpiが大きくなると、
1インチで使うことのできるドットが増えますよね？

つまり、画像をより沢山のドットで表現できるようになるので
画質がキレイになる！！


海外のサイトの画像ですが、分かりやすいです。




http://www.fmedda.com/en/article/dpi_ppi


わ、わかってくれましたでしょうか？
だいぶ下手くそな説明でしたがご了承ください

自分の勉強がてらブログにも投稿させて頂きました。
ご参考になれば幸いです。

ではでは



]]> https://ameblo.jp/papaima47/entry-11933179023.html Thu, 02 Oct 2014 00:45:51 +0900 どうも、百瀬龍太郎です！


今日は学校の後、バイトでデザインを行っておりました。

デザインといっても、イラレでカチカチやるだけです。

実は、まだペンタブを扱ったことがありません。
ペンタブ欲しいです。いらない人下さい！(笑)


　今日は小さなイベントで使う看板デザイン。

毎回、デザインが出来たら上司に提出します。

（一応アルバイトです。）

そこで言われた上司からのダメ出し。

→「フォント・色の種類が多すぎる！！」

言われてみれば、フォントは3種類の色は5，6種類といったところでしょうか。

やはり、何事にもバランスがあるんですね。

結局上司からは「フォントは2種類！」と言われ、すぐに直しました。

やっぱりデザインを学んでいく上で、自分には抜けている部分がハッキリしました。

フォント・色の使い分けです。

こういう基本的なことが抜けているといつまでたっても成長しませんね。

今日の一件で反省しました。

ちょっと、本調べます！

皆さんおススメの本があったら是非紹介して下さい！

ではまた。



]]> https://ameblo.jp/papaima47/entry-11932227664.html Tue, 30 Sep 2014 00:44:30 +0900