المحاضرة السابعة: الجزء الأول - رسم الأيقونات — Transcript

Full transcript

1. 0:00في هذه المحاضرة راح نتعلم كيف نبدأ نرسم
2. 0:04الأيقونات
3. 0:06واللي راح نستفيد منها أساساً في جميع
4. 0:08أعمالنا وحنا نشوف يعني كثير من الأعمال
5. 0:11اللي يتم تنفيذها سواء البوستات أو
6. 0:14الإنفوجرافيك لابد أن تحمل أيقونات
7. 0:18يعني محددة على سبيل المثال أيقونات
8. 0:21للواتساب أيقونات لـ مواقع التواصل أو
9. 0:25الإنترنت
10. 0:26كذلك بعض الأيقونات اللي تخص اللايك
11. 0:30والشير وإلى آخره
12. 0:32ونشوف لو قربنا لـ هذه الأيقونات المرسومة
13. 0:37قدامنا بنلاحظ وجود
14. 0:39جايدلاين أو ما نسميه تمبليت خاصة برسوم
15. 0:44الأيقونات هذه القوالب هي خاصة بالأيقونات
16. 0:49ووضع أو وجود هذه النقاط وهذه الخطوط ترمز
17. 0:55للمسافات المسموح فيها بالرسم ولو لاحظنا
18. 0:59الثلاث أيقونات اللي موجودة هنا تتشارك
19. 1:02تقريباً جميع
20. 1:04المواصفات سواء كان بالمقاسات بحيث تكون
21. 1:07الدائرة الداخلية هي الحد الأقصى لحجم
22. 1:11الأيقونة وبالتالي الدائرة الخارجية تكون
23. 1:15هي حدود الأيقونة بشكل كامل
24. 1:20أضغط أضغط خارج الشكل لألاحظ أن القالب
25. 1:24أصبح بهذه الطريقة شفاف منقط بحيث يساعدني
26. 1:28على الرسم فوقه بشكل مباشر
27. 1:32أفعل أداة
28. 1:35أفعل الليرز باختصارها إف سفن أو من قائمة
29. 1:40ويندو
30. 1:41أختار ليرز
31. 1:43ألاحظ أنها موجودة عندي الآن هنا دبل كليك
32. 1:48وأسميها تمبليت
33. 1:52أقفل اللير بحيث أقدر أرسم من غير ما أثر
34. 1:57عليها وأضيف لير جديدة بالضغط على
35. 2:00الأيقونة أسفل الليرز أو مفتاح كوماند إل
36. 2:04للماك كنترول إل للويندوز.
37. 2:08أضغط الآن دي بالكيبورد عشان أفعل ألوان
38. 2:11الديفولت.
39. 2:12اللي هي الأبيض والأسود.
40. 2:14أضغط مفتاح إكس أفعل الفل. ثم أضغط الشرطة
41. 2:18المائلة على اليمين علشان
42. 2:20أفرغ الفل ويصير فقط عندي ستروك.
43. 2:25أضغط مفتاح زد عشان أختار أداة التكبير
44. 2:28وأكبر الشكل بهذه الطريقة ثم مسافة عشان
45. 2:32أفعل اليد وأحرك الشكل أمامي.
46. 2:36أختار أداة الإلبس تول واختصارها حرف
47. 2:39الإل.
48. 2:40ومن الداخل أقوم برسم دائرة
49. 2:43على أول حدود للدائرة بهذا الشكل.
50. 2:47أختار أداة في بالكيبورد أو اختصارها في
51. 2:50بالكيبورد وهي أداة الـ السليكشن تول
52. 2:53السهم الأسود.
53. 2:54ثم إل مرة أخرى لأقوم برسم دائرة أخرى من
54. 2:58المنتصف.
55. 3:01تكون هذه الدائرة بحجم الدائرة الداخلية.
56. 3:05أقوم بتحديد الدائرة الأولى ثم مع شيفت
57. 3:08الدائرة الثانية وأضغط ضغطة أخرى على
58. 3:11الشيفـ على الـ الدائرة الكبيرة ثم أطلب
59. 3:14من الـ إلستريتور أن يقوم بالـ ألاينمنت
60. 3:19إلى جهة اليسار
61. 3:21والمنتصف بهذه الطريقة.
62. 3:25أسحب نفس الدائرة مع مفتاح أوبشن وشيفت
63. 3:28إلى اليمين حتى المنتصف.
64. 3:31ثم هذه المرة أضغط شيفت على الدائرة
65. 3:33الكبيرة عشان أحدد الدائرتين.
66. 3:36أضغط ضغطة واحدة على الدائرة الكبيرة ثم
67. 3:39أختار ألاينمنت إلى الأسفل.
68. 3:42أصبحت معي الدائرات أو الدوائر بهذا
69. 3:44الشكل.
70. 3:46أضغط حرف إل بالكيبورد وأقوم برسم دائرة
71. 3:49من المنتصف بمفتاح أوبشن للماك ألت
72. 3:52للويندوز مع مفتاح شيفت بهذه الطريقة
73. 3:55والسحب إلى الخارج.
74. 3:58حتى أصل لمنتصف الدائرتين زي ما نشوف بهذه
75. 4:02الطريقة.
76. 4:04الآن أصبحت أصبح عندي هذا الشكل واللي هو
77. 4:07عبارة عن مجموعة من الدوائر اللي تخليني
78. 4:09أكمل الرسمة.
79. 4:12الآن أختار أداة اللاين وأقرب أكثر.
80. 4:17بعد ما أختار أداة اللاين هنا اللاين
81. 4:19سيجمنت أقوم برسم التفاصيل الأخرى واللي
82. 4:23هي من التقاطع اللي موجود عندي هنا في
83. 4:26الدائرة أرسم وحتى التقاطع الموجود في هذا
84. 4:28القالب.
85. 4:30ثم أقوم بالرسم من هذا التقاطع أيضاً.
86. 4:34وحتى التقاطع الداخلي.
87. 4:37أقرب أكثر بأداة الزوم.
88. 4:40أختار أداة الرسم.
89. 4:43رسم الخط وأبدأ من هذا التقاطع.
90. 4:46حتى التقاطع الآخر هنا.
91. 4:52ثم نفس الشيء من هذا التقاطع الموجود وحتى
92. 4:55هذا التقاطع في في بداية الدائرة هنا.
93. 5:00أضغط مفتاح زد ومع مفتاح أوبشن أكبر العمل
94. 5:04بهذه الطريقة. الآن نلاحظ بأني قمت برسم
95. 5:07الأشكال بهذه الطريقة.
96. 5:10أضغط على الكيبورد كوماند إيه أو كنترول
97. 5:13إيه عشان أحدد جميع الأشكال اللي موجودة
98. 5:16عندي هنا.
99. 5:18ثم أضغط على مفتاح شيفت مع حرف الإم
100. 5:21لتفعيل أداة الشيب بيلدر تول.
101. 5:26أحرك أداة الشيب بيلدر تول حتى أصل
102. 5:28للأشكال التي أريد أن أحذفها.
103. 5:31أضغط مفتاح أوبشن للماك ألت للويندوز.
104. 5:35وأقول أنني أرغب بحذف هذه الأجزاء.
105. 5:39وأستمر بالضغط على أوبشن لأحذف هذا الجزء.
106. 5:42وهذا الجزء أيضاً.
107. 5:44كذلك أستطيع أن أسحب إلى داخل السماعة
108. 5:47بحيث أني أحذف الأجزاء الأخرى التي لا
109. 5:50أرغب بها.
110. 5:52أفعل أداة الزوم مرة أخرى وأقرب للأشكال
111. 5:54الصغيرة اللي موجودة عندي هنا.
112. 5:57عشان أقدر أحذفها بشكل مناسب.
113. 6:00أضغط شيفت و إم بالكيبورد.
114. 6:02عشان أفعل أداة الشيب بيلدر تول.
115. 6:05والموجودة هنا.
116. 6:07ثم مفتاح أوبشن للماك ألت للويندوز أسحب
117. 6:09على الأجزاء التي أريد حذفها بهذه الطريقة
118. 6:13واللي هي الأقواس الزائدة.
119. 6:16ألاحظ عندي الآن أني رسمت السماعة بهذه
120. 6:19الطريقة.
121. 6:20أقرب أكثر لو عندي بعض الخلل في هذه
122. 6:23الجهة.
123. 6:24وأختار أداة الآن الدايركت سيلكشن تول.
124. 6:27أضغط ضغطة واحدة على السيجمنت اللي موجود
125. 6:29عندي هنا اللي هو المربع وأسحبه بهذا
126. 6:32الشكل.
127. 6:34نفس الشيء عندي هنا. أضغط ضغطة واحدة على
128. 6:36المربع وأسحبه فوق شوي.
129. 6:41بأداة ال مسافة أو أداة اليد واختصارها
130. 6:44سبيس بار اللي هو مفتاح المسافة بالكيبورد
131. 6:47أفعل اليد مؤقتاً عشان أقدر أنتقل داخل
132. 6:50الملف.
133. 6:52نفس الشيء أختار أداة الدايركت سيلكشن تول
134. 6:54اللي هي السهم الأبيض واختصارها حرف ال
135. 6:56إي. وأضغط على الأنكر بوينت اللي موجودة
136. 6:59هنا وأوصلها ب هذا الجزء.
137. 7:03نفس الشيء عندي هنا أضغط على الأنكر
138. 7:05بوينت.
139. 7:06وأوصلها بهذه الطريقة.
140. 7:09أطلع فوق.
141. 7:11وألاحظ أن عندي هنا الأنكر بوينت أيضاً.
142. 7:13أستطيع أني أتأكد أنها موصولة بهذه
143. 7:16الطريقة. أرجع أسوي زوم أوت.
144. 7:18ومرة أخرى أضغط كوماند إي أو كنترول إي
145. 7:21عشان أحدد كامل الشكل.
146. 7:23شيفت إم عشان أختار أداة الشيب بيلدر تول.
147. 7:27وأبدأ أرسم بداخل الشكل بهذه الطريقة حتى
148. 7:30أدمج جميع الأشكال.
149. 7:33لو ما قدرت أني أدمج الشكل اللي موجود هنا
150. 7:35عندي فمعناته أنه يوجد خلل في رسمي
151. 7:38للسيجمنت. أسوي زوم إن.
152. 7:40وأتأكد أن هذه النقطة جاية فوق السيجمنت
153. 7:43بالضبط.
154. 7:45نفس الشيء عندي هنا إذا كانت السيجمنت مع
155. 7:47بعض، أخليهم متقابلين بهذه الطريقة، زوم
156. 7:51أوت أكثر وأشوف أيضًا السيجمنت اللي عندي
157. 7:55تحت هنا.
158. 7:57وأضغط ضغطة واحدة وأسحب إلى إلى الداخل
159. 8:00بهذا الشكل.
160. 8:01أحدد مرة أخرى كوماند إيه.
161. 8:04بعدين شيفت وحرف الإم بالكيبورد وأدمج
162. 8:08الأشكال هذه كلها مع بعض حتى أصل إلى شكل
163. 8:11السماعة بهذه الطريقة.
164. 8:15أختار أداة الإلبس تول مرة أخرى وأرسم
165. 8:18دائرة من المنتصف حتى أصل إلى الدائرة
166. 8:21الكبيرة بالسحب مع مفتاح شيفت وأوبشن
167. 8:23للماك أو ألت للويندوز.
168. 8:26أحدد الجميع.
169. 8:27أختار الأداة الكبيرة الدائرة الكبيرة
170. 8:30بالضغط ضغطة واحدة فقط عشان أفعلها وتكون
171. 8:32هي الـ
172. 8:34الجزء الثابت في الألاينمنت أو المحاذاة.
173. 8:38وأوسط السماعة بداخل الدائرة.
174. 8:42زي ما ذكرنا سابقًا إنه هذا الحد هو الحد
175. 8:44الـ الأعلى لكل الأيقونات فبالتالي أختار
176. 8:48السماعة ومع مفتاح شيفت وأوبشن من الزاوية
177. 8:51أصغر حتى أصل للحد المطلوب.
178. 8:55سوي زوم إن للأجزاء اللي ممكن تكون زايدة
179. 8:57عندي هنا وأحذفها باختيارها وتحديدها بهذه
180. 9:01الطريقة مع مفتاح شيفت.
181. 9:03ودليت بالكيبورد. ولاحظ الآن إني استطعت
182. 9:06رسم السماعة بـ واسطة القالب اللي موجود
183. 9:11عندي هنا واللي من خلالها استفدنا بأن
184. 9:14تكون هذه الأيقونة دقيقة في الرسم.
185. 9:18لو حبينا نكمل أيقونة الواتساب نختار أداة
186. 9:21اللاين سيجمنت تول.
187. 9:23ونبدأ من هذه الزاوية نرسم خط وحتى زاوية
188. 9:26المربع للقالب اللي هو التمبليت.
189. 9:29أيضًا ممكن نبدأ نرسم من هذه الـ من هذه
190. 9:32الخانة المقابلة.
191. 9:34ثم إلى الرأس مرة أخرى.
192. 9:37نختار أداة الدايركت سيلكشن تول أو
193. 9:39السيلكشن تول عفواً ثم نحدد فقط المثلث مع
194. 9:43الدائرة مع مفتاح شيفت وحرف الـ إم
195. 9:46بالكيبورد.
196. 9:47نقوم بدمج الأشكال مع بعضها. نقدر نضغط
197. 9:50على مفتاح ألت بالكيبورد أو أوبشن للـ ماك
198. 9:54ونضغط على الخطوط التي لا نرغب بإضافتها.
199. 9:57وبالتالي نكون رسمنا الأيقونة بشكلها
200. 10:00الكامل.
201. 10:01نقدر نحددهم مع بعض.
202. 10:04ونقوم بزيادة الستروك حتى يكون ثلاثة بت
203. 10:07على سبيل المثال.