diamonds55
18th September 2008, 12:42 AM
ساخت يك بنر متحرك بوسيله Image Ready - قسمت (1)
اين مقاله بصورت قدم به قدم شما را براي متحرك نمودن يك بنري (تصوير تبليغاتي) كه در فتوشاپ ساخته شده است را راهنمايي مي كند.
توجه: براي انجام اين آموزش كاربردي و آسان ما يك بنري را در فتوشاپ طراحي نموده ايم و سپس آنرا متحرك كرده ايم .
بعد از دريافت مثالي از بنر ، مراحل زير را طي كنيد:
اندازه هاي استاندارد بنرها:
چندين بنر مختلف وجود دارد كه بعضي از آنها در زير ليست شده است:
ابعاد (پيكسل)
نوع
468 x 60 بنر كامل
392 x 72 بنر بصورت عمودي
234 x 60 بنر كامل
125 x 125 نصف بنر بصورت مربعي
120 x 90 بنر دكمه اي
120 x 60 بنر دكمه اي
88 x 31 بنر دكمه اي كوچك
120 x 240 بنر افقي
در اين مثال ما به شما بنر متحرك 468x60 پيكسل را ياد مي دهيم. فايلي را كه دانلود كرده ايد را در فتوشاپ باز كنيد.
توجه: ما در اين مثال ما يك يك بنري با چندين شي و متن در لايه هاي جدا خواهيم ساخت. خصوصيت رنگ در هر فريم متغير قرار كرده ايم، براي مثال اولين فريم خاكستري و دومين فريم رنگ قرمز روشن مي باشد.
تعدادي از اشياء و متنهاي فريم اول را مرئي و بقيه فريم ها را نامرئي نموده ايم.
بنر در Adobe Image Ready:
بعد از باز كردن بنر در فتوشاپ آنرا با زدن دكمه هاي تركيبي (Ctrl+Shift+M) (و يا File > Jump to > Adobe Image ready ) به Adobe Image Ready انتقال دهيد.
اگر پالت Animation غيرفعال است آنرا با استفاده از منوي Window آنرا فعال نماييد.
ابتدا از پالت Animation بر روي فريم اول كليك نماييد. مي بينيد كه در لايه Layers لايه هايي كه با رنگ قرمز روشن مشخص شده اند بعضي مرئي و بعضي ديگر نامرئي مي باشند.
در پالت Animation بر روي دكمه Duplicate Current Frame كليك نماييد و يك فريم جديد بسازيد و سپس دومين فريم را انتخاب كنيد. در فريم دوم همانند فريم اول لايه هايي كه مرئي و نامرئي بوده اند همچنان باقي مي مانند.
همچنين براي ساخت فريمهاي بعدي نيز بايد از اين دكمه استفاده نماييد.
توجه: در اين مثال، 13 فريم ساخته شده است و در هر فريم بعضي لايه ها مرئي و بعضي ديگر نامرئي شده اند
اجراي انيميشن:
براي اجراي انيمشن ساخته شده در پالت Animation بر روي دكمه Play كليك كنيد تا پيش نمايش آنرا مشاهده نماييد. انيمشن ممكن است كه خيلي سريع اجرا گردد.(همه فريم ها با يك سرعت هستند).
زمان بندي فريم ها:
براي تنظيم زمان فريم ها بر روي نشانه گر زير هر فريم كليك نماييد تا منوي Pop-up باز گردد. مدت زماني كه هر فريم لازم دارد را براي هر يك تنظيم كنيد.
براي ادامه چرخش انيمشن بر روي دكمه "Forever" در پالت Animation كليك كنيد و گزينه Forever را انتخاب كنيد.
در زير ليست دكمه هاي بر روي پالت Animation همراه با كاربرد آنها نوشته شده است:
تعيين تعداد چرخش دوباره كل انيمشن
پريدن به اولين فريم از روي همه فريم ها
انتخاب فريم قبلي
متوقف كردن انيميشن
اجراي انيمشن در پنجره سند
انتخاب فريم بعدي
دستوري براي افزودن و تغيير فريم هاي بين دو فريم
ايجاد فريم جديد بوسيله كپي كردن فريم قبلي
حذف كردن فريم انتخاب شده
بهينه سازي بنر:
براي بهينه سازي بنر، مسير Window > Show Optimize را طي نماييد تا پالت Optimize ظاهر گردد.
در اين پالت شما مي توانيد تنظيماتي را براي كاهش ظرفيت فايل بنر و تنظيم رنگ مورد استفاده در آن بر روي بنر ايجاد نماييد.
توجه : فقط فرمت Gif از فريم هاي انيمشني پشتيباني مي نمايد.
تست بنر در مرورگر:
براي اطمينان از اينكه در انيميشن ، متن ها و بقيه لايه ها بصورت درستي جاي گذاري شده اند آنرا بر روي مرورگر امتحان مي كنيم
براي اينكار مسير Choose File > Preview In را طي نماييد يا اينكه كليدهاي تركيبي (Ctrl-Alt-p) را همزمان فشار دهيد تا پيش نمايش آن در مرورگر به نمايش در بيايد.
بعد از اينكه بنر خود را تست نموديد بايد آنرا ذخيره نماييد.
براي ذخره نمودن بنر بايد مسير File > Save Optimize را طي نماييد تا پنجره با عنوان Save Optimize باز گردد و شما با انتخاب مسير و نام مورد نظر آنرا بر روي سيستم خود ذخيره نماييد.اجراي انيميشن:
براي اجراي انيمشن ساخته شده در پالت Animation بر روي دكمه Play كليك كنيد تا پيش نمايش آنرا مشاهده نماييد. انيمشن ممكن است كه خيلي سريع اجرا گردد.(همه فريم ها با يك سرعت هستند).
زمان بندي فريم ها:
براي تنظيم زمان فريم ها بر روي نشانه گر زير هر فريم كليك نماييد تا منوي Pop-up باز گردد. مدت زماني كه هر فريم لازم دارد را براي هر يك تنظيم كنيد.
براي ادامه چرخش انيمشن بر روي دكمه "Forever" در پالت Animation كليك كنيد و گزينه Forever را انتخاب كنيد.
در زير ليست دكمه هاي بر روي پالت Animation همراه با كاربرد آنها نوشته شده است:
تعيين تعداد چرخش دوباره كل انيمشن
پريدن به اولين فريم از روي همه فريم ها
انتخاب فريم قبلي
متوقف كردن انيميشن
اجراي انيمشن در پنجره سند
انتخاب فريم بعدي
دستوري براي افزودن و تغيير فريم هاي بين دو فريم
ايجاد فريم جديد بوسيله كپي كردن فريم قبلي
حذف كردن فريم انتخاب شده
بهينه سازي بنر:
براي بهينه سازي بنر، مسير Window > Show Optimize را طي نماييد تا پالت Optimize ظاهر گردد.
در اين پالت شما مي توانيد تنظيماتي را براي كاهش ظرفيت فايل بنر و تنظيم رنگ مورد استفاده در آن بر روي بنر ايجاد نماييد.
توجه : فقط فرمت Gif از فريم هاي انيمشني پشتيباني مي نمايد.
تست بنر در مرورگر:
براي اطمينان از اينكه در انيميشن ، متن ها و بقيه لايه ها بصورت درستي جاي گذاري شده اند آنرا بر روي مرورگر امتحان مي كنيم
براي اينكار مسير Choose File > Preview In را طي نماييد يا اينكه كليدهاي تركيبي (Ctrl-Alt-p) را همزمان فشار دهيد تا پيش نمايش آن در مرورگر به نمايش در بيايد.
بعد از اينكه بنر خود را تست نموديد بايد آنرا ذخيره نماييد.
براي ذخره نمودن بنر بايد مسير File > Save Optimize را طي نماييد تا پنجره با عنوان Save Optimize باز گردد و شما با انتخاب مسير و نام مورد نظر آنرا بر روي سيستم خود ذخيره نماييد
در منوی layer می تونيد لايه های جديد درست کنيد که هر کدومش يک تصويره که معمولا معادل با يک فريم از انيميشن شماست. ميتونيد لايه ها رو در Photoshop هم طراحی کنيد و با زدن کليدی که در پايين تصوير مشخص شده اون ها رو به Image ready منتقل کنيد
http://www.vancouver.wsu.edu/vis/documentation/workshops/photoshop/toolbar.gif
در منوی Animation هم می تونيد فريم های جديد درست کنيد. با کليک کردن روی هر فريم در ابزار animation می تونيد بعدش توی منوی layer تعيين کنيد که کدوم لايه ها ديده بشند و کدوم ها ديده نشند. همون طور که گفتم معمول بر اين هست که همه لايه ها مخفی باشند به جز همونی که قراره در فريم مورد نظر ديده بشه... ( برای ديده شدن يا ديده نشدن لايه ها روی عکس چشم بغل اونها در منوی layer کليک کنيد)
http://www.heathrowe.com/tuts/importasframes/8.gif
برای تعيين زمان طول کشيدن هر فريم هم روی عددی که زير فريم نوشته شده right Click کنيد و زمانش رو تغيير بدين
http://graphicssoft.about.com/library/tuts/images6/tut26-0029.gif
در پايان که مشخص کرديد در هر فريم ، کدوم لايه های ديده بشند، در toolbar اصلی برنامه که مداد و پاک کن و ... داره، عکس Internnet explorer رو بزنيد و تصويری رو که ساختيد از اونجا save کنيد.
اين مقاله بصورت قدم به قدم شما را براي متحرك نمودن يك بنري (تصوير تبليغاتي) كه در فتوشاپ ساخته شده است را راهنمايي مي كند.
توجه: براي انجام اين آموزش كاربردي و آسان ما يك بنري را در فتوشاپ طراحي نموده ايم و سپس آنرا متحرك كرده ايم .
بعد از دريافت مثالي از بنر ، مراحل زير را طي كنيد:
اندازه هاي استاندارد بنرها:
چندين بنر مختلف وجود دارد كه بعضي از آنها در زير ليست شده است:
ابعاد (پيكسل)
نوع
468 x 60 بنر كامل
392 x 72 بنر بصورت عمودي
234 x 60 بنر كامل
125 x 125 نصف بنر بصورت مربعي
120 x 90 بنر دكمه اي
120 x 60 بنر دكمه اي
88 x 31 بنر دكمه اي كوچك
120 x 240 بنر افقي
در اين مثال ما به شما بنر متحرك 468x60 پيكسل را ياد مي دهيم. فايلي را كه دانلود كرده ايد را در فتوشاپ باز كنيد.
توجه: ما در اين مثال ما يك يك بنري با چندين شي و متن در لايه هاي جدا خواهيم ساخت. خصوصيت رنگ در هر فريم متغير قرار كرده ايم، براي مثال اولين فريم خاكستري و دومين فريم رنگ قرمز روشن مي باشد.
تعدادي از اشياء و متنهاي فريم اول را مرئي و بقيه فريم ها را نامرئي نموده ايم.
بنر در Adobe Image Ready:
بعد از باز كردن بنر در فتوشاپ آنرا با زدن دكمه هاي تركيبي (Ctrl+Shift+M) (و يا File > Jump to > Adobe Image ready ) به Adobe Image Ready انتقال دهيد.
اگر پالت Animation غيرفعال است آنرا با استفاده از منوي Window آنرا فعال نماييد.
ابتدا از پالت Animation بر روي فريم اول كليك نماييد. مي بينيد كه در لايه Layers لايه هايي كه با رنگ قرمز روشن مشخص شده اند بعضي مرئي و بعضي ديگر نامرئي مي باشند.
در پالت Animation بر روي دكمه Duplicate Current Frame كليك نماييد و يك فريم جديد بسازيد و سپس دومين فريم را انتخاب كنيد. در فريم دوم همانند فريم اول لايه هايي كه مرئي و نامرئي بوده اند همچنان باقي مي مانند.
همچنين براي ساخت فريمهاي بعدي نيز بايد از اين دكمه استفاده نماييد.
توجه: در اين مثال، 13 فريم ساخته شده است و در هر فريم بعضي لايه ها مرئي و بعضي ديگر نامرئي شده اند
اجراي انيميشن:
براي اجراي انيمشن ساخته شده در پالت Animation بر روي دكمه Play كليك كنيد تا پيش نمايش آنرا مشاهده نماييد. انيمشن ممكن است كه خيلي سريع اجرا گردد.(همه فريم ها با يك سرعت هستند).
زمان بندي فريم ها:
براي تنظيم زمان فريم ها بر روي نشانه گر زير هر فريم كليك نماييد تا منوي Pop-up باز گردد. مدت زماني كه هر فريم لازم دارد را براي هر يك تنظيم كنيد.
براي ادامه چرخش انيمشن بر روي دكمه "Forever" در پالت Animation كليك كنيد و گزينه Forever را انتخاب كنيد.
در زير ليست دكمه هاي بر روي پالت Animation همراه با كاربرد آنها نوشته شده است:
تعيين تعداد چرخش دوباره كل انيمشن
پريدن به اولين فريم از روي همه فريم ها
انتخاب فريم قبلي
متوقف كردن انيميشن
اجراي انيمشن در پنجره سند
انتخاب فريم بعدي
دستوري براي افزودن و تغيير فريم هاي بين دو فريم
ايجاد فريم جديد بوسيله كپي كردن فريم قبلي
حذف كردن فريم انتخاب شده
بهينه سازي بنر:
براي بهينه سازي بنر، مسير Window > Show Optimize را طي نماييد تا پالت Optimize ظاهر گردد.
در اين پالت شما مي توانيد تنظيماتي را براي كاهش ظرفيت فايل بنر و تنظيم رنگ مورد استفاده در آن بر روي بنر ايجاد نماييد.
توجه : فقط فرمت Gif از فريم هاي انيمشني پشتيباني مي نمايد.
تست بنر در مرورگر:
براي اطمينان از اينكه در انيميشن ، متن ها و بقيه لايه ها بصورت درستي جاي گذاري شده اند آنرا بر روي مرورگر امتحان مي كنيم
براي اينكار مسير Choose File > Preview In را طي نماييد يا اينكه كليدهاي تركيبي (Ctrl-Alt-p) را همزمان فشار دهيد تا پيش نمايش آن در مرورگر به نمايش در بيايد.
بعد از اينكه بنر خود را تست نموديد بايد آنرا ذخيره نماييد.
براي ذخره نمودن بنر بايد مسير File > Save Optimize را طي نماييد تا پنجره با عنوان Save Optimize باز گردد و شما با انتخاب مسير و نام مورد نظر آنرا بر روي سيستم خود ذخيره نماييد.اجراي انيميشن:
براي اجراي انيمشن ساخته شده در پالت Animation بر روي دكمه Play كليك كنيد تا پيش نمايش آنرا مشاهده نماييد. انيمشن ممكن است كه خيلي سريع اجرا گردد.(همه فريم ها با يك سرعت هستند).
زمان بندي فريم ها:
براي تنظيم زمان فريم ها بر روي نشانه گر زير هر فريم كليك نماييد تا منوي Pop-up باز گردد. مدت زماني كه هر فريم لازم دارد را براي هر يك تنظيم كنيد.
براي ادامه چرخش انيمشن بر روي دكمه "Forever" در پالت Animation كليك كنيد و گزينه Forever را انتخاب كنيد.
در زير ليست دكمه هاي بر روي پالت Animation همراه با كاربرد آنها نوشته شده است:
تعيين تعداد چرخش دوباره كل انيمشن
پريدن به اولين فريم از روي همه فريم ها
انتخاب فريم قبلي
متوقف كردن انيميشن
اجراي انيمشن در پنجره سند
انتخاب فريم بعدي
دستوري براي افزودن و تغيير فريم هاي بين دو فريم
ايجاد فريم جديد بوسيله كپي كردن فريم قبلي
حذف كردن فريم انتخاب شده
بهينه سازي بنر:
براي بهينه سازي بنر، مسير Window > Show Optimize را طي نماييد تا پالت Optimize ظاهر گردد.
در اين پالت شما مي توانيد تنظيماتي را براي كاهش ظرفيت فايل بنر و تنظيم رنگ مورد استفاده در آن بر روي بنر ايجاد نماييد.
توجه : فقط فرمت Gif از فريم هاي انيمشني پشتيباني مي نمايد.
تست بنر در مرورگر:
براي اطمينان از اينكه در انيميشن ، متن ها و بقيه لايه ها بصورت درستي جاي گذاري شده اند آنرا بر روي مرورگر امتحان مي كنيم
براي اينكار مسير Choose File > Preview In را طي نماييد يا اينكه كليدهاي تركيبي (Ctrl-Alt-p) را همزمان فشار دهيد تا پيش نمايش آن در مرورگر به نمايش در بيايد.
بعد از اينكه بنر خود را تست نموديد بايد آنرا ذخيره نماييد.
براي ذخره نمودن بنر بايد مسير File > Save Optimize را طي نماييد تا پنجره با عنوان Save Optimize باز گردد و شما با انتخاب مسير و نام مورد نظر آنرا بر روي سيستم خود ذخيره نماييد
در منوی layer می تونيد لايه های جديد درست کنيد که هر کدومش يک تصويره که معمولا معادل با يک فريم از انيميشن شماست. ميتونيد لايه ها رو در Photoshop هم طراحی کنيد و با زدن کليدی که در پايين تصوير مشخص شده اون ها رو به Image ready منتقل کنيد
http://www.vancouver.wsu.edu/vis/documentation/workshops/photoshop/toolbar.gif
در منوی Animation هم می تونيد فريم های جديد درست کنيد. با کليک کردن روی هر فريم در ابزار animation می تونيد بعدش توی منوی layer تعيين کنيد که کدوم لايه ها ديده بشند و کدوم ها ديده نشند. همون طور که گفتم معمول بر اين هست که همه لايه ها مخفی باشند به جز همونی که قراره در فريم مورد نظر ديده بشه... ( برای ديده شدن يا ديده نشدن لايه ها روی عکس چشم بغل اونها در منوی layer کليک کنيد)
http://www.heathrowe.com/tuts/importasframes/8.gif
برای تعيين زمان طول کشيدن هر فريم هم روی عددی که زير فريم نوشته شده right Click کنيد و زمانش رو تغيير بدين
http://graphicssoft.about.com/library/tuts/images6/tut26-0029.gif
در پايان که مشخص کرديد در هر فريم ، کدوم لايه های ديده بشند، در toolbar اصلی برنامه که مداد و پاک کن و ... داره، عکس Internnet explorer رو بزنيد و تصويری رو که ساختيد از اونجا save کنيد.