طراحی بنر دو بعدی و html

[swat_mehdi]

سلام
وقت بخیر

بهترین نرم افزار برای طراحی بنر چیه ؟ طراحی بنر با فتوشاپ رو بلدم و کارهای زیادی باهاش طراحی کردم.

میخوام بنرهایی مثل بنرهای زیر طراحی کنم . دنبال نرم افزارهای حرفه ای تربرای طراحی بنر هستم که انیمیشن های روون و زیباتری بشه ساخت . آموزش فارسی طراحی با google web design رو جایی قرار نداده ؟

[pejii]

برای طراحیِ گرافیک ها که فتوشاپ و یا ترجیحاً illustrator رو استفاده کنید.
انیمیشن رو با after effect بسازید.
تبدیل به GIF رو با فتوشاپ و یا GIF Movie Gear انجام بدید.
تبدیل به HTML رو با پلاگینِ bodymovin در افترافکت انجام بدید.

[swat_mehdi]

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

https://www.kadreno.com/%D8%B7%D8%B1...6%D8%B1-html5/
میخوام همچین بنرهایی طراحی کنم

[pejii]

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

میخوام همچین بنرهایی طراحی کنم

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

و اما در مورد پلاگین فوق، خروجی ای که اون پلاگین میده تماماً JSON هست و شما میتونید اون رو توی یک html بارگزاری و اجرا کنید (player ای که برای اجرای انیمیشن مورد استفاده قرار داده میشه هم توسط همان پلاگین قابل خروجی گرفتن است).

و اما برای اینکه لینک در آن ایجاد کنید، باید برنامه نویسی تحتِ وب بلد باشید و در هنگام ساختِ لایه ها و نام آنها در افترافکت نیز کمی دقت به خرج بدهید تا بعداً بتونید با javascript آنها را هدف قرار دهید و در html نهایی به آنها لینک اضافه کنید.

نامگزاری لایه ها با . باعثِ ساخت class در خروجی نهایی و نامگزاری با # باعثِ ساختِ ID میشود.
برای مثال اگر لایه شما با نامِ .button#customerLink در افترافکت ساخته شده باشد، این لایه را میتوانید با class ای به نام button و ID ای به نام customerLink به واسطه جاوااسکریپت در html خود انتخاب کرده و به آن لینک افزوده یا مورد هر دستخوش دیگری قرار دهید.

[swat_mehdi]

ممنون بابت راهنمایی
سایتی که لینکش رو فرستادم درست شده . الان میتونید ببینید
یه سوال دیگه هم دارم ممنون میشم راهنمایی کنید
چطور میشه از بنرهای html داخل سایت استفاده کرد ؟

[pejii]

ممنون بابت راهنمایی
سایتی که لینکش رو فرستادم درست شده . الان میتونید ببینید
یه سوال دیگه هم دارم ممنون میشم راهنمایی کنید
چطور میشه از بنرهای html داخل سایت استفاده کرد ؟

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

قرار دادن فایل نهایی در وب سایت فکر نمیکنم که از مسئولیت های شما باشه، شما یک فایل HTML5 تحویل سایت میدید با استاندارد، ابعاد و حجمی که قبول میکنند (بعضی سایت ها قوانین و محدودیت حجم خاص دارند) و انها هم همون فایل رو در وب سایت قرار میدند.

[swat_mehdi]

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

قرار دادن فایل نهایی در وب سایت فکر نمیکنم که از مسئولیت های شما باشه، شما یک فایل HTML5 تحویل سایت میدید با استاندارد، ابعاد و حجمی که قبول میکنند (بعضی سایت ها قوانین و محدودیت حجم خاص دارند) و انها هم همون فایل رو در وب سایت قرار میدند.

تشکر بابت راهنمایی
خودمم میخوام سایت طراحی راه اندازی کنم
نیاز دارم که نمونه کارها رو تو سایت نمایش بدم

[pejii]

تشکر بابت راهنمایی
خودمم میخوام سایت طراحی راه اندازی کنم
نیاز دارم که نمونه کارها رو تو سایت نمایش بدم

با آرزوی موفقیت، خوب پس خودتون هم جاوا اسکریپت و هم HTML یاد خواهید گرفت و کارکرد اون پلاگین رو بهتر متوجه خواهید شد، player ای که اون پلاگین بهتون میده تماماً کد های javascript هست و انیمیشن ها رو هم به صورت دیتای JSON خروجی میده که توسط javascript خوانده و اجرا میشوند.