چه طور باید این مدل thumb رو ساخت؟

echessdesign

مدیر انجمن طراحی وب
ارادت دوستان
لطفا راهنمایی کنید که چطور:
- کادر ساخته شده برای thumb ، دارای کادر هست، چگونه همچین کادری میشه ساخت؟
- سایه پشت کادر رو چطور میشه ساخت؟
- اسم براش که نور های درخشان هستند چیست؟
- اون برچسب سبز رنگ رو چطور باید ساخت؟
-کلا سایتی هست که نمونه thumb داشته باشه که بشه از اونها الهام گرفت؟

پیشاپیش ار راهنمایی شما سپاس گزارم

0.jpg
 

Arazar

Member
میتونید برای طراحی چنین طرح هایی از Web Template Mockup های موجود استفاده کنید و نیازی به طراحی تک تک عناصر نیست!
 

L-B

Well-Known Member
حسین جان اگه آماده مد نظرت باشه با عنوان Mockup جستجویی داشته باش خیلی نمونه های خوبی هم میبینی ...
شبیه این هم احتمالا باید باشه
دقیقا همینو میخوای ؟
--
ساختش تموم شد یا دانلود کردی کار رو به صورت اکشن در بیار و عکس بده و آماده تحویل بگیر :)



موفق باشی
 

AliReza Bahrami

مدیر انجمن
شما در یک تایم خیلی کوتاه میتونید همچین موکاپی بسازید
ابتدا یک شیپ ایجا کنید با هر سایزی که دلخواهتون هست !
اون برچسب بالا هم توسط شیپ میتونید بسازید که دیگه خیلی ساده هست (یک مستطیل و یک چرخش,زیر اون هم مجدد 2 تا مستطیل با ترنسفرم مثل شکل)
حالا لایه های شیپ رو توسط ctrl انتخاب کنید و روی لایه راست کلیک کنید و اون رو به Smart Object تبدیل کنید
حالا به اون پرسپکتیو بدید
بعد از این قسمت توسط براش معمولی و فیلتر gussion blur و ترنسفرم اون...سایه پشت رو ایجاد کنید ! (که دیگه این قسمت ساده هست آموزش سایه هم زیاد داریم تو بخش. یه سرچ کنید)
حالا اون فریم دورش رو میتونید توسط خود قاب اصلی که تبدیل به اسمارت آبجکت شد درست کنیم
ابتدا ازش یک کپی بگیرید و اونو rastrize کنید
حالا از چند کپی بگیرید به فاصله 1 پیکسل به سمت چپ اونها رو هدایت کنید و همه رو مرج کنید
حالا یه استروک گرادینت فلز مانند بهش بدید ! (یکم مشکله توضیحش)
برای اون پارتیکل های توی فضا یا همون نور هایی که میبینید
براش دایره معمولی خود فتوشاپ سافت براش و .. هست که یه استایل outer glow بهش داده شده!

برای استفاده ازش هم ( روی تصویر لایه اسمارت آبجکت کلیک میکنید تصویر رو جایگیزین میکنید و ctrl+s رو میزنید و تمام)

اگر باز هم متوجه نشدید بگید یه آموزش تصویری سریع براتون قرار میدم
 

echessdesign

مدیر انجمن طراحی وب
ارادت دوستان
از راهنمایی تون بسیار ممنونم
علی رضا جان، اگر فرصت کنی زحمت آموزش رو بکشی که عالی میشه
لذتی در طراحی هست که در جنریت نیست!
 

AliReza Bahrami

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

دانلود
 

echessdesign

مدیر انجمن طراحی وب
بسیار عالی شده علی رضا جان
چه سرعت عملی داری شما!
به چه نرم افزاری فیلم برداری کردید؟
وقتی روی کادر قرمز، زمانی که مستطیل بود کار می کردید و از ابزار pen استفاده می کردید، گوشه بالا سمت راست به اندازه یک مثلث پاک کردید، دکمه delete رو زدید؟
متشکرم
حسین
 

AliReza Bahrami

مدیر انجمن
مرسی
امیدوارم استفاده کرده باشید!
نه دیلیت لازم نیست
شما زمانی که با خود ابزار pen tools دارید کار میکنید یک گره اضافه کنید روبروی اون گره که توی فیلم مشخص هست با کلیک کردن روی همون خط گره اضافه میشه(+) بعد اون گره زاویه بالا رو با بردن pen tools روش(-) پاک کنید حالا یه قوس ایجاد میشه!
برای از بین بردن اون قوس شما میبایست با گرفت کلید ALT و کلیک کردن روی اون گره جدید خودش حذف میشه و شاخک ها میچسبن کنار کار و اون زاویه به صورت مثلث ایجاد میشه
کار با ابزار پن یکم به نظر سخت میاد اما اگر باهاش یه مدت کار کنید خیلی راحت و لذت بخش میشه!

رکورد هم با camtasia studio رکورد کردم!
 

جدیدترین ارسال ها

بالا