یک GIF متحرک را در Fireworks ایجاد کنید

01 از 20

GIF Animated GIF در آتش بازی

متن و تصاویر © Sandra Trainor

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

اگر چه Fireworks CS6 در این آموزش استفاده می شود، شما باید بتوانید با استفاده از هر نسخه اخیر Fireworks و یا حتی فتوشاپ همراه باشید.

یادداشت ویراستار:

ادوبی دیگر Fireworks CC را به عنوان بخشی از Cloud Creative ارائه نمی دهد. اگر به دنبال آتش بازی هستید، می توانید آن را در بخش جستجوی یافتن اضافی Cloud Creative Cloud پیدا کنید. هنگامی که Adobe ادعا می کند که دیگر برنامه های خود را پشتیبانی نمی کند یا به روز رسانی نمی شود، می توانید فرض کنید این تنها یک مسئله زمان است قبل از اینکه برنامه ناپدید شود. یک مثال معمول از این، اعلام اخیر درباره مدیر، Shockwave و Contribute است.

به روز شده توسط تام گرین

02 از 20

یک سند جدید ایجاد کنید

متن و تصاویر © Sandra Trainor

من یک سند جدید را با انتخاب File> New ایجاد خواهم کرد. عرض و ارتفاع آن 400 × 400 پیکسل و رزولوشن 72 پیکسل در اینچ است. برای سفید رنگ بوم انتخاب میکنم و روی OK کلیک میکنم.

بعد، من File> Save را انتخاب می کنم، فایل turkey را با یک پلاگین Png نام گذاری می کنم ، جایی که می خواهم آن را ذخیره کنم، را انتخاب کرده و روی ذخیره کلیک کنید.

03 از 20

قرعه کشی یک دایره

متن و تصاویر © Sandra Trainor

در پانل ابزارها، بر روی جعبه رنگ Stroke color کلیک کرده و سیاه را انتخاب می کنم، سپس روی جعبه رنگ پر کنید و یک فیلد قاعده قهوه ای یا نوع در فیلد شماره هگز شماره 8C4600 را انتخاب کنید.

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

04 از 20

یک حلقه دیگر را بکشید

متن و تصاویر © Sandra Trainor

باز هم، من کلید shift را در حالی که من یک حلقه دیگر می کشم، نگه می دارم، فقط می خواهم این حلقه کوچکتر از گذشته باشد.

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

05 از 20

قطعه مستطیل گرد

متن و تصاویر © Sandra Trainor

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

06 از 20

ترکیب مسیرها

متن و تصاویر © Sandra Trainor

من کلید shift را پایین نگه میدارم چون روی دایره کوچکی که مستطیل گرد است کلیک میکنم. این هر دو شکل را انتخاب می کند. من سپس Modify، Combine Paths> Union را انتخاب خواهم کرد.

07 از 20

تغییر رنگ

متن و تصاویر © Sandra Trainor

در پانل ابزار، بر روی جعبه Fill کلیک کرده و یک نمونه کرم را انتخاب می کنم یا # FFCC99 را در فیلد Hex value تایپ کنید، سپس دکمه بازگشت را فشار دهید.

08 از 20

چشمها را بزن

متن و تصاویر © Sandra Trainor

من می توانم دو حلقه کوچک برای چشم ایجاد کنم، اما در عوض من از ابزار Type برای این کار استفاده خواهم کرد. من روی ابزار Type در پنل Tools و سپس روی بوم کلیک میکنم. در بازرس املاک، Arial Regular را برای فونت انتخاب می کنم، اندازه 72 را انتخاب می کنم، و رنگ را به سیاه تغییر می دهم. من کلید Alt یا Options را پایین نگه دارم در حالی که کلید نگه داشتن شماره 8 را فشار می دهم که یک گلوله را ایجاد می کند. قبل از ساخت گلوله دیگر، نوار فضا را فشار دهید.

09 از 20

خمیر را بزن

متن و تصاویر © Sandra Trainor

در پانل ابزار، من روی ابزار شکل چند ضلعی کلیک می کنم. در پانل Properties، یک نمونه پرتقال برای پر کردن را انتخاب کرده یا #FF9933 را در فیلد Hex value تایپ کنید. همچنین در پنل Properties، سکته مغزی سیاه و سفید را با عرض 1 بار ایجاد می کنم.

بعد، پنجره Window Properties را انتخاب خواهم کرد. من روی شکل چند ضلعی کلیک میکنم، نشان می دهد که من می خواهم هر دو نقطه و طرف را 3 و شعاع 180 درجه باشد. برای ایجاد مثلث کوچکتر، من 20 در فیلد مقدار شعاع بیرونی را تایپ می کنم. شماره برای این بستگی به اینکه بزرگترین مثلث شروع شود. سپس من برگشتم

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

10 از 20

Snood را بساز

متن و تصاویر © Sandra Trainor

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

پس از انتخاب ابزار قلم در پانل ابزارها، بر روی جعبه Fill کلیک کرده و یک نمونه قرمز را انتخاب می کنم یا # FF0000 را در فیلد Hex value تایپ می کنم، سپس بازگشت را فشار دهید.

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

11 از 20

پاها را بساز

متن و تصاویر © Sandra Trainor

من می توانم رنگ Fill را با کلیک کردن بر روی جعبه Fill و سپس بر روی خمره همان رنگ نارنجی را به عنوان کریسمس تنظیم کنم. با استفاده از ابزار قلم انتخاب شده، رنگ سکته را به رنگ مشکی و عرض سکته را به 2 در پانل Properties تنظیم می کنم.

بعد، من از ابزار قلم برای ایجاد نقاط شکل می گیرم که شبیه یک پا بوقلمون است. با انتخاب شکل، من Edit> Duplicate را انتخاب می کنم. سپس من را انتخاب کنید Modify> Transform> Flip Horizontal. با استفاده از ابزار اشاره گر، من پاهای که بهترین آنها را نگاه می کنند قرار می گیرم.

12 از 20

کاهش اندازه

متن و تصاویر © Sandra Trainor

من Select> Select All را انتخاب خواهم کرد. سپس بر روی ابزار مقیاس در پانل ابزار کلیک کنید. یک جعبه محرمانه با دستگیره ای که می تواند به داخل یا خارج منتقل شود ظاهر می شود. من روی دسته گوشه کلیک میکنم و آن را داخل حرکت می دهم، کل کوچکتر را فشار می دهم، سپس بازگشت را فشار می دهم.

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

13 از 20

پاهای دم را بگیرید

متن و تصاویر © Sandra Trainor

با استفاده از ابزار Ellipse، به صورت بیضی شکل طولانی روی آن کلیک کرده و بکشید. سپس گزینه Edit> Duplicate را انتخاب می کنم. من بارها و بارها دوباره بیضی را کپی می کنم، تا زمانی که من پنج عدد بیضی داشته باشم.

14 از 20

تغییر رنگ

متن و تصاویر © Sandra Trainor

با انتخاب یکی از بیضی ها، بر روی جعبه Fill کلیک کرده و رنگ دیگری را انتخاب می کنم. من این کار را با سه عدد بیرونی انجام می دهم، انتخاب رنگ های مختلف برای هر یک.

15 از 20

حرکت بیضی

متن و تصاویر © Sandra Trainor

با استفاده از ابزار Pointer، بر روی پنج بیضی کلیک کنید و آنها را انتخاب کنید. سپس من را انتخاب کنید Modify> Arrange> Send to Back. این باعث می شود که پرهای دم به پشت بوقلمون بپیوندند، وقتی که آنها را در محل قرار می دهم.

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

با استفاده از راهنماهای هوشمند می توانید به طور مساوی بیضی شکل هایی را که مخالف یکدیگر هستند قرار دهید. اگر راهنماهای هوشمند را در محل کار مشاهده نکنید، گزینه View> Smart Guides> Show Guides را انتخاب کنید.

16 از 20

چرخش بیضی

متن و تصاویر © Sandra Trainor

من می خواهم بیضی را بچرخانم و آنها را عوض کنم. برای انجام این کار، من یکی را انتخاب می کنم و Modify> Transform> Free Transform را انتخاب می کنم. سپس منو را به سمت خارج از جعبه محدوده کلیک کرده و بکشید تا کمی بیضی شکل را بچرخانید. با استفاده از ابزار Pointer، من بیضی را به جایی که من فکر می کنم بهتر از آن است به نظر می رسد.

من بیضی باقی مانده را به همان شکل چرخان می کنم و آنها را در محل قرار می دهم؛ توزیع آنها را به طور مساوی.

17 از 20

ذخیره و ذخیره به عنوان

متن و تصاویر © Sandra Trainor

با نگاهی به تصویر من، می بینم که ترکیه در بوم خیلی کم است، بنابراین من انتخاب Select All را انتخاب می کنم، سپس از ابزار Pointer برای قرار دادن ترکیه در مرکز بوم استفاده کنید. وقتی که خوشحال می شوم با چگونگی ظاهر شدن آن، File> Save را انتخاب می کنم.

بعد، من روی یک قلم دم کلیک میکنم تا آن را انتخاب کنید و سپس روی جعبه Fill و یک رنگ دیگر را انتخاب کنید. من این کار را برای هر دم انجام می دهم، سپس File> Save As را انتخاب کنید. من پرونده turkey2 را با یک پلاگین Png تغییر نام می دهم و روی ذخیره کلیک کنید.

18 از 20

تبدیل به نماد

متن و تصاویر © Sandra Trainor

من File> Open را انتخاب می کنم، به فایل turkey.png من بروید و بر روی Open کلیک کنید. بر روی tab tab turkey.png در بالا کلیک کنید و Select> Select All را انتخاب کنید. سپس گزینه Modify> Convert> Convert to Symbol را انتخاب خواهم کرد. من آن را نماد 1 نامگذاری می کنم، Graphic را برای نوع انتخاب کنید، سپس روی OK کلیک کنید.

من روی برگه turkey2.png کلیک میکنم و همین کار را میکنم، فقط این یک نماد 2 را نامگذاری میکنم.

19 از 20

ایجاد یک دولت جدید

متن و تصاویر © Sandra Trainor

من روی برگه turkey.png کلیک میکنم. اگر صفحه پانلی من قابل مشاهده نیست، می توانم Window> States را انتخاب کنم. در پایین پانل ایالات، روی دکمه New Duplicate States کلیک کنید.

هنگامی که روی حالت اول برای انتخاب آن کلیک میکنم، متوجه میشوم که نماد آن است. وقتی روی دولتی دوم کلیک میکنم، می بینم که خالی است. برای اضافه کردن یک نماد به این حالت خالی، من File> Import را انتخاب می کنم و به فایل turkey2.png من باز می گردم، روی باز کردن، سپس باز کردن مجدد. سپس روی گوشه سمت راست بالای بوم کلیک کنید تا فایل را در موقعیت صحیح قرار دهید. حالا، وقتی بین حالتهای اول و دوم کلیک می کنم، می بینم که هر دو تصویر را نگه می دارند. همچنین می توانم دکمه پخش / توقف را در پایین پنجره فشار دهید تا پیش نمایش انیمیشن را مشاهده کنید.

اگر سرعت انیمه را دوست نداشته باشم، می توانم بر روی اعداد به سمت راست هر حالت برای تنظیمات دوبار کلیک کنم. هرچه عدد بزرگتر باشد، مدت زمان طولانیتر است.

20 از 20

ذخیره GIF متحرک

متن و تصاویر © Sandra Trainor

من File> Save As را انتخاب می کنم، فایل را تغییر نام دهید، Animated GIF را انتخاب کنید (* .gif)، و سپس Save را کلیک کنید.

برای باز کردن و پخش انیمیشن GIF در مرورگر من، مرورگر خود را اجرا می کنم و File> Open یا Open File را انتخاب می کنم. من به فایل متحرک GIF من ذخیره می شود، آن را انتخاب کنید، روی Open کلیک کنید، و از انیمیشن لذت ببرید.

مربوط:
بهینه سازی GIF های متحرک
• پروفایل وحشی ترکیه
• تاریخ شکرگزاری ترکیه
• وحشی ترین بوقلمون هایی که تا به حال دیده اید