![](https://shinobutake5.com/wp-content/uploads/2023/04/a7b481501b0cdfaf9b0f01f6e452f46f.jpg)
私はHPの運用と更新の他、パンフレット作成の仕事もしています。
今回はWebデザインの勉強をしている時にとても役に立ったなと思う本があるのでご紹介します。
それは「デザインのドリル1」・「デザインのドリル2」です。
とてもお世話になりました。
デザインのドリルはトレースや模写をして学ぶための本です。
しかもうれしいのは色やフォントの種類に指定があり、素材やテキストがすでにそろっているので自分で探す必要がなくすごくやりやすいです。
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
忙しい方にとっては時短にもなります♪
私はデザインのドリルから1日1つは完成させるという目標をもって毎日こなしていました。
1冊につき1日1問で1ヶ月分の量です。
![トレース画像まとめ1](https://shinobutake5.com/wp-content/uploads/2024/03/ee51209630492a0c174dd7be0497edf7.jpg)
![トレース画像まとめ1](https://shinobutake5.com/wp-content/uploads/2024/03/ee51209630492a0c174dd7be0497edf7.jpg)
![トレース画像まとめ2](https://shinobutake5.com/wp-content/uploads/2024/03/c6708703a1f6763b0452431d6a97d692.jpg)
![トレース画像まとめ2](https://shinobutake5.com/wp-content/uploads/2024/03/c6708703a1f6763b0452431d6a97d692.jpg)
1つの題材についてIllustrator、Photoshopのどちらでも完成できるように何度も練習しました。
配置や色の使い方、テキストの置き方や見せ方などとても参考になります。
章末課題では自分でコンセプトを考えて作成するものもありました。
たくさん作ってみることがデザイン上達への近道です!
- illustratorやPhotoshopの基本操作を学んだ人
- いろいろなパターンのデザインを作ってみたい人
- Webデザインやパンフレット作製の仕事をしてみたい人
![](https://shinobutake5.com/wp-content/uploads/2022/08/415367fbccf1042a9eea64ae4d30c831.jpg)
![](https://shinobutake5.com/wp-content/uploads/2022/08/415367fbccf1042a9eea64ae4d30c831.jpg)
デザインのドリルトレースのやり方
簡単にやり方をご紹介しますね。
素材のダウンロード
本を購入したら素材がダウンロードできるようになります。
本に記載されているURLへアクセスし、そこからクイズに答えて正解したら素材がダウンロードできます。
まずはダウンロードをしてご自身のパソコンに保存しましょう。
デザインのドリルPhotoshopでのやり方
デザインのドリルから、完成品のサイズを確認する。
本書の基本情報に書いています。
指定通りのサイズでカンバスを作成する。
ファイルから埋め込みを配置を選択し、完成品を配置する。
![Photoshop埋め込み配置のやり方](https://shinobutake5.com/wp-content/uploads/2024/03/3dd67721e51660ed415a1f2efd3e40cc-960x751.jpg)
![Photoshop埋め込み配置のやり方](https://shinobutake5.com/wp-content/uploads/2024/03/3dd67721e51660ed415a1f2efd3e40cc-960x751.jpg)
配置したら不透明度を下げる。
だいたい60%くらいがいい感じです。
![Photoshop不透明度を下げるやり方](https://shinobutake5.com/wp-content/uploads/2024/03/34dac4adbc96afd65f060cc4cfff1feb-960x738.jpg)
![Photoshop不透明度を下げるやり方](https://shinobutake5.com/wp-content/uploads/2024/03/34dac4adbc96afd65f060cc4cfff1feb-960x738.jpg)
ロックをかける。
動かないようにロックします。
![Photoshopロックのやり方](https://shinobutake5.com/wp-content/uploads/2024/03/f72e74311a10fb23fd3678c66dfe5075-960x746.jpg)
![Photoshopロックのやり方](https://shinobutake5.com/wp-content/uploads/2024/03/f72e74311a10fb23fd3678c66dfe5075-960x746.jpg)
新しいレイヤーを追加してトレースしていく。
デザインのドリルillustratorでのやり方
デザインのドリルから、完成品のサイズを確認する。
本書の基本情報に書いています。
指定通りのサイズでアートボードを作成する。
ファイルから配置を選択し、完成品を配置する。
![illustrator配置のやり方](https://shinobutake5.com/wp-content/uploads/2024/03/224e2ccda861c2514faa683b3683c361-1-960x629.jpg)
![illustrator配置のやり方](https://shinobutake5.com/wp-content/uploads/2024/03/224e2ccda861c2514faa683b3683c361-1-960x629.jpg)
配置したら不透明度を下げる。
だいたい60%くらいがいい感じです。
![illustrator不透明度を下げるやり方](https://shinobutake5.com/wp-content/uploads/2024/03/c01359dccf3a8efe3d679edfd3fd7ea6-960x616.jpg)
![illustrator不透明度を下げるやり方](https://shinobutake5.com/wp-content/uploads/2024/03/c01359dccf3a8efe3d679edfd3fd7ea6-960x616.jpg)
ロックをかける。
動かないようにロックします。
![illustratorロックのかけ方](https://shinobutake5.com/wp-content/uploads/2024/03/0a142eb91aeed6256f24aeb3133fabff-960x595.jpg)
![illustratorロックのかけ方](https://shinobutake5.com/wp-content/uploads/2024/03/0a142eb91aeed6256f24aeb3133fabff-960x595.jpg)
新しいレイヤーを追加してトレースしていく。
まとめ
デザインのドリルをPhotoshop・illustrator両方でトレースをしてたくさん数をこなしましょう。
トレースに慣れてきたら次は模写をするとより定着します。
この2冊をこなしてみて感じたのは操作の仕方がスムーズになっただけではなく、デザインの基本的な部分もよくわかるようになりました。
私個人的には今の仕事にかなり役立っているなと思います。
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
![](https://shinobutake5.com/wp-content/uploads/2023/12/357a9b74ab9dfa1596f5af06dde7d44a.jpg)
トレースはなんだか楽しみながらできるんですよね♪
ウェブデザインやパンフレット作成をお仕事にしてみたいなと思っている方はぜひ試してみてください。
基礎からしっかり学びたい人はこちらもおすすめです。
![](https://shinobutake5.com/wp-content/uploads/2022/08/415367fbccf1042a9eea64ae4d30c831.jpg)
![](https://shinobutake5.com/wp-content/uploads/2022/08/415367fbccf1042a9eea64ae4d30c831.jpg)