0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

ساخت گیف آنلاین و متحرک سازی عکس با فتوشاپ | وب یار

نویسنده پشتیبانی وب یار
امتیاز مطلب
3.7/5 - (3 امتیاز)
تعداد بازدید 6722
تاریخ بروزرسانی ۲۴ فروردین ۱۴۰۱

طراحی سایت اصفهان انجام می دید و دوست دارید توی سایتتون از تصاویر متحرک استفاده کنید؟ فکر می کنید کار سختیه؟ نه .. فقط کافیه به سایت های زیر سر بزنید.

برای ساخت گیف آنلاین وارد وبسایت های زیر شده عکس های خود را به ترتیب وارد کنید و از افکت های رایگان این وبسایت ها در گیف سازی لذت ببرید.

 لوجیکس (بدون تبلیغات)

 میک گیف (با تبلیغات)

wpu(بدون تبلیغات)

نرم افزارهای گیف سازی

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

gif-on-line

قابلیت های نرم افزار Easy GIF Animator Personal  

  1. طراحی آسان انیمیشن های فلش، بنر و تصاویر
  2. امکان ساخت عکس های GIF تمام صفحه
  3. امکان ویرایش تصاویر GIF
  4. قابلیت ساخت متن های متحرک
  5. امکان بهینه سازی تصاویر GIF با سرعت بالا در نمایش
  6. پیش نمایش در مرورگر
  7. سهولت در ذخیره سازی به صورت GIF
  8. امکان اضافه نمودن موزیک و صدا به تصویر
  9. امکان ذخیره سازی با فرمت SWF
  10. امکان استفاده از تصاویر در وب سایت ها
  11. امکان تبدیل GIF به فرمت AVI
  12. سازگاری با فرمت های GIF ، PNG ، JPG و BMP
  13. امکان تولید کدهای HTML برای تصاویر طراحی شده
  14. سازگار با نسخه های مختلف ویندوز

دانلود با لینک مستقیم با پسورد همکار گرامیمان در دانلود soft98.ir

چگونه با فتوشاپ تصاویر متحرک (GIF) بسازیم؟

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

آموزش گام به گام ساخت انیمیشن (عکس متحرک) در فتوشاپ

گام اول ساخت تصاویر متحرک

برای شروع باید ابتدا تمام تصاویر مورد نظر خود را به صورت یک لایه در بیاورید. برای اینکار از منوی file و بعد از منوی Scripts گزینه ی Load Files into stack را انتخاب کنید.

گام دوم ساخت تصاویر متحرک: باز کردن عکس

در پنجره ی باز شده با استفاده از گزینه ی Browse عکس های مورد نظر خود را انتخاب کنید و بعد OK کنید. شما می توانید تیک گزینه ی Attempt to Automatically align source images را بزنید تا با اینکار فتوشاپ سعی کند که عکس های شما را به صورت منظم روی هم بچیند تا کمترین جا به جایی را داشته باشد!

گام سوم ساخت تصاویر متحرک: انتخاب ابزار

از منوی Window گزینه ی Timeline را انتخاب کنید. اگر از CS5 و Photoshop CS4 استفاده می کنید در این منو باید گزینه ی Animations را انتخاب کنید.

گام چهارم ساخت تصاویر متحرک : نمایش تایم لاین

با اینکار یک پنجره ی کوچک که پنل نامیده می شود با نام Timeline در فتوشاپ ظاهر می شود (در بالا سمت چپ نام این پنل نوشته شده است) در این پنل یک گزینه ی وجود دارد که کنار آن یک فلش رو به پایین قرار گرفته است. ابتدا با استفاده از آن فلش گزینه ی Create Frame Animation را انتخاب کنید و بعد آن گزینه ی کنار فلش را انتخاب کنید.

گام پنجم ساخت تصاویر متحرک

حالا از منویی که در بالا سمت راست پنل Timeline وجود دارد گزینه ی Make Frames from layers را انتخاب کنید تا به هر فریم یک لایه تعلق گیرد.

گام ششم ساخت تصاویر متحرک : کشیدن و جا به جایی فریم ها

حالا باید با کشیدن (Drag کردن) و جا به جا کردن فریم های ساخته شده (هر فریم در واقع یک عکس است که تصویر متحرک از آن عکس ها یا به عبارتی از آن فریم ها تشکیل شده) آن ها را منظم و به ترتیب کنید.

اگر دقت کنید در بالای هر فریم اعداد ۱ و ۲ و ۳ و… نوشته شده که باید این فریم ها را جا به جا کنید تا آن ها به ترتیب قرار گیرند. اگر می بینید که فریم های شما دقیقا برعکس هستند یعنی فریم شماره ی ۱ باید آخرین فریم باشد و فریم شماره ی ۲ باید یک فریم قبل تر از آن باشد و به همین صورت فریم ها سر و ته قرار گرفته اند می توانید با انتخاب گزینه ی Reverse frames از منوی بالا سمت راست فریم های سر و ته کنید!

گام هفتم: تغییر زمان نمایش فریم ها

ممکن است بخواهید زمانی که به هر فریم تعلق می گیرد را تغییر دهید مثلا می خواهید در هنگام نشان دادن فریم اول ۳ ثانیه صبر کند و بعد به فریم دوم برود و… برای اینکار می توانید با استفاده از فلشی که در پایین هر فریم قرار گرفته این زمان را تغییر دهید. گزینه ی No delay یعنی بدون مکث که این گزینه به معنی ۰ ثانیه است.

برای انتخاب زمان دلخواه از گزینه ی Other استفاده کنید. همچنین شما می توانید چند فریم را با نگه داشتن کلید Ctrl یا Shift به صورت همزمان چند فریم را انتخاب کنید و در یک لحظه یک زمان را برای همه ی آن ها انتخاب کنید (دقیقا مثل ویندوز که با این دو کلید می توانید چند فایل را همزمان انتخاب کنید.

گام هشتم : تکرار فریم ها

کار دیگری که می توانید انجام دهید این است که شما می توانید جابه جا شدن بین دو فریم را در چند فریم انجام دهید! یعنی مثلا از فریم ۲ به فریم ۳ به جای اینکه در یک لحظه بین این دو فریم جا به جا شود در چند فریم اینکار انجام شود. برای اینکه این موضوع را بهتر درک کنید یک بار اینکار را انجام دهید تا متوجه منظور بنده شوید.

ابتدا دو فریم پشت سر هم را انتخاب کنید مثلا فریم ۲ و ۳ و بعد گزینه ای که نمایش داده شده را انتخاب کنید.

حالا در قسمت Frames to Add تعداد فریم هایی که می خواهید بین این دو فریم قرار گیرد را انتخاب کنید مثلا ۵ تا در قسمت Parameters هم می توانید تعیین کنید که بر چه اساس هایی این فریم های میانی را بسازد که اگر با فتوشاپ زیاد آشنایی ندارید مهم نیستند و بگذارید هر سه گزینه تیک خورده باشند. در پایان OK کنید.

خواهید دید که چند فریم بین دو فریمی که انتخاب کرده اید اضافه شده که در واقع تغییرات آن دو فریم را در چند فریم نمایش می دهد! البته من دی اینجا این کار را انجام ندادم چون نیاز نداشتم اما در فیلم آموزشی برای اینکه شما ببینید اینکار را انجام داده ام.

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

نکته مهم جهت ساخت تصاویر متحرک :

 شما می توانید با استفاده از گزینه هایی که علامت گذاری شده اند پیشنمایشی از فایل نهایی (همان تصویر متحرک پایانی) ببینید.

گام دهم : ذخیره سازی

در پایان برای ذخیره کردن عکس متحرک ساخته شده از منوی File گزینه ی Save for web را انتخاب کنید. یا اینکه کلیدهای Alt+Ctrl+Shift+S را انتخاب کنید.

پنجره ای باز می شود با تنظیمات و گزینه ی های مختلف! ابتدا از بالا سمت چپ دقیقا بالای عکس گزینه ی ۲Up را انتخاب کنید تا بتوانید فایل اولیه را با فیلم نهایی از نظر کیفیت مقایسه کنید. حالا باید به موارد زیر دقت کنید:

ساخت تصاویر متحرک GIF به صورت آنلاین

۱) در این قسمت گزینه ی GIF را انتخاب کنید.

۲) در این قسمت باید کیفیت عکس را انتخاب کنید که مثلا ۶۴ کیفیت مناسبی را ارائه می دهد در حالی که حجم فایل را زیاد نمی کند

۳) بهتر است این قسمت را به در عددی در حدود ۶۰ تا ۹۰ تنظیم کنید (بسته به کیفیت و حجم عکس)

۴) اگر این گزینه را تیک بزنید کیفیت عکس کمی بهتر می شود

۵) در این قسمت می توانید اندازه ی عکس را انتخاب کنید.

۶) در این قسمت می توانید حجم عکس را مشاهده کنید مثلا ۲۱۵K یعنی ۲۱۵ کیلوبایت در زیر این عدد مدت زمان این تصویر متحرک نشان داده شده.

۷) با استفاده از این گزینه ها می توانید پیش نمایشی از فایل خود مشاهده کنید.

۸) با استفاده از گزینه ی Save فایل خود را ذخیره کنید.

در پایان هم فیلم آموزشی این مطلب را مشاهده کنید که به درک بهتر این تنظیمات کمک می کند. البته باید توجه کنید که حتی با وجود این فیلم باید این مطلب را حتما بخوانید و از توضیحات آن استفاده کنید.

منبع مطالب تصاویر آموزش گرافیکی :fenjon.com

در این مقاله سعی بر معرفی سایت ساختن تصویرمتحرک gif online داشتیم. امیدوارم تونسته باشم توی این راه کمک تون کرده باشم.

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

3.7/5 - (3 امتیاز)
مطالب مرتبط
معرفی شبکه های اجتماعی محبوب
مطالعه :

دنیای امروزه دنیای ارتباطات می باشد واهمیت رسانه ها بیشتر از همیشه احساس می شود. شبکه های اجتماعی با هدف ارتباط گرفتن افراد به وجود آمد و امروزه برای تبلیغات کسب و کارها بسیار مهم تلقی می شود. درعصر ارتباطات اغلب کسب وکارها برای پیشرفت زمینه ی شغلی خود به سمت تبلیغات در شبکه های اجتماعی روی آورده اند.شبکه های اجتماعی محبوب در اطلاع رسانی برای خبرهای روزانه نقش بسیار مهمی را ایفا می کنند. با وب یار همراه باشید تا با بهترین شبکه های اجتماعی در ایران آشنا شویم. در جامعه ی امروزی شبکه های اجتماعی جزئی از زندگی مردم شده که برای تبلیغات ،اطلاع رسانی ها و آموزش و…از این شبکه ها بهره می برند.باتوجه به همگانی شدن شبکه های اجتماعی بین مردم لازم است که در مورد هر کدام از این شبکه ها اطلاعاتی کسب کنیم تا از جوامع امروز عقب نمانیم. تاریخچه مختصری در مورد شبکه های اجتماعی : ریشه شکل گرفتن مفهوم شبکه های اجتماعی در سال 1960در دانشگاه ایلی نویز در آمریکا بود.و بعد از روی کار آمدن مفهوم شبکه های اجتماعی در سال 1997سایتی تشکیل شد که اجازه ایجاد پروفایل به افرادمختلف را داد هدف این سایت جمع کردن لیستی از دوستان در کنار هم بود و بعد از آن هم شبکه های اجتماعی مختلفی با اهداف متنوع روی کار آمد. در سال […]

طراحی قالب وردپرس
مطالعه :

طراحی قالب وردپرس امروزه طرفداران زیادی پیدا کرده است. وردپرس یک سیستم مدیریت محتوای قوی است که می توان با آن قالب های زیبایی طراحی کرد. در مطلب امروز وب یار می خواهیم با نحوه طراحی قالب وردپرس آشنا شویم. بیشتر سایت های دنیای وب امروزی با این سیستم مدیریت طراحی می شودو بازار کار خوبی دارد به ویژه اگر این قالب مختص کسب وکار شما باشد و با توجه به نیاز ها و سلایق شما طراحی شده باشد در این صورت است که علاوه برتکراری نبودن پاسخگوی نیازهای مجموعه شما می باشد. قالب وردپرس چیست ؟ وقتی شما هاست ودامنه ای برای سایت خود خریداری می کنید و سیستم مدیریت محتوای وردپرس را روی هاست خود نصب می کنید در این صورت یک سیستم مدیریت محتوا در دسترس شما قرار می گیرد با استفاده از این سیستم شما می توانید صفحه هاتی را به سایتتان اضافه کنید ،عکس و ویدیو منتشر کنید ،منو بالایی وپایین اضافه کنید ،انواع فرم ها را در سایت خود داشته باشید و… پس طراحی قالب وردپرس به شما امکان داشتن سایتی مجهز به امکانات خاص می باشد حال بسته به اینکه سایت شما شرکتی یا فروشگاهی ویا نه شخصی است لیست این امکانات متفاوت می باشد. دانلود قالب برای وردپرس بعد از اینکه شما وردپرس را نصب کردید سایت شما از یک ظاهر ساده […]

ساخت نرم افزار بدون کد نویسی
مطالعه :

ساخت نرم افزار بدون کد نویسی و با استفاده از کدنویسی انجام می‌شود. در این مقاله از وب یار قصد داریم تا به چگونگی ساخت نرم افزار تحت ویندوز بدون کد نویسی و مزایای آن نسبت به روش‌های قدیمی بپردازیم. با پیشرفت تکنولوژی بستر استفاده از موبایل‌ها و کامپیوترها گسترده‌تر شده است، زیرا روز به روز به تعداد کاربران آن‌ها افزوده میشود. اگر شما نیز ایده‌ای برای تولید نرم افزار و سرویس‌دهی در این بستر را دارید، بهتر است هر چه سریعتر دست به کار شوید و از این فضا که پتانسیل بالایی دارد برای کسب درآمد استفاده کنید. ساخت نرم افزار بدون کد نویسی چگونه ممکن است؟ این روزها دیگر نیاز نیست تا پروسه‌ی طولانی آموزش برنامه نویسی را طی کنید تا بتوانید به ساخت نرم افزارها بپردازید. در گذشته اگر قصد ساخت برنامه‌ای را داشتید باید ساعت‌ها زمان صرف می‌کردید تا با استفاده از کدها دستور العمل‌هایی را برای برنامه تعریف کنید تا عملکرد درستی داشته باشد. همچنین پس از تعریف آن دستور العمل‌ها باید مراحل آزمون و خطا را طی می‌کردید تا به اصطلاح برنامه‌ای که ساخته‌ای را باگ گیری (اشکال‌گیری) کنید. اما دیگر ساخت نرم افزار بدون کد نویسی یک رویا نیست! متخصصان نرم افزارهای زیادی را به عنوان ابزارهای کمکی طراحی کرده‌اند تا کاربران بتوانند بدون نوشتن حتی یک خط کد، نرم افزار ایده‌آل خود […]

مرجع جاوا اسکریپت وب یار
مطالعه :

در این لینک مقالات مرجع جاوا اسکریپت برای شما عزیزان فراهم شده تا دسترسی راحت تری به مطالب حوزه جاوااسکریپت داشته باشید. آموزش زبان جاوا اسکریپت javascript + جلسه اول زبان برنامه نویسی جاوا اسکریپت یک زبان سمت کلاینت (کاربر) است و روی اکثر مرورگر های امروزی کار می کند. این زبان به تمام خصوصیت های عناصر html و css دسترسی داشته و نسبت به رویدادهای کاربر واکنش نشان می دهد   محل قرار گیری کدهای جاوا اسکریپت + جلسه دوم تگ های جاوا اسکریپت این توانایی را دارند که در هر جایی از صفحات html به کار روند. آموزش دستورات مهم جاوا اسکریپت + جلسه سوم دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند.    آموزش توضیحات در جاوا اسکریپت + جلسه چهارم توضیحات در جاوا اسکریپت به دو صورت به کار می روند: 1- توضیحات تک خطی 2- توضیحات چند خطی تعریف متغیرها در جاوا اسکریپت + قسمت پنجم متغیرها در javaScript حافظ و حامل اطلاعات هستند. یعنی این متغیرها اطلاعاتی را در خود ذخیره نموده و در حین اجرای برنامه با شرایط مختلف تغییر می کنند.  انواع داده ها در JavaScript + جلسه ششم زبان جاوا اسکریپت نیز همانند سایر زبان های برنامه نویسی از انواع داده های عددی (Number)  ، رشته ای (String)  ، […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله از وب یار میخواهیم لیست ها در HTML5 که شامل لیست مرتب ، لیست نامرتب و لیست توضیحات را به شما بگوییم. آموزش لیست ها در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع طراحی صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم : لیست مرتب Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید: انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند […]

مطالعه :

اقدامات اولیه برای شروع طراحی سایت چیست؟ با انواع طراحی سایت و روش‌های طراحی آشنا هستید؟ طراحی به چه منظوری انجام می‌شود؟ اگر کمی زرنگ باشید و با توجه به تغییر و تحولات بسیار عظیم صورت گرفته در کسب‌وکارها بیندیشید کماکان با هدف اصلی طراحی سایت و اهمیت آن آشنا می‌شوید. با وب یار همراه باشید تا با روند طراحی سایت آشنا شویم. علم همچنان در حال پیشرفت است و در راستای توسعه و رشد اقدامات بسیاری اعم از اینترنتی شدن کسب‌وکارها صورت می‌گیرد. اما نکته مهم این است که باوجود گسترش وب‌سایت‌ها در سرتاسر دنیا، نمی‌توان گفت که تمامی سایت‌ها یک سایت موفق و بدون نقص هستند. طراحی تنها به منظور ایجاد یک وب‌سایت نیست، بلکه جهت راه‌اندازی یک سایت نیاز به انجام پارامترهایی است که در ادامه برخی از اقدامات اولیه برای شروع طراحی سایت را معرفی خواهیم کرد. اقدامات اولیه برای شروع طراحی سایت طراحی سایت یکی از اقدامات بسیار مهمی است که برای ساخت وب‌های متنوع از آن استفاده می‌کنند. حال این طراحی سایت می‌تواند شامل طراحی سایت خبری، طراحی سایت خصوصی، طراحی سایت پزشکی و سلامت، طراحی سایت آموزشی، طراحی سایت طلافروشی و یا طراحی سایت فروشگاهی باشد. این طراحی باید بر اساس اصول و رعایت نکات بسیار زیادی باشد که باید یک‌به‌یک انجام شوند.‌ انتخاب نام دامنه اولین و مهم‌ترین قدم برای طراحی یک […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.