اموزش قدم به قدم و درس به درس فلش. - تالار گفتمان آذر فروم





دعوت به همکاری با آذر فروم

 

اموزش قدم به قدم و درس به درس فلش.
زمان کنونی: 21-09-1395،09:46 ق.ظ
کاربران در حال بازدید این موضوع: 1 مهمان
نویسنده: Friga
آخرین ارسال: Friga
پاسخ: 2
بازدید: 444

 
 
رتبه موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

موضوع: اموزش قدم به قدم و درس به درس فلش.
ارسال: #1
اموزش قدم به قدم و درس به درس فلش.
پست‌ها: 11,943
تاریخ عضویت: 20 اردیبهشت 1390
اعتبار: 288
حالت من: Shad
[عکس: 1291552019_lesson1.acquaintance-with-fla...-specs.jpg]


فلش و کاربرد آن
امروزه در دنیای وب و مالتی مدیا، فلش، کاربردی ترین و قدرتمندترین نرم افزاری است که مورد استفاده طراحان سایت، مالتی مدیا و انیمیشن قرار می گیرد. این نرم افزار قدرت بالایی را در ایجاد متحرک سازی دو بعدی در اختیار کاربر و طراح قرار می دهد. فلش مانند نرم افزار ایلوستریتور نرم افزاری است که بر پایه وکتور طراحی شده است، به این معنی که تمام اشکال و اشیای ایجاد شده در آن وکتور بوده و در نتیجه اشیای رسم شده در آن علاوه بر کیفیت بالا و سادگی در ویرایش، از حجم پایینی برخوردار می باشند. از این رو، در سال های اخیر استفاده از فلش در وب سایت ها و نرم افزارهای مالتی مدیا به دلیل جذابیت بصری افزایش چشمگیری یافته است.


آشنایی با محیط و قسمت های مختلف فلش
قسمت های مختلف فلش و هر برنامه گرافیکی دیگر به کاربر این امکان را می دهد تا برای ایجاد اشکال و تصاویر و همچنین ویرایش آنها از امکانات برنامه که شامل ابزارها و پنل های مختلف می باشد استفاده نماید. درتصویر زیر محیط فلش را مشاهده می نمایید.
[عکس: le1.jpg]


نوار منو
نوار منو شامل تمام منوهایی می شود که برنامه در اختیار کاربر قرار می دهد. این منوها شامل دستورات زیادی می شود که کاربر را قادر می سازد برای ایجاد، کنترل و ویرایش پروژه های خود از آنها استفاده نماید.

جعبه ابزار
حاوی ابزارهایی برای ایجاد و ویرایش تصاویر، اشکال مختلف و تنظیمات ابزار می باشد.

نوار زمانی
این نوار، نشان دهنده فرایند حرکت مرحله به مرحله اشیاء و اشکال ایجاد شده می باشد. تعداد فریم ها و سرعت حرکتی که خط پیمایشگر نوار زمانی طی می کند، نشان دهنده سرعت نمایش یک شیء می باشد.

پنل خصوصیات
تنظیمات و خصوصیات ویژه هر ابزار را در اختیار کاربر قرار می دهد.

فضای طراحی/صفحه ترسیم
صفحه کاملأ سفید (درحالت پیش فرض) که داخل آن تصاویر و اشکال مورد نظر را رسم و ایجاد می کنید.

پنل ها
فلش دارای قسمتی به نام پنل است. هر پنل دارای ابزارها و خصوصیات مختلفی برای انجام کاری است. به طور مثال، در پنل Library یا کتابخانه می توانید اشیاء و تصاویر را به نماد تبدیل کرده و یا این نمادها را مدیریت کنید. در پنل رنگ، قادر خواهید بود رنگ اشیاء را مدیریت کرده و همچنین در پنل Align می توانید اشیاء و تصاویر را بر روی صفحه و یا نسبت به یکدیگر تراز نمایید.

نکته:
می توانید برای پنهان کردن و یا نشان دادن پنل ها و جعبه ابزار، کلید F4 را در صفحه کلید فشار دهید.


استفاده از صفحه طراحی و پنل ابزار
هنگامی که برنامه فلش را باز می کنید، در ابتدا پنجره زير ظاهر می شود. این پنجره شامل سه قسمت اصلی می باشد:
[عکس: le2.jpg]


:Create from Template قالب های از قبل آماده شده را برای ایجاد پروژه های مختلف باز می کند.
: Create New صفحه طراحی جدیدی را باز می¬کند.
:Learn با کلیک روی این عناوین فهرست شده، فلش شما را به سایت شرکت Adobe هدایت کرده و در آنجا می توانید مطالب آموزشی مربوطه را مشاهده نمایید.


برای ایجاد یک سند جدید، در قسمت 2 روی ActionScript3.0 یا ActionScript2.0 کلیک کنید. پس از کلیک و انتخاب آن، وارد محیط اصلی برنامه می شوید. همانطور که در قسمت آشنایی با محیط و قسمت های مختلف برنامه گفتیم، برای رسم و طراحی اشیاء و شکل ها توسط ابزارهای برنامه، روی صفحه طراحی این اشیاء را ایجاد می نماییم.
ابعاد پیش فرض صفحه طراحی در فلش CS5، 400X550 می باشد که در ادامه خواهیم گفت چگونه می توانید این ابعاد را تغییر داده و ابعاد مورد نظرتان را به عنوان ابعاد پیش فرض در برنامه تعریف کنید. در شکل زیر، ابعاد پیش فرض صفحه طراحی یا سند را تبدیل به ابعاد 250X350 کرده ایم. در قسمت پایین برنامه و در پنل خصوصیات ابعاد صفحه را مشاهده می کنید.
[عکس: le3.jpg]

برای استفاده از ابزارهای جعبه ابزار، روي ابزار مورد نظر كليك كنيد. هر ابزاری را که در پنل ابزار انتخاب مي كنيد، امكانات و خصوصيات مربوط به همان ابزار در قسمت پايين محيط برنامه و در پنلی به نام پنل Properties (خصوصیات) ظاهر خواهد شد. در آینده، روش رسم انواع اشکال و استفاده از تمام امکانات و ابزارهای موجود را خواهیم گفت.
[عکس: le4.jpg]

نوار زمان (Timeline)
نوار زمانی، شامل چهارخانه هایی به نام فریم است. هر فریم در واقع نشان دهنده یک تصویر ثابت است. اگر تصاویر متوالی در این فریم ها رسم کنیم و سپس آنها را به سرعت نمایش دهیم، یک تصویر متحرک ایجاد می شود. در واقع نوار زمان مهمترین قسمت برنامه فلش می باشد که با آشنایی و درک کامل آن، قادر خواهید بود اشیای مورد نظر خود را با جلوه ها و سرعت های دلخواه متحرک کنید.
در شکل زیر، فریم 10 انتخاب شده است. در قسمت پایین نوار زمان، سرعت فریم را مشاهده می کنید. عدد 24 مقدار سرعت فریم ها می باشد، که این عدد نشان دهنده تعداد عبور فریم ها بر مبنای هر ثانیه می باشد. به عبارتی، 24 یعنی پیمایشگر نوار زمان، در هر ثانیه از 24 فریم عبور می کند. هر چه مقدار این عدد کمتر باشد، سرعت انیمیشن در یک پروژه کمتر بوده و هرچه مقدار این عدد بیشتر باشد، سرعت انیمیشن بیشتر خواهد بود.
[عکس: le5.jpg]
















دورمچم به جای ساعت یکنوار مشکی بستم
تا همه بفهمن من از همه هر چه زمانو متعلق به زمان است بیزارم
من هم روزی قلبی داشتم
که توسط مردمانی ازمیان شما شکست و شکست تا سنگی شد
واکنون روزگاریست که شیطان فریاد میزند..
انسان پیدا کنید سجده خواهم کرد...


=====ஜ۩۞۩ஜ=====

16-03-1391 02:10 ق.ظ
 
ارسال: #2
RE: اموزش قدم به قدم و درس به درس فلش.
پست‌ها: 11,943
تاریخ عضویت: 20 اردیبهشت 1390
اعتبار: 288
حالت من: Shad
کاربرد پنل های فلش
پنل ها در فلش دارای امکاناتي براي ويرايش اشياي ايجاد شده مي باشند. براي مثال، پنل Properties، ويژگي ها و امكانات ابزار انتخاب شده را به منظور ويرايش اشكال ايجاد شده در اختيار كاربر قرار مي دهد. يكي ديگر از پنل هايي كه كاربرد بسيار زيادي در فلش دارد، پنل Library‌ يا كتابخانه است. اشياء و اشكالي كه در فلش تبديل به نماد يا Symbol مي شوند، درون اين پنل نگهداري مي شود. همچنين هر فايلي كه قصد داريم در پروژه فلش از آن استفاده كنيم، مي توانيم ابتدا وارد اين پنل نموده و سپس از آن استفاده نماييم. براي مثال، اگر قصد داريم يك فايل PSD فتوشاپ را وارد محیط فلش كنيم، ابتدا بايد آن را وارد پنل كتابخانه كرده و سپس با باز كردن فايل PSD‌ و مشاهده لايه هاي آن، فايل را در پروژه استفاده كنيم. در شكل زير پنل كتابخانه و نماد ايجاد شده در آن را مشاهده مي كنيد. در درس هاي آينده با نحوه استفاده از اين پنل آشنا خواهيد شد.
[عکس: p1.jpg]

پس از آشنایی با محیط برنامه و همچنین معرفی مهمترین قسمت های نرم افزار فلش و کاربرد هر كدام از آنها، اکنون در این فصل شما را با روش رسم اشکال مختلف و ویرایش آنها و همچنين ذخيره سازي سندهاي ايجاد شده آشنا مي كنيم.

اصول مقدماتی شناخت تصویر
به طور كلي تمام تصاوير ايجاد شده در نرم افزارهاي گرافيكي به دو نوع وكتور (ترسيمي) و یا بيت مپ (عکس) شناخته مي شوند. دانستن تفاوت بین این دو به شما کمک خواهد کرد تا کار را با دانش و درک بهتر انجام دهید.
تصاویر وكتور: تصاویر وكتور یا ترسیمی، تصاویری هستند که بر اساس خطوط هندسی تعریف می شوند. هنگامی که یک تصویر ترسیمی را ویرایش می کنید، در واقع خصوصیات خطوط و رنگ آن را تغییر می دهید. اندازه تصاویر وكتور را می توان بدون اینکه تغییری در کیفیت آن رخ دهد، تغییر دهید. اشکالی که با ابزارهای مختلف مانند چهارضلعی و دایره در برنامه ای مانند فلش یا ايلاستريتور رسم می شوند، تصاویر وكتور هستند. در شكل زير، دو شكل ايجاد شده وكتور را در فلش مشاهده مي كنيد.
[عکس: p2.jpg]

تصاویر بيت مپ: تصاویر بيت مپ تصاویری هستند که از واحدهاي بسیار کوچکی بنام "پیکسل" تشکیل شده اند. هنگامی که اینگونه تصاویر را ویرایش می کنید، در واقع پیکسل های آن را تغییر می دهید. هر چه عکس دارای پیکسل های بیشتری باشد، کیفیت و در نتیجه وضوح عکس بالاتر خواهد بود. عکس های اسکن شده و عکس های دوربین دیجیتال به عنوان تصاویر بيت مپ شناخته می شوند.

ترسيم اشكال در فلش
به طور كلي در فلش مي توانيد با دو روش اشكال و اشياي مورد نظرتان را توسط ابزار مختلف ايجاد كنيد. هر كدام از اين دو روش امتيازها و معايب خاص خود را دارند كه در ادامه به شرح هر كدام از اين دو روش مي پردازيم:
Merge Drawing mode (رسم با حالت تركيبي): اين حالت، حالت پيش فرض رسم اشكال در فلش است. در اين روش، فلش اشكال روي هم قرار گرفته و با دو رنگ متفاوت را با هم تركيب و ادغام مي كند. هنگامي كه در يك لايه شكلي را رسم مي كنيد و اين شكل روي شكل هاي ديگر قرار مي گيرد، فصل مشترك شكل زير خود را برش مي دهد. به عبارتي ديگر،‌ شكل بالايي فقط قسمت پوشيده شده شكل زير خود را برش مي دهد. در اين حالت، حاشيه و داخل شكل به عنوان دو شكل جداگانه در نظر گرفته مي شود.
در شكل زير، دايره آبي روي دايره قرمز قرار گرفته و سپس با حركت دادن دايره آبي، قسمت پوشيده شده دايره قرمز رنگ توسط دايره آبي، برش داده مي شود.
[عکس: p3.jpg]

براي رسم شكل با اين روش، ابتدا ابزار مورد نظر را انتخاب كرده و سپس حالت Merge Drawing (حالت تركيبي) را در جعبه ابزار انتخاب كنيد. زماني كه اين دكمه در حالت انتخاب نباشد، حالت رسم شكل در حالت Merge Drawing‌ است. سپس مانند تصوير بالا، دو شكل رسم كرده و پس از آن كه يكي از دو شكل را روي ديگر قرار مي دهيد، يكي از شكل ها (شكل بالايي يا شكل زيرين) را با ماوس گرفته و از شكل ديگر جدا كنيد.
[عکس: p4.jpg]

بايد توجه داشته باشيد كه عمل برش فقط زماني اعمال مي شود كه رنگ دو شكل با هم متفاوت باشد. در غير اين صورت زماني كه رنگ دو شكل دقيقاً مانند يكديگر است، دو شكل با هم تركيب شده و شكل ديگري را تشكيل مي دهند. در شكل زير، در نتيجه روي هم قرار دادن دو دايره كوچك و بزرگ، يك شكل واحد و تركيبي بوجود آمده است.
[عکس: p5.jpg]


Object Drawing mode: رسم با اين حالت دقيقاً عكس حالت اول است. در اين حالت، فلش حاشيه و داخل شكل را به عنوان يك شكل واحد در نظر مي گيرد. همچنين هنگامي كه يكي از شكل ها را روي ديگري قرار مي دهيم، علاوه بر اينكه قسمت پوشيده شده شكل زير حذف نمي شود، با روي هم قرار دادن دو شكل نيز، شكل واحدي بدست نمي آيد. پس از رسم شكل با اين حالت، يك چهار ضلعي اطراف شكل ظاهر مي شود.
[عکس: p6.jpg]

اكنون شما را با روش کار مهمترين و كاربردي ترين ابزارهاي رسم شكل آشنا مي كنيم. با رسم شكل توسط اين ابزارهاي كاربردي مي توانيد هر شكل منظم يا منتظمي را ايجاد كنيد.

رسم خط با ابزار Line: ابزار Line‌ را در جعبه ابزار انتخاب كنيد. به منوي Properties
[عکس: p7.jpg]

با گرفتن كليد ماوس و كشيدن آن روي صفحه ترسيم، خط مورد نظر را رسم كنيد. براي كشيدن خط با زاويه 45 درجه، كليد Shift صفحه كليد را هنگام رسم خط نگه داريد.
[عکس: p8.jpg]


رسم چهارضلعي با ابزار Rectangle: ابزار Rectangle را در جعبه ابزار انتخاب كنيد. به منوي Properties
[عکس: p9.jpg]

[عکس: p10.jpg]


مانند رسم خط، كليد ماوس را گرفته و با كشيدن ماوس، چهار ضلعي مورد نظر را رسم كنيد.
[عکس: p11.jpg]


براي تغيير رنگ حاشيه شكل، ابتدا ابزار Selection را در جعبه ابزار انتخاب كنيد.
[عکس: p12.jpg]


با استفاده از ابزار Selection روي حاشيه شكل دوبار كليك كنيد تا تمام آن انتخاب شود. اكنون در پنل خصوصيات (Prperties) مي توانيد رنگ حاشيه و همچنين ضخامت آن را تغيير دهيد. در شكل زير پس از انتخاب حاشيه شكل، رنگ آن را تغيير داديم.
[عکس: p12.jpg]


براي تغيير رنگ حاشيه همراه با رنگ داخل شكل، توسط ابزار Selection دوبار روي داخل شكل كليك كنيد تا تمام شكل انتخاب شود. اكنون در پنل خصوصيات مي توانيد رنگ حاشيه و رنگ داخل شكل را تغيير دهيد.
[عکس: p13.jpg]


رسم دايره با ابزار Oval: براي رسم دايره با ابزار Oval، چند لحظه كليد ماوس را روي ابزار Rectangle‌ قرار دهيد تا ابزارهاي ديگر داخل آن نيز آشكار شوند. ابزار Oval را انتخاب نماييد.
[عکس: p14.jpg]


مانند رسم چهار ضلعي، كليد ماوس را گرفته و با كشيدن ماوس، دايره يا بيضي مورد نظر را رسم كنيد.

دیدن لینک ها برای شما امکانپذیر نیست . لطفا
ثبت نام کنید یا وارد حساب کاربری خود شوید



براي تغيير رنگ حاشيه و داخل شكل، دقيقاً مانند چهارضلعي عمل كنيد.

رسم چند ضلعي و ستاره با ابزار PolyStar: براي رسم چند ضلعي و ستاره توسط اين ابزار، كليد ماوس را روي ابزار چند ضلعي فشار دهيد تا ابزارهاي داخل آن نيز آشكار شوند. ابزار PolyStar را انتخاب نماييد.
[عکس: p16.jpg]


از قسمت Tool Settings در پنل خصوصيات اين ابزار، روي دكمه Option‌ كليك كنيد. با انجام اين كار پنجره كوچكي با عنوان Tool Settings ظاهر مي شود.
[عکس: p17.jpg]


در پنجره ظاهر شده، در قسمت Style گزينه polygon را براي رسم چند ضلعي و يا star‌ را براي رسم ستاره انتخاب نماييد.
[عکس: p18.jpg]


در قسمت هاي زير تعداد اضلاع ستاره يا چند ضلعي و ضخامت پره ها را به ترتيب مشخص كنيد. به عنوان مثال، براي رسم مثلث، گزينه polygon را انتخاب كرده و مقدار 3 را در قسمت تعداد اضلاع وارد كنيد. براي رسم دقيقاً مانند رسم شكل هاي گذشته عمل كنيد.
[عکس: p19.jpg]
















دورمچم به جای ساعت یکنوار مشکی بستم
تا همه بفهمن من از همه هر چه زمانو متعلق به زمان است بیزارم
من هم روزی قلبی داشتم
که توسط مردمانی ازمیان شما شکست و شکست تا سنگی شد
واکنون روزگاریست که شیطان فریاد میزند..
انسان پیدا کنید سجده خواهم کرد...


=====ஜ۩۞۩ஜ=====

16-03-1391 02:19 ق.ظ
 


[-]
پاسخ سریع
پیام
پاسخ خود را برای این پیام در اینجا بنویسید.


کد تصویری
royalfuns
(غیر حساس به بزرگی و کوچکی حروف)
لطفاً کد نشان داده شده در تصویر را وارد نمایید. این اقدام جهت جلوگیری از ارسال‌های خودکار ضروری می‌باشد.

موضوعات مشابه ...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  اموزش قدم به قدم و درس به درس فلش. DIRECTOR 0 619 09-08-1391 11:42 ب.ظ
آخرین ارسال: DIRECTOR

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان