آموزش ساخت تصویر متحرک با فتوشاپ

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

+- Forum Gamefa | انجمن بازی های کامپیوتری گيمفا (https://forum.gamefa.com)
+-- انجمن: صنعت بازی سازی (https://forum.gamefa.com/Forum-%D8%B5%D9%86%D8%B9%D8%AA-%D8%A8%D8%A7%D8%B2%DB%8C-%D8%B3%D8%A7%D8%B2%DB%8C)
+--- انجمن: آموزش های دیگر (https://forum.gamefa.com/Forum-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%87%D8%A7%DB%8C-%D8%AF%DB%8C%DA%AF%D8%B1)
+---- انجمن: Photoshop (https://forum.gamefa.com/Forum-Photoshop)
+---- موضوع: آموزش ساخت تصویر متحرک با فتوشاپ (/Thread-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D9%85%D8%AA%D8%AD%D8%B1%DA%A9-%D8%A8%D8%A7-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE)

صفحه‌ها: 1 2

آموزش ساخت تصویر متحرک با فتوشاپ - hesam.crysis - 05-23-2013

بسم الله الرحمن الرحیم
سلام.
این تاپیک رو زدم تا آموزش ساخت تصویر متحرک با فتوشاپ رو براتون بذارم میدونم خیلی ها بلدن ولی من برای اونایی گذاشتم که بلد نیستند.
ابتدا از منوی window گزینه ی animation و در نسخه ی CS6 گزینه ی timeline را انتخاب می کنید تا کادر فریم ها در پایین ظاهر شود مانند تصویر زیر:

[تصویر: 41104806648128354229.png]

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

[تصویر: 79377363959614319536.png]

حالا این فقط برای حرکت دادن کار میکند اما برای تغییر رنگ شیپ یا نوشته یا حتی عوض شدن حالات آن با استفاده از transform (مثلا پرنده ی بالا پر بزند) باید از هر لایه ی شکل خود یک duplicate بگیرید برای این کار روی لایه راست کلیک کرده و duplicate layer را انتخاب کنید و حالات را روی هر یک از لایه ها به صورت جدا اعمال کنید و با استفاده از چشمی که کنار لایه ها وجود دارد هر کدام را در هر فریم فعال کنید مانند تصویر:

[تصویر: 76314319877709618095.png]

همچنین میتوانید در زیر فریم ها با انتخاب 0sec مدت تاخیر در رفتن به فریم بعدی را انتخاب کنید پس از اتمام کار برای save کردن کار خود باید از منوی file گزینه یsave for web and devices... را انتخاب کنید و با فرمت gif ذخیره کنید.
این هم کار پایانی:

[تصویر: 90128713421281751776.gif]

میتونید کار های خودتون رو در این تاپیک بزارید تا بقیه ببینن

RE: آموزش ساخت تصویر متحرک با فتوشاپ - AMIR-GAMER - 05-23-2013

شرمنده یه سوال[img]images/smi/s0 (25).gif[/img]وقتی یکی از ابزار ها رو انتخاب می کنی شکل مووس عوض میشه؟مال من عوض نمیشه داگ مصب[img]images/smi/s0 (43).gif[/img]می دونی چشه؟

RE: آموزش ساخت تصویر متحرک با فتوشاپ - hesam.crysis - 05-29-2013

(05-23-2013, 09:41 PM)'AMIR-GAMER' نوشته است: شرمنده یه سوال[img]images/smi/s0 (25).gif[/img]وقتی یکی از ابزار ها رو انتخاب می کنی شکل مووس عوض میشه؟مال من عوض نمیشه داگ مصب[img]images/smi/s0 (43).gif[/img]می دونی چشه؟

edit>preference>cursors
این مسیر رو برو و نوع موس رو انتخاب کن

RE: آموزش ساخت تصویر متحرک با فتوشاپ - sinablackops2 - 06-22-2013

1سوال اسم این فتوشاپ چیه؟[img]/images/smi/new/gameemag.ir_smiley (46).gif[/img]

RE: آموزش ساخت تصویر متحرک با فتوشاپ - Albert Wesker - 06-22-2013

(06-22-2013, 03:47 PM)'sinablackops2' نوشته است: 1سوال اسم این فتوشاپ چیه؟[img]/images/smi/new/gameemag.ir_smiley (46).gif[/img]

Adobe Photoshop CS6

RE: آموزش ساخت تصویر متحرک با فتوشاپ - Yashar - 06-23-2013

خیلی ممنون داداش.
بازم از این جور آموزش ها بذار!!!![img]images/smi/s0 (25).gif[/img][img]images/smi/s0 (74).gif[/img]

RE: آموزش ساخت تصویر متحرک با فتوشاپ - hesam.crysis - 06-25-2013

(06-22-2013, 03:51 PM)'Albert Wesker' نوشته است:
(06-22-2013, 03:47 PM)'sinablackops2' نوشته است: 1سوال اسم این فتوشاپ چیه؟[img]/images/smi/new/gameemag.ir_smiley (46).gif[/img]

Adobe Photoshop CS6

تصاویری که گذاشته شده از فتوشاپ CS5 هستن

RE: آموزش ساخت تصویر متحرک با فتوشاپ - hesam.crysis - 06-25-2013

(06-23-2013, 01:59 PM)'Yashar' نوشته است: خیلی ممنون داداش.
بازم از این جور آموزش ها بذار!!!![img]images/smi/s0 (25).gif[/img][img]images/smi/s0 (74).gif[/img]

راستش من آموزش جالب دیگه ای از فتوشاپ تو ذهنم نیست اگه شما خودتون چیزی تو ذهنتون دارین بگین تا من کاملا تصویری آموزش بدم البته اگه بلد باشم [img]images/smi/s0 (25).gif[/img]

RE: آموزش ساخت تصویر متحرک با فتوشاپ - S.M.A Mason - 07-04-2013

این کار منه

[تصویر: 86231350089464827043.gif]

RE: آموزش ساخت تصویر متحرک با فتوشاپ - hesam.crysis - 07-04-2013

واقعا ممنون که برای آموزش هام ارزش قائل شدی[img]images/smi/s0 (29).gif[/img]
عکس قشنگیه اگه تا فردا کسی عکس نذاشت عکس تو میشه عکس هفته اگر هم کسی گذاشت مقایسه میکنیم کدوم قشنگه[img]images/smi/s0 (24).gif[/img]