زمان جاري : یکشنبه 16 اردیبهشت 1403 - 6:37 قبل از ظهر
نام کاربري : پسورد : يا عضويت | رمز عبور را فراموش کردم
...در حال بارگيري لطفا صبر کنيد
صفحه اصلي / آموزش طراحی و گرافیک / آموزش ساخت بنر متحرک حرفه ای !!
ارسال پاسخ جديد
12»
آموزش ساخت بنر متحرک حرفه ای !!
تعداد بازدید: 225
administrator آفلاين


ارسال‌ها : 141

عضويت:12 /1 /1393

تشکرها : 211

تشکر شده : 71

آموزش ساخت بنر متحرک حرفه ای !!

مرحله ی اولبرای شروع کار یک سند جدید با ابعاد زیر ایجاد کنید..

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

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


خب وقتی کلیک کردید این پنجره باز میشه حتما تیک گزینه ی Localized Color Clusters رو فعال کنید

در ضمن مانند تصویر من همونجوری که می بنید روی شکل بنر کلیک کنید تا مشخص بشه کدوم از فضای ما باید روشن بشه یعنی کدوم قسمت که من مرکز رو انتخاب کردم بعد از اینکار اوکی کنیدمرحله ی سومحالا بکگراند شما بعد از اوکی کردن به صورت خودکار به حالت سلکت شده در اومده شما باید الان رنگ سفید رو بهش بدید دقت کنید رنگ سفید رو باید به لایه ی لایت بدید …تصویر شما باید تا اینجا این شکلی شده باشه

خب الان باید لایه ی لایت شما به شکل افتر تصویر بالا شده باشه دیدید چه ترفند جالبی بود راحت تونستیم این قسمت رو روشن کنیمحالا لایه ی لایت رو انتخاب کنید و به مسیر زیر برید حتما یکبار کلیک D رو بزنید تا رنگ ها ریست بشنFilter>>Filter Gallery>>Sketch>>Chalk & Charcoal

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

خب حالا اوکی کنید تصویر شما تا اینجا باید این شکلی شده باشه؟؟؟

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

سپس مانند تصویر من با هر رنگی که عشقتو میکشه مثه من گوشه های سمت چپ و سمت راست رو با یه مستطیل کوچیک پر کنید به این شکل من از رنگ زیر استفاده کردمa8d314

خب وقتی که هر دو قسمت رو ساختید یکبار کلید های زیر رو بزنیدCTRL E تا این دو قسمت باهم مِرج یا یکی بشن دقت کنید اشتباهی لایه ی لایت رو با این لایه های مستطیل مِرج نکنید سپس اسمشوGREENبزارید اگه مثلا شما از یه رنگ دیگه ای استفاده کردی می تونی بذاری بلو یا رد بستگی به سلیقه ی خودت داره!مانند تصویر زیر


خب حالا یک لایه ی جدید بالای لایه ی لایت ایجاد کنید
سپس این لایه رو با رنگ سفید پر کنید حالا ابزار زیر رو انتخاب کنید

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

حالا اوپاسیتی این لایه رو بزارید روی ۱۵ درصد اینم تصویر من تا اینجا

اینم بگم اگه از رنگ سفید خوشتون نمیاد می تونید با زدن کلید های زیر هر رنگی که دوست دارید رو انتخاب کنیدCTRL Uهمون جوری که توی تصویر می بینید یه چیز جالبی از کار در اومد تا اینجا بازم می تونیم قشنگ ترش کنیم ولی خب زیاد شلوغی هم جالب نیستااگه خودتون مایل بودید باز با همین روش می تونید قشنگ ترش کنید ولی من نمی خوام خیلی شلوغ بشه چون بعضی از دوستان شاید دچار مشکلی بشن و نتونن ادامه بدن پس تا اینجا ک هیچ مشکلی نداشتید؟مرحله ی پنجمحالا میریم سراغ جزییات اصلیمون اضافه کردن متن شکل و افکتخب حالا یکبار دیگه ابزار زیر رو با رنگ زیر انتخاب کنید
e9d427

حالا مانند من یه هم چین چیزی بکشید دقت کنید که این شکل باید ازبالا زیر لایه ی اول قرار بگیره
حالا روی همین لایه کلیک راست کنید و مانند من انتخاب کنید

این کار باعث میشه که ما بتونیم تغییراتی به این لایه ی کرمی رنگ بدیم کلید کنترل رو بگیرید سپس روی شکل لایه یکبار کلیک کنید این کار باعث میشه تا محیط تصویر ما انتخاب بشه حالا با براش سفید و اوپاسیتی ۲۰ درصد توی این شکل مستطیل رو یکم روشن کنید حالا این استایل رو به این شکل بدیدتصویر من تا اینجا

خب حالا شما توی این مستطیل اسم سایت یا لوگوی سایت خودتون رو بذارید چون دیگه کاری باهاش نداریم به این شکل

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

نکته:در فتوشاپ های سی اس ۶ گزینه ی تایم لاین با گزینه ی انیمیشن در فتوشاپ سی اس ۵ تغییر کرده استحالا ابزار متن رو انتخاب کنیدبا فونت بی یکان(فونت بی یکان در سایت موجود است برای دریافت به صفحه های بعد سایت مراجعه کنید) متن های زیر رو بنویسید این متن ها می تونن برای شما تغییر کننآموزش فتوشاپ از پایه تا پیشرفته
وقتی متن رو نوشتید یک کپی ازش بگیرید برای کپی گرفتن یکبار کلید های زیر رو بزنیدCTRL Jحالا لایه ی کپی شده ی متن رو انتخاب کنید و سپس به این مسیر برید اگه در حال رفتن به مسیر پنجره ای برای شما باز شده شما اوکی کنید تا لایه ی متنی ما قابل ویرایش بشهFilter>>Blur>>Motion Blur
در پنجره ی باز شده عدد ۸ رو تایپ کنید و سپس اوکی کنید اینجارو خوب دقت کنیدحالا در فِرم اول چشمک لایه ی متن اصلی رو خاموش کنید و متن رو در فِرم اول به بالاترین نقطه ببرید با دقت به تصویر زیر نگاه کنید (برای اینکه دچار مشکل نشید روی تصویر زیر حتما کلیک کنید)حالا یک فِرم جدید ایجاد کنید

حالا در فِرم دوم با دقت نگاه کنید (برای اینکه دچار مشکل نشید روی تصویر زیر حتما کلیک کنید)حالا به فِرم اول باز برید و سپس روی این گزینه یکبار کلیک کنید
سپس در پنجره ی باز شده مانند تصویر زیر عمل کنید
و سپس اوکی رو بزنید اینکار باعث میشه که متن ما به صورت متحرک در بیادمرحله ی هفتمآخرین فِرم رو انتخاب کنید و با دقت مانند تصویر زیر عمل کنید (برای اینکه دچار مشکل نشید روی تصویر زیر حتما کلیک کنید)خب تا اینجا تصویر من اینجوری شده
حالا شما یک فرم جدید بسازید دقت کنید زمان ش رو به صفر بگردونید حالا با همین روش متن زیر رو تایپ کنید و اون رو متحرک کنیدبا دقت به این جمله گوش بدید اگه شما یک متن جدیدی اضافه می کنید حتما باید برید به فرم اول و چشمک متن رو خاموش کنید و باز برید به فرم آخر و چشمک متن نوشته شده رو روشن کنید این کار باعث میشه که متن شما تو بقیه ی فرم های قبلی وجود نداشته باشه این روش برای تصویر هم به همین گونس …..اگه از لایه ای هم کپی گرفتید باید برای اون نیز همین کارو کنیدمن برای ادامه ی کار از همین روش استفاده کردم دقت کنید تایم آخرین فرم رو به عدد ۵ تغییر بدید
مرحله ی هشتماینجا رو دقت کنید شما باید الان همون جوری که متن هارو ظاهر کردید هم زمان اونارو خارج کنید برای اینکار شما باید اول چشمک متن اصلی رو خاموش کنید و چشمک متن های کپی شده رو در یک فرم جدید روشن کنید به این شکل (برای اینکه دچار مشکل نشید روی تصویر زیر حتما کلیک کنید)حالا در یک لایه ی جدید هر دو متن رو تغییر بدید یعنی متن بالایی به بالا بره و متن پایینی به پایین جوری که دیده نشن حالا فرم قبلی رو انتخاب کنید سپس روی گزینه ی زیر کلیک کنید
سپس در پنجره ی باز شده عدد ۳ رو بدید و اوکی کنید حالا اگه پلی کنید خواهید دید که :::::فایل نهایی ما تا این بخش

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

برای سیو کردن یه فایل متحرک باید کلید های زیر رو یکبار بزنید سپس در پنجره ی باز شده محل ذخیره سازی رو انتخاب کنیدAlt shift ctrl s یا گزینه ی فایل رو انتخاب و سپس گزینه ی SAVE FOR WEB رو انتخاب کنید

پنجشنبه 14 فروردین 1393 - 13:53
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 4 کاربر از administrator به خاطر اين مطلب مفيد تشکر کرده اند: yasin - scorpion00 - mamad - rezazoom -
yasin آفلاين

ارسال‌ها : 5

عضويت:14 /1 /1393

محل زندگي: اصفهان

سن: 20

تشکرها : 7

تشکر شده : 8

پاسخ 1 : آموزش ساخت بنر متحرک حرفه ای !!
سلام خیلی گنگ بود ...میشه واضح ترش کنین از مرحله ی 6 به بعد ؟
زندگی صحنه ی یکتای هنرمندی ماست .... هر کسی نغمه ی خود خواند و از صحنه رود ... صحنه پیوسته به جاست ... خرم آن نغمه که مردم بسپارند به یاد

پنجشنبه 14 فروردین 1393 - 18:51
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 3 کاربر از yasin به خاطر اين مطلب مفيد تشکر کرده اند:administrator - mamad - rezazoom -
administrator آفلاين


ارسال‌ها : 141

عضويت:12 /1 /1393

تشکرها : 211

تشکر شده : 71

پاسخ 2 : آموزش ساخت بنر متحرک حرفه ای !!
نهایت سعیمو می کنم !
پنجشنبه 14 فروردین 1393 - 18:52
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 1 کاربر از administrator به خاطر اين مطلب مفيد تشکر کرده اند:yasin -
yasin آفلاين

ارسال‌ها : 5

عضويت:14 /1 /1393

محل زندگي: اصفهان

سن: 20

تشکرها : 7

تشکر شده : 8

پاسخ 3 : آموزش ساخت بنر متحرک حرفه ای !!
ممنون داداش
زندگی صحنه ی یکتای هنرمندی ماست .... هر کسی نغمه ی خود خواند و از صحنه رود ... صحنه پیوسته به جاست ... خرم آن نغمه که مردم بسپارند به یاد

پنجشنبه 14 فروردین 1393 - 18:57
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 2 کاربر از yasin به خاطر اين مطلب مفيد تشکر کرده اند:administrator - rezazoom -
yasin آفلاين

ارسال‌ها : 5

عضويت:14 /1 /1393

محل زندگي: اصفهان

سن: 20

تشکرها : 7

تشکر شده : 8

پاسخ 4 : آموزش ساخت بنر متحرک حرفه ای !!
داداش ممنون دیگه یه وقت زحمت نشه .... یکی از کاربرای سایتمون تونست بسازه بهم یاد داد ... مرسی داری
زندگی صحنه ی یکتای هنرمندی ماست .... هر کسی نغمه ی خود خواند و از صحنه رود ... صحنه پیوسته به جاست ... خرم آن نغمه که مردم بسپارند به یاد

پنجشنبه 14 فروردین 1393 - 19:07
وب کاربر ارسال پيام نقل قول تشکر گزارش
mahdy619 آفلاين

ارسال‌ها : 21

عضويت:12 /1 /1393

محل زندگي: گیلان

سن: 14

شناسه ياهو:

تشکرها : 2

تشکر شده : 3

پاسخ 5 : آموزش ساخت بنر متحرک حرفه ای !!
اقا ممنون من هیچی نفهمیدم داداش اون قسمت فرم میخوای اضافه کنی یا اون گزینه پایین یجاد بشه کدوم گزینس من هرچی گشتم پیدا نکردم
پنجشنبه 14 فروردین 1393 - 23:23
وب کاربر ارسال پيام نقل قول تشکر گزارش
administrator آفلاين


ارسال‌ها : 141

عضويت:12 /1 /1393

تشکرها : 211

تشکر شده : 71

پاسخ 6 :
کجا رو میگین ؟
پنجشنبه 14 فروردین 1393 - 23:32
وب کاربر ارسال پيام نقل قول تشکر گزارش
mahdy619 آفلاين

ارسال‌ها : 21

عضويت:12 /1 /1393

محل زندگي: گیلان

سن: 14

شناسه ياهو:

تشکرها : 2

تشکر شده : 3

پاسخ 7 : آموزش ساخت بنر متحرک حرفه ای !!


این قسمت فتوشاپ من نداره چجوری اضافه کنم؟
پنجشنبه 14 فروردین 1393 - 23:39
وب کاربر ارسال پيام نقل قول تشکر گزارش
administrator آفلاين


ارسال‌ها : 141

عضويت:12 /1 /1393

تشکرها : 211

تشکر شده : 71

پاسخ 8 : آموزش ساخت بنر متحرک حرفه ای !!
اون امکان قابل نصب نیست !
فتوشاپ Cs6 این امکان رو دارا هست.
پنجشنبه 14 فروردین 1393 - 23:44
وب کاربر ارسال پيام نقل قول تشکر گزارش
mahdy619 آفلاين

ارسال‌ها : 21

عضويت:12 /1 /1393

محل زندگي: گیلان

سن: 14

شناسه ياهو:

تشکرها : 2

تشکر شده : 3

پاسخ 9 : آموزش ساخت بنر متحرک حرفه ای !!
ممنون cs6 فردا اوکیش میکنم مشکل من فقط همینه بقیه رو هم بلدم حرفه ای ممنون از پاسخگویی داداش یاهو میای کارت دارمتصویر: /weblog/file/forum/smiles/18.gif
پنجشنبه 14 فروردین 1393 - 23:46
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 1 کاربر از mahdy619 به خاطر اين مطلب مفيد تشکر کرده اند:administrator -
scorpion00 آفلاين


ارسال‌ها : 54

عضويت:13 /1 /1393

محل زندگي: تهـــــــران

سن: 19

شناسه ياهو:

تشکرها : 17

تشکر شده : 33

پاسخ 10 : آموزش ساخت بنر متحرک حرفه ای !!
سلام ممنون از پست هاتون

من یه درخواست و خواهش دارم

برای این چت رومم میخوام یه بنر بسازید

اگه وقتشو داشتید برام طراحی کنید ممنون میشم

gomrokchat.ir

آی دی یاهو :pouryanoei
آخرین ورود من تو این سایت سال 1393 بودهه
الان 2/2/1398 هستیم ساعت 12:30 دقیقه
به یاد آرزو هایم سکوتی میکنم بالاتر از فریاد

آی دی اینستا گرامم

POURYA.NOEI
هکر عقرب00
عاغاعقرب00
یادش بخیر سال 89
جمعه 15 فروردین 1393 - 15:07
وب کاربر ارسال پيام نقل قول تشکر گزارش
تشکر شده تشکر شده: 1 کاربر از scorpion00 به خاطر اين مطلب مفيد تشکر کرده اند:administrator -
12»






برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


تمامی حقوق این قالب مربوط به همین انجمن میباشد|طراح قالب : ابزار فارسی -پشتیبانی : رزبلاگ

: