انجمن انیاک
آموزش تصویری Flash CC قسمت سوم - نسخه‌ی قابل چاپ

+- انجمن انیاک (http://forum.learninweb.com)
+-- انجمن: آموزش های تصویری (/forumdisplay.php?fid=7)
+--- انجمن: آموزش طراحی، گرافیک و انیمیشن (/forumdisplay.php?fid=14)
+--- موضوع: آموزش تصویری Flash CC قسمت سوم (/showthread.php?tid=951)



آموزش تصویری Flash CC قسمت سوم - learninweb - 04-12-2014 08:11 PM

با سلام خدمت تمامي کاربران گرامي در زير آموزش تصويري Flash CC را بررسي ميکنيم توجه کنيد که شما ميتوانيد نرم افزار آموزش فلش را به همراه چند بخش آموزشي ديگر که بصورت تعاملي و شبيه سازي شده با صدا و متن فارسي درس داده شده است و رايگان نيز ميباشد از لينک آموزش فلش دانلود کنيد. در نرم افزارهاي آموزشي کارهاي بيان شده را بايد در محيط شبيه سازي شده انجام دهيد. در انتهاي اين آموزش تصويري نيز کل آموزش (هم متن و هم تصويري) در يک فايل PDF پيوست است.

دانلود فایل PDF آموزش تصویری فلش
دانلود فایل Word آموزش تصویری فلش

براي رسم اشکال دو حالت رسم به نامهاي Merge Drawing mode و Object Drawing mode وجود دارد که در اين قسمت ميخواهيم به تفاوت اين دو حالت بپردازيم. براي شروع کار روي ابزار دايره کليک کنيد.
[تصویر:  001.gif]

با کليک بر روي ابزار دايره ليست خصوصيات آن باز شده است. براي تعيين رنگ کادر دايره، روي دکمه Stroke Color کليک کنيد.
روي رنگ مشکي مشخص شده کليک کنيد.
[تصویر:  002.gif]

براي تعيين رنگ داخل دايره روي دکمه Fill Color کليک کنيد.
روي رنگ آبي مشخص شده کليک کنيد.
[تصویر:  003.gif]

براي اين که تعيين کنيم شکل مورد نظر از نوع Object Drawing mode باشد، بايد گزينه Object Drawing را فعال کنيد. زماني که گزينهObject Drawing غير‌فعال باشد، شکل رسم شده به صورت Merge Drawing mode ميباشد. اکنون ميخواهيم يک دايره به صورت Merge Drawing mode رسم کنيم. براي اين کار روي قسمت مشخص شده کليک کرده و تا قسمت مشخص شده با کادر سبز درگ کنيد.
[تصویر:  004.gif]

اکنون يک شکل به صورت Merge Drawing mode رسم شده است. حال روي دکمه Object Drawing کليک کنيد.
[تصویر:  005.gif]

در ادامه يک بيضي ديگر در پايين متن Object رسم ميکنيم.
اين بيضي بصورت Object Drawing mode رسم شده است. براي بررسي تفاوت اين دو مورد، ابزار Selection Tools را انتخاب کنيد.
[تصویر:  006.gif]

روي شکلي که بصورت Merge Drawing mode رسم شده است کليک کنيد.
[تصویر:  007.gif]

مشاهده ميکنيد که شکلي که بصورت Merge Drawing mode رسم شده است، به صورت نقطه‌چين به انتخاب در مي‌آيد. در بالاي پنجره Properties نيز عبارت Shape نوشته شده است. حال روي شکلي که بصورت Object Drawing mode رسم شده است کليک کنيد.
[تصویر:  008.gif]

همانطور که ميبينيد شکلي که بصورت Object Drawing mode رسم شده است در حالت انتخاب، بصورت يک کادر دور آن مشخص ميشود و در قسمت مشخص شده در پنجره Properties نوع آن Drawing Object تعيين شده است. يکي ديگر از تفاوتهاي Merge Drawing mode با Object Drawing mode در حالت انتخاب قسمتي از شکل ميباشد. براي درک بهتر ميخواهيم يک قسمت از بيضي که از نوع Merge Drawing mode ساخته شده است را انتخاب کنيم. براي اين کار روي قسمت مشخص شده کليک کنيد و تا قسمت مشخص شده با کادر سبز درگ کنيد.
[تصویر:  009.gif]

مشاهده ميکنيد که قسمت مورد نظر از بيضي انتخاب شده است اما در Object Drawing mode امکان چنين کاري وجود ندارد و با انتخاب قسمتي از شکل، کل شکل انتخاب ميشود.
اکنون ميخواهيم دو ستاره با دو نوع فرمت مختلف ايجاد کنيم. براي رسم ستاره، روي ابزار Polystar Tool کليک کنيد.
[تصویر:  010.gif]

روي دکمه Options کليک کنيد.
[تصویر:  011.gif]

از پنجره باز شده روي منوي بازشونده Style کليک کنيد.
روي گزينه Star کليک کنيد.
[تصویر:  012.gif]

در قسمت Number Of Sides ميتوانيد تعداد
گوشه‌هاي ستاره را مشخص کنيد و در قسمت Star point size ميتوانيد سايز ستاره را تعيين کنيد. روي دکمه OK کليک کنيد.
[تصویر:  013.gif]

در ادامه دو ستاره با دو حالت مختلف رسم ميکنيم.
يکي ديگر از تفاوتهاي Merge Drawing modeبا Object Drawing mode در اين مثال مشخص ميشود. اکنون قصد داريم ستاره ساخته شده را روي بيضي مورد نظر قرار دهيم. براي اينکار، روي ستاره مشخص شده دابل کليک کنيد.
نکته: علت اين که دابل کليک ميکنيم اين است که تنها با کليک کردن و جابهجا کردن شکل، فقط خود شکل جابهجا ميشود و کادر شکل مورد نظر در جاي خود باقي ميماند.
[تصویر:  014.gif]

حال ستاره و کادر دور آن انتخاب شده است. براي تغيير محل ستاره روي ستاره انتخاب شده کليک کرده و تا قسمت مشخص شده توسط کادر سبز درگ کنيد.
[تصویر:  015.gif]

در هر جايي خارج از کادر اصلي ستاره کليک کنيد تا ستاره از حالت انتخاب خارج شود.
[تصویر:  016.gif]

دوباره روي ستاره دابل کليک کنيد.
[تصویر:  017.gif]

روي ستاره کليک کرده و تا قسمت مشخص شده با کادر سبز درگ کنيد.
[تصویر:  018.gif]

مشاهده ميکنيد که قسمتي از بيضي که زيره ستاره بوده به شکل ستاره در آمده است و اين خصوصيت فقط در اشکالي وجود دارد که با روش Merge Drawing mode رسم ميشوند. حال روي ستارهايي که به روش Object Drawing mode رسم شده است کليک کنيد.
[تصویر:  019.gif]

روي ستاره انتخاب شده کليک کرده و تا قسمت مشخص شده با کادر سبز درگ کنيد.
[تصویر:  020.gif]

براي خارج شدن ستاره از حالت انتخاب هر جايي خارج از ستاره کليک کنيد.
[تصویر:  021.gif]

اکنون روي ستاره کليک کرده و تا قسمت مشخص شده با کادر سبز درگ کنيد.

[تصویر:  022.gif]

مشاهده ميکنيد که هيچ تغييري در ساختار اشکال رخ نداده است. يکي از خصوصياتي که در دو حالت رسم شکل مشترک ميباشد، خصوصيت تغيير حالت اشکال است.
همان طور که ميبينيد با قرار دادن ماوس بر کناره‌هاي شکل حالت ماوس تغيير ميکند و شما ميتوانيد تغييراتي را در ابعاد شکل انجام دهيد.
مشاهده کرديد که در مورد اين خصوصيت هيچ تفاوتي بين دو حالت رسم وجود ندارد.
[تصویر:  023.gif]

همان طور که مشاهده ميکنيد پروژه انياک را دوباره باز کردهايم و قصد تکميل آن را داريم. در اين مرحله
ميخواهيم تصوير پشت زمينهاي تعيين کنيم تا پروژه جذابتر شود. يک لايه با نام background ايجاد کردهايم. حال براي اينکه تغييراتي را روي اين لايه انجام دهيم و ديگر لايهها تغيير نکند، بايد لايههاي ديگر را قفل کنيم. براي اين کار، روي لايه background کليک راست کنيد.
[تصویر:  024.gif]

از منوي باز شده، روي گزينه Lock Others کليک کنيد. تا تمامي لايه‌ها به غير از ايه background قفل شوند.
[تصویر:  025.gif]

براي آنکه لايه‌هاي ديگر در صفحه نمايش داده نشوند. روي لايه background کليک راست کنيد.
روي گزينه Hide Others کليک کنيد تا بقية لايه‌ها مخفي شوند.
[تصویر:  026.gif]

حال ميخواهيم يک مستطيل از نوع Merge Drawing mode رسم کنيم. روي ابزار مستطيل کليک کنيد
[تصویر:  027.gif]

توجه داشته باشيد که دکمه Object Drawing غير فعال ميباشد و ميتوانيد مستطيل را به صورتMerge Drawing mode رسم کنيد. اکنون براي اين که رنگ مستطيل را تعيين کنيم، روي دکمه مشخص شده کليک کنيد.
روي رنگ آبي مشخص شده کليک کنيد.
[تصویر:  028.gif]

حال ميخواهيم کادر مستطيل را حذف کنيم. براي اينکار روي دکمه مشخص شده کليک کنيد.
روي گزينه مشخص شده کليک کنيد تا کادر حذف شود.
[تصویر:  029.gif]

در ادامه يک مستطيل به اندازه صفحه اصلي رسم
ميکنيم.
روي ابزار Selection کليک کنيد.
[تصویر:  030.gif]

حال ميخواهيم براي زيبايي بيشتر پس‌زمينه از روش سايه روشن يا Gradient استفاده کنيم. براي اينکار، ابتدا توجه داشته باشيد که مستطيل هنوز هم در حالت انتخاب قرار دارد. روي دکمه Color کليک کنيد.
روي منوي بازشونده مشخص شده کليک کنيد.
[تصویر:  031.gif]

براي انتخاب سايه ‌روشن بصورت خطي روي گزينه مشخص شده (Linear gradient) کليک کنيد.
[تصویر:  032.gif]

مشاهده ميکنيد که با انتخاب اين گزينه رنگ مستطيل به صورت خودکار سايه روشن سياه سفيد ميشود. روي قسمت مشخص شده با کادر قرمز کليک کنيد و تا قسمت مشخص شده با کادر سبز درگ کنيد.
[تصویر:  033.gif]

مشاهده ميکنيد که ميزان کشيدگي رنگ کم شده است. يکي ديگر از تغييراتي که ميتوانيد انجام دهيد عوض کردن محل قرار‌گيري رنگ سياه با سفيد است. در ادامه محل قرارگيري دو رنگ را به ميزان مورد نظر تغيير مي‌دهيم.
[تصویر:  034.gif]

اکنون ميخواهيم رنگ مشکي را با رنگ ديگري عوض کنيم. براي اينکار روي فلش مشخص شده کليک کنيد.
[تصویر:  035.gif]

روي رنگ مشخص شده کليک کنيد.
[تصویر:  036.gif]

حال ميخواهيم يکسري تنظيمات را براي سايه روشن انجام دهيم. براي اينکار، روي ابزار free transform tool کليک کنيد.
[تصویر:  037.gif]

روي free transform tool کليک کنيد.
از منوي بازشده روي ابزار transform tool gradient کليک کنيد.
[تصویر:  038.gif]

مشاهده ميکنيد که با انتخاب اين گزينه، يک دستگيره براي نقطه مرکزي، يک دستگيره براي کشيدن سايه روشن و يک دستگيره براي دوران سايه روشن قرار داده شده است. در ادامه طرز کار اين سه دستگيره را مشاهده خواهيد کرد.
همان طور که ميبينيد با تغيير دستگيره سمت راست ميزان کشيدگي را تعيين کرده‌ايم و با تغيير دستگيره مرکزي، محل سايه روشن را تعيين ميکنيم و با استفاده از دستگيره گوشه صفحه ميتوان دوران ايجاد کرد.
حال ابزار Selection را انتخاب کنيد.
[تصویر:  039.gif]

روي هرجا خارج از صفحه اصلي کليک کنيد تا صفحه از حالت انتخاب در بيايد.

[تصویر:  040.gif]

روي چشم مشخص شده کليک کنيد تا تمامي لايهها قابل رويت باشد.
[تصویر:  041.gif]

مشاهده ميکنيد که اشکال روي مستطيل قرار گرفته است و با حرکت نوار قرمز ميتوانيد تغيير اشکال را مشاهده کنيد.
روي قسمت مشخص شده کليک کنيد تا لايه مستطيل قفل شود.
[تصویر:  042.gif]

روي قسمت مشخص شده کليک کنيد تا پوشه پسزمينه نيز بسته شود.
[تصویر:  043.gif]

حالا ميخواهيم براي اينکه مشکل عکس زيري رفع شود، يک کادر رسم کنيم. براي اينکار يک لايه نياز داريم. روي دکمه New Layer کليک کنيد.
[تصویر:  044.gif]

در ادامه نام مناسبي براي اين لايه وارد مي‌کنيم.
روي قسمت مشخص شده کليک کنيد تا آدمک غير قابل نمايش شود.
[تصویر:  045.gif]

روي قسمت مشخص شده کليک راست کنيد.
[تصویر:  046.gif]

روي گزينه Insert Blank Keyframe کليک کنيد.
[تصویر:  047.gif]

روي ابزار مستطيل کليک کنيد.
[تصویر:  048.gif]

در ادامه رنگ طوسي را براي مستطيل انتخاب ميکنيم
[تصویر:  049.gif]

براي زيبايي کادر ميخواهيم گوشه مستطيل را کمي گرد و منحني کنيم. براي اينکار از قسمتRectangle Options استفاده ميکنيم. روي کادر مشخص شده دابل کليک کنيد.
[تصویر:  050.gif]

عدد 5 را تايپ کنيد.
دکمه Enter صفحه کليد را فشار دهيد.
با استفاده از نوار مشخص شده ميتوانيد اين ميزان هلال را کم و زياد کنيم و با غير فعال کردن گزينه مشخص شده ميتوان براي هر گوشه اندازه خاصي را تعريف کرد. در ادامه مستطيل را در محل مورد نظر رسم مي‌کنيم.
[تصویر:  051.gif]

روي قسمت مشخص شده از ابزار مستطيل کليک کنيد.
[تصویر:  052.gif]

به ابزار مشخص شده توجه کنيد. اگر مستطيل خود را با اين ابزار رسم کنيد در گوشه‌هاي مستطيلتان دستگيره‌هايي وجود خواهد داشت که با استفاده از آنها ميتوانيد هلال مورد نظر را ايجاد کنيد. هر جا خارج از منو کليک کنيد تا منوي باز شده بسته شود.
[تصویر:  053.gif]

حال ميخواهيم سايه روشن را نيز در اين شکل بکار ببريم. براي اين کار، روي پنل Color کليک کنيد.
روي منوي بازشونده مشخص شده کليک کنيد.
روي گزينه Linear gradient کليک کنيد.
[تصویر:  054.gif]

تا اين مرحله رنگ مورد نظر را تعيين کرديم. حال براي اينکه سايه روشن را تنظيم کنيم، روي ابزار Gradient Transform Tool کليک کنيد.
[تصویر:  055.gif]

همانطور که مشاهده ميکنيد با استفاده از ابزار Gradient Transform Tool سايه روشن را تنظيم ميکنيم.
حال روي چشم مشخص شده کليک کنيد تا همه لايهها را بتوان مشاهده کرد.
[تصویر:  056.gif]

مشاهده ميکنيد که با حرکت نوار Timeline ديگر آدمک مشاهده نميشود.
کاربر گرامي، شما اکنون در پايان اين بخش هستيد،
[تصویر:  057.gif]


دانلود فایل PDF آموزش تصویری فلش
دانلود فایل Word آموزش تصویری فلش