اموزش طراحی پرتره مثلثی

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

میخوایم به کمک فتوشاپ و ایلوستریتور ، با استفاده از اشکال هندسی مختلف مثل مثلث ، مربع ، مختلف الاضلاع و کلا هر شکلی ؛ یک افکت زیبا و فانتزی به پرتره مون بدیم. شما میتونید مثلث های خودتون رو بزرگ یا کوچیک کنید تا عکستون از یک نواختی دربیاد که بتونیم اونو در جاهای مختلف مثل عکس پروفایل ! یا نمایه فیسبوک ! یا هرچی که دوست داریم استفاده کنیم . با اموزش متنی و اموزش ویدیویی در خدمتتون هستیم .

اموزش طراحی پرتره مثلثی در فتوشاپ/به روز رسانی شد

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

خب معلومه با فتوشاپ اما نه به تنهایی همراه با ایلوستریتور اما چه جوری ، اینجوری :

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

مرحله اول (preparation)

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

حالا غیر از لایه background که خودش از اول قفله ،لایه عکسمون رو نیز قفل میکنیم و پروژه مون رو با پسوند psd سیو میکنیم .

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

 

مرحله دوم (tracing)

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

و اما اگه دوست دارید کماکان کار ایجاد مثلث ها رو خودتون رو با ایلوستریتور انجام بدید ادامه آموزش برای شماست  ؛  در نرم افزار ادوبی ایلوستریتور کلید های ترکیبی ctrl+o رو بزنید و فایل پی اس دی ای که در مرحله قبل داشتیم رو باز کنید.

از منو window  پنل transparnency رو تیک بزنید تا پنل آن برای ما ظاهر بشود.حالا از طریق آن کمی opacity را کم کنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

با استفاده از کلید های ترکیبی ctrl+l یک لایه جدید درست کنید. و با دابل کلیک بر روی آن اسم لایه را trace بگذارید.

حالا با استفاده از تصویر پایین دو رنگ پالت را جوری تنظیم کنید که یکی غیر فعال و دیگری سفید باشد.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

راستی حتما پنل stroke رو از منو window فعال کنید؛ و مقدار استروک رو بین نیم تا 1 پیکسل بستگی به دلخواهتان تنظیم کنید.

و اما این مرحله ، در این جا باید با استفاده از ابزار پن (p) بر روی تصویر اشکال هندسی بسته که ما به شما مثلث را پیشنهاد میکینم ؛ ترسیم کنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

بدین منظور دو نقطه رسم کنید و حتما دقت کنید که در هنگام وصل نقطه سوم علامت دایره کوچکی کنار ابزار پن ظاهر گردد.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

حالا یک نکته توی پرانتز:(اگر خواستید که مکان یک نقطه را بدون جابجایی بقیه مثلث تغییر بدید کلید A را بفشارید و نقطه را هر جور که خواستید حرکت بدید.)

بعد از رسم هر مثلث کلید های ترکیبی ctrl+shift+a رو بزنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

و به همین شکل چندین مثلث دیگر رسم میکینم.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

نکته: یک بار دیگر تاکید میکنم هر مثلث با اینکه به مثلث دیگر چسبیده است اما باید همه ی خطوط آن رسم شود.

همانطور که در تصویر میبینید ما باید تا جایی به این کار(کدوم کار=ایجاد مثلث) ادامه بدیم تا به به نتیجه مطلوب برسیم یا به عبارتی دیگر همه ی پرتره بدون پس زمینه پشت از مثلث پر شود حال آنکه میخواهیم ریزه کاری داشته باشیم یا نه!البته بهتره داشته باشیم.

سیر تکامل تصویر من را در عکس مشاهده میکینید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

نکته:در آخر کار متوجه میشویم که به علت عدم توجه کافی یا به اندازه در نقاط طلاقی نقطه ها نظم خاصی دیده نمیشود ؛ اما راه حل چیست: کافی است با استفاده از کلید های ترکیبی CTRL+Y ابتدا تصویر خود را محو و فقط نقطه ها را مشاهده کنیم.حالا بر روی محل های طلاقی زوم کنید و اگر همچین پدیده ای مشاهده کردید

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

ابتدا کلید A رو بزنید سپس چند نقطه ای که از قرار است از راس به هم متصل بشوند را به حالت انتخاب درآورده و دو دکمه Horizontal align center و سپس vertical align center را بزنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

میبینید که چند نقطه هم راس شدند.پس به همین ترتیب بقیه را هم درست میکنیم.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

عجب مرحله ای بود ها!!!!

مرحله سوم (convert stroks to paths to photoshop)

بعد از اینکه تمام تصویر تکمیل شد ؛ کم کم کار ما با ایلوستریتور تمام میشود پس کلید V را بفشارید و کل تصویر را به حالت به حالت انتخاب در آورید(منظورم اینه که موس رو ببرید گوشه بالا سمت چپ بعد کلیک کنید و همینجوری بیاید تا گوشه پایین سمت راست، گفتم شاید نفهمید منظورمو!!).

با این کار همه ی مثلث های ایجاد شده به حالت انتخاب در می آیند پس حالاctrl+c  را بزنید و به فتوشاپ بازگردید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

از منو ویندو پنجره paths را تیک بزنید و یک نیو ایجاد کنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

حالا کلید های ترکیبی ctrl+v را بزنید و در پنجره باز شده گزینه paths و سپس ok.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

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

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

 

مرحله چهارم (colouring)

در این مرحله ابتدا یک لایه خالی بسازید و بر روی لایه paths کلیک کرده سپس کلید a  را بزنید و دومین ابزار آن را انتخاب کنید.

حالا بر روی نقطه ای خالی در تصویر کلیک کنید تا  paths های ما از حالت انتخاب خارج شوند.

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

بر روی تصویر زوم کنید و با استفاده از ابزار direct selection tool  (a) یک مثلث را انتخاب کنید حالا کلیک راست کنید و make selection را برگزینید و پس از آنکه مثلث به حالت انتخاب در آمد ؛ کلید i را بفشارید و از یک گوشه مثلث یک رنگ انتخاب کنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

سپس کلید x برای جابجایی foreground , background و سپس دوباره از گوشه ای دیگر از مثلث رنگ انتخاب کنید.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

حالا ابزار gradiant tool (g) را بردارید و از همان دو گوشه خطی رسم کنید تا رنگ ها اعمال بشوند.

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

حالا همین کار را برای تمام مثلث ها باید انجام بدهید اما زود قضاوت نکنید ممکنه بگید این کار خیلی طول میکشه اما بعد 5 یا 6 تا رنگ کردن مثلث به روند کار آشنا میشید و حتما از کلید های میانبر استفاده کنید.تازه همیشه لازم نیست برای رنگ کردن دو رنگ جدید تولید کنیم بیشتر موقع ها از همون دو رنگ استفاده کنید مگر اینکه رنگ اختلاف زیادی پیدا کرده و یا پررنگ یا کمرنگ شده( البته کم خیلی جاها هم دیدم که از gradiant استفاده نمیکردن و فقط رنگ رو کمی تغییر میدادند و با همون تک رنگ کار میکردند.)

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

روند کار رو مشاهده میکیند:

اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی
اموزش طراحی پرتره مثلثی

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

و بالاخره پایان.

روش سریع و جالب

 

یادتونه که گفتم “مرحله ی دوم نیاز به نرم افزار ادوبی ایلوستریتور داره  و اگه تا حالا با این نرم افزار کار نکردید مهم نیست چون استفاده مون از این نرم افزار بسیار ابتدایی است و نیاز به دانش قبلی هم نداره حتی میشد این کار رو در خود فتوشاپ هم انجام داد اما برای راحتی کار اونو به ایلوستریتور آوردیم” خوب حالا یک سورپرایز براتون دارم :

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

خوب کافیه که ابتدا اینو دانلود کنید ( خودم نمیدونم دقیقا چیه ولی کارشو خوب انجام میده ! وقتی دانلودش کردید یک فایل zip میبینید ، اونو از حالت فشرده خارج کنید و وارد پوشه ی triangulator بشید . سپس فایل index.html رو با مرورگرتون مثلا کروم باز کنید . میبینید که یک شبه نرم افزاریه به نام عجیب و غریب I♥∆

I♥∆
I♥∆

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

I♥∆
I♥∆

میبینید که با زدن این گزینه میتونید کثلث هایی رو ایجاد کنید ، حالا کنار لوگوی I♥∆ یک دایره هست که اگه به سمت چپ بیاد کمی شفافیت رو کم میکنه مثل کم کردن opacity میمونه . اگه شما روی محل تلاقی مثلث ها کلیک کنید میتونید که جای اونها رو به سادگی با توجه به تصویرتون تغییر بدید و حتی با کلیک کردن در نقاطی میتونید یک مثلث ایجاد کنید  مانند تصویر:

I♥∆
I♥∆
I♥∆
I♥∆
I♥∆
I♥∆

در پایان هم میتونید از گزینه ی svg برای ذخیره بهره ببرید .

نمونه ها و ویدیو ی اسپید آرت

خوب تصمیم گرفتم نمونه هایی رو هم از این افکت بسایر بسیار پرطرفدار و زیبای فتوشاپ براتون قرار بدم و در انتها هم ویدویی رو براتون گذاشتم که شخصی در حال درست کردن این دل عکس ها هست ( سرعتش ویدیو بالا رفته و صرفن جهت آشنایی با این اموزش هست در واقع اسم این جور ویدوی ها speen art هست  )

این شما و این هم افکت جالب polygonal portrait

polygonal portrait
polygonal portrait
polygonal portrait
polygonal portrait

polygonal portrait

 

portrait portrait portrait portrait

دانلود speed art اموزشی این مطلب با حجم 7 مگابایت

ویدیویی آموزشی

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

فیلم اموزشی طراحی پرتره مثلثی

حجم : 25 مگابایت

مطالب مرتبط

آموزش افکت بوکه برای متن در فتوشاپ

آموزش افکت ستاره در فتوشاپ

ساخت یک wallpaper با موضوع موسیقی

آموزش متن پشمالو در فتوشاپ

آموزش ایجاد شیرینی خوشمزه در فتوشاپ

آموزش ایجاد متن تا شده در فتوشاپ

اموزش طراحی پرتره مثلثی

محتوای مطلب

کامنت ها

29 پاسخ به “اموزش طراحی پرتره مثلثی”

  1. وبتون عالی عالیه
    خسته نباشید!!!!
    همه چی وبتون عالیه! قالبش ! چینش مطالب ! محتوای پستها! زبون شیوا و رساش !!!
    ممنون از زحماتتون ! موفق و موید باشید

  2. داداش مطلبت فوق العاده بود
    فقط من نتونستم اون اخر مرحله دوم رو انجام بدم (هم راس کردن)
    horizontal align center با vertical align center تو نوار بالایی نیست!!!

    • سلام این سوال که مربوط به این مطلب نیست! حالا اشکال نداره تو گوگل جست و جو کنید و نرم افزار چالیپا رو بگیرید ، این جور متن ها با اون نوشته میشن………

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

  4. سلام
    من با این اموزش به مرحله رنگ کردن با گرادینت که رسیدم وقتی که خواستم یه مثلث رو انتخاب کنم چند تا PATH های دورش هم انتخاب میشن و وقتی Make Selection رو میزنم به صورت مثلث شکل در نمیاد و کار منو خراب میکنه ….پ
    لطفا کمکم کنید :(( ممنون

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

      • ببخشید منظورم ابزار فلش مشکی بود! با کلید A میتونید این ابزار رو انتخاب کنید.
        الآن که من آموزش رو بیشتر خوندم متوجه شدم که با این ابزار نمیشه اینکارو انجام داد چون کل path ها رو با هم کشیده. خب پس باید ابزار فلش سفید رو انتخاب کنید کلید میانبر این ابزار هم a هست. با این ابزار و با استفاده از کلید ctrl میتونید چندتا path دلخواه رو انتخاب کنید و بعد selection بسازید.

      • سلام فکر کنم مشکل شما این باشه که در ایلاستریتور به خوبی مثلث ها رو نکشیدید یعنی ممکنه یادتون رفته باشه که هر مثلث رو باید حتما حتما ببندید وگرنه هنگتم انتخاب همه مثلث ها به حالت انتخاب در میان با این حال میتونید از ابزار polygonal lasso tool هم استفاده کنید برای مثلث هایی که بسته نیستند .

    • مثلث هارو در ایلاستریتور نبستید یعنی باید انتهای ضلع سوم حتما به نقطه ی شروع منطبق بشه م مثلث بسته باشه حتی وقتی دو مثلث به هم چسبیدن

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

پاسخ دهید

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

<