نمایش نتایج: از شماره 1 تا 4 , از مجموع 4

موضوع: خلق یک افکت زیبای متنی به کمک فوتوشاپ و ایلاستریتور

  1. #1
    ناظم ارشد انجمن
    شاید من بی عیب نباشم اماتوهم نیستی...پس برو وپیش از شمارش اشتباهات من به خطاهای خودت رسیدگی کن
    تاریخ عضویت
    Feb 2010
    محل سکونت
    زیر ی سقف کنار عزیزترینم
    نوشته ها
    12,484
    تشکر تشکر کرده 
    190
    تشکر تشکر شده 
    12,809
    تشکر شده در
    3,688 پست
    حالت من : Relax
    قدرت امتیاز دهی
    11330
    Array

    خلق یک افکت زیبای متنی به کمک فوتوشاپ و ایلاستریتور

    خلق یک افکت زیبای متنی به کمک فوتوشاپ و ایلاستریتور



    11086
    در آموزش امروز ما قصد داریم یک افکت جالب بر روی متن استفاده کنیم. افکتی جالب که به ما حس خوبی از خشم و هجوم را می دهد حسی که شبیه به حس قهرمان های داستان هاست و در اینجا ما در واقع قهرمان فوتوشاپ و ایلاستریتور هستیم .
    متن را به صورت دستی در ادوبی ایلاستریتور می سازیم. سپس آن را به ادوبی فوتوشاپ می بریم و کمی به آن افکت و بافت اضافه می کنیم. هر متنی را که دوست داشتید می توانید تایپ کنید و افکت های مد نظر را روی آن پیاده کنید .
    خب بهتر است شروع کنیم.
    برای اینکه از این آموزش پیروی کنید ممکن است به فایلهای زیر نیاز داشته باشید.
    Concrete Texture from VandelayPremier
    Free Alternative: Free Concrete Textures from Texture King
    The Avengers from Owen Dawson
    The Mighty Avengers from Owen Dawson
    افکت متن Avenger
    قدم اول : گرفتن فونت مورد نظر
    خب بهتر است کار را بر روی هرکدام از کارکترها آغاز کنیم. اولین آپشن ما برای این کار استفاده از فونتهای مجانی است. بعد از جستجو در گوگل و سرچ ” free fonts Avengers ” بالاخره به دو فونت با همین مضمون رسیدم. فونتهای Avengers و Mighty Avengers که هر دوی آنها بوسیله ی “داوسون ” ساخته شده است. متاسفانه هردوی آنها به اندازه کافی برای کار ما مناسب نیستند.
    اولین فونت که حروف K و O را هم ندارد . ما برای کلمه ای که می خواهیم استفاده کنیم به هردوی این حروف نیازمندیم . همچنین نمی توانیم از حرف A آن نیز استفاده کنیم چرا که اگر بخواهیم آن را در میان کلمه استفاده کنیم زیاد جالب نخواهد شد .
    2800
    و دومین فونت هم به نظر می رسد که نمی تواند محتوای کلمه را به خوبی نشان دهد به طور مثال ما نیاز به زاویه های تند در کلمه داریم ولی این فونت حروف گرد و نرمی دارد و این نوع فونت با آن چیزی که ما مد نظر داریم متفاوت است .
    3658
    پس ، بهترین حالت کار این است که ما حروف را به صورت دستی بکشیم . پس قرار نیست که ما از این فونت ها استفاده کنیم با این حال بهتر است آنها را برای منابع و رفرنس کاری خودمان نگه داریم.

    قدم دوم : منابع
    باید شروع کنید به جستجو در گوگل و به دنبال فونت مورد نظرتان بگردید . آن را ذخیره کنید و یک فایل جدید در ادوبی الاستریتور بسازید و سپس فایل را بچسبانید . بر روی Object > Lock > Selection کلیک کنید تا تصویر را قفل کنید و از اینکه به طور اتفاقی دستکاری شود جلوگیری کنید
    4531
    قدم سوم : ساختن حروف
    در متن حاضری که پیش رو داریم. می توانیم حروف Gو N را در کلمه ی مورد نظر خودمان پیدا کنیم . یک لایه جدید درست کنید و سپس با استفاده از ابزار خودکار حروف N و G را رسم کنید .
    5421
    قدم چهار :
    برای دیگر حروف یعنی : (H, O, K, I, A, and T) با استفاده از حروف دیگر آن ها را پایه ریزی می کنیم . برای حرف I از حرف N استفاده می کنیم و نصف آن را می بریم .
    6366
    برای حرف O از حرف E استفاده می کنیم به این ترتیب که یک سوراخ در مرکز آن ایجاد می کنیم .
    7283
    برای حرف K به سادگی از حرف R استفاده می کنیم به این ترتیب که قسمت بالای آن را حذف می کنیم .
    8257

    همچنین می توانیم از Rبه عنوان A نیز استفاده کنیم.
    9227
    برای T از حرف A استفاده می کنیم که قبلا آن را درست کردیم.
    10205
    قدم ۵:
    حالا تمام این حروف را در محل قرار دهید . در حال حاضر “ONGKIAT” را داریم.
    11264
    قدم ۶ : حالا حرف اول H را می کشیم.
    فقط در تصویر مرجع ما اولین حرف نسبت به دیگر حروف ، خیلی بلند است . برای حرف H می توانیم از منبع قبلی استفاده کنیم.
    12228
    قدم ۷:
    دو دایره با یک ویژگی و مثل هم بکشید . هردو دایره را انتخاب کنید ، پنل Pathfinder را باز کنید و Subtract را انتخاب کنید تا یک حلقه درست کنید
    13197
    قدم ۸:
    حلقه را در بالای حرف H و O قرار دهید . توجه کنید که برای اینکه بهتر کار را مشاهده کنیم موارد غیر لازم را پاک می کنیم.
    14175
    قدم ۹ :
    حروف “Ho” را انتخاب کنید و Object > Path > Offset Path را کلیک کنید .
    15153
    قدم ۱۰ :
    بر روی H راست کلیک کنید و Ungroup را انتخاب کنید تا Path را از path اصلی جدا کنید . همین فرایند را برای حرف O نیز تکرار کنید .
    16141
    قدم ۱۱:
    یک H بزرگ بر بالای شکل حلقه بگذارید برای این کار می توانید به Object > Arrange > Bring to Front بروید . حرف H بزرگ و شکل حلقه را انتخاب کنید سپس Subtract را بر روی پنل Pathfinder انتخاب کنید .
    17132
    این نتیجه کاری است که انجام می دهیم
    18122
    19116
    [SIGPIC][/SIGPIC]

  2. 2 کاربر مقابل از mehraboOon عزیز به خاطر این پست مفید تشکر کرده اند.


  3. #2
    ناظم ارشد انجمن
    شاید من بی عیب نباشم اماتوهم نیستی...پس برو وپیش از شمارش اشتباهات من به خطاهای خودت رسیدگی کن
    تاریخ عضویت
    Feb 2010
    محل سکونت
    زیر ی سقف کنار عزیزترینم
    نوشته ها
    12,484
    تشکر تشکر کرده 
    190
    تشکر تشکر شده 
    12,809
    تشکر شده در
    3,688 پست
    حالت من : Relax
    قدرت امتیاز دهی
    11330
    Array

    پیش فرض

    قدم ۱۲:
    بر روی شکل حلقه کلیک کنید و Ungroup را انتخاب کنید
    2078
    قدم ۱۳:
    بالای شکل حلقه یک O بزرگ با کلیک Object > Arrange > Bring to Front قرار دهید .O بزرگ و شکل حلقه را انتخاب کنید .از پنل Pathfinder ، Subtract را انتخاب کنید .
    21158
    در زیر نتیجه را می بینید
    22147
    قدم ۱۴:
    باقی مانده های حلقه را که نیازی بدان ندارید را پاک کنید .
    23135
    قدم ۱۵:
    در اینجا کامل شده و نتیجه کاری را که کردیم را مشاهده می کنید.
    24123
    قدم ۱۶:
    دو مستطیل بکشید ، سپس یکی را به اندازه ۴۵ درجه و دیگری را به اندازه -۴۵ بچرخانید . آنقدر آن ها را جابجا کنید تا در نهایت به یک شکل باریک مثل چیزی که مشاهده می کنید برسید .
    25116
    قدم ۱۷:
    هردو شکل را انتخاب کنید و از پنل Pathfinder یک حالت را برای آنها انتخاب کنید .
    26109
    قدم ۱۸ :
    یک پیکان در بالای حرف H قرار دهید .برای اینکه بهتر متوجه شوید تصویر زیر را مشاهده کنید .هردوی شکل ها را انتخاب کنید و Subtract را انتخاب کنید .
    27100
    حالا ، ما یک پیکان پنهان درون حرف H داریم. حالا این متن آماده است که از آن استفاده کنیم.
    2852
    قدم ۱۹ : حالا کار را در فوتوشاپ ادامه می دهیم.

    فوتوشاپ را باز کنید . یک فایل با اندازه های ۲۰۰ پیکسل در ۹۰۰ پیکسل ایجاد کنید . پشت زمینه را با رنگ #۰۷۰۷۰۷ پر کنید .
    2947
    قدم ۲۰ : Path حروف را وارد کنید .
    به ایلاستریتور باز گردید . تمام path های حروف را انتخاب کنید و سپس کنترل C را بزنید تا همه آنها در کلیپرد کپی شوند .
    3040
    قدم ۲۱:
    در فوتوشاپ کلید کنترل V را بزنید تا آنها را که کپی کرده بودید اینجا بیاید .
    31132
    حالا متنهایی که در ایلاستریتور داشتیم به صورت یک path جدید قرار گرفتند .می توانید آن را در پنل path ها پیدا کنید .
    32125
    قدم ۲۲:
    Path داخلی O وA را انتخاب کنید . در نوار آپشن حالت آن را به Subtract تغییر دهید . این حالت باعث می شود هر دوی Path ها در داخلشان سوراخ هایی ایجاد شود .
    33116
    قدم ۲۳ : تبدیل Path ها به شکل ها
    در پنل لایه ها بر روی دایره سیاه و سفید کلیک کنید . Solid Color را انتخاب کنید ، رنگ آن را به #۰۷۰c12 تنظیم کنید . حالا ما شکل های جدیدی بر پایه ی Path داخل شده در کار ، داریم.
    34111
    بر روی لایه دابل کلیک کنید تا Layer Style dialog box باز شود . Bevel and Emboss را اضافه کنید . تکنیک انتخابی راChisel Hard قرار دهید تا لبه های تیز تری داشته باشید .
    35103
    در اینجا نتیجه کار را تا به این لحظه مشاهده می کنید .
    3659
    قدم ۲۴:
    یک پوشش حالت سیمانی اضافه کنید و آن را در بالای متن قرار دهید. حالت blend mode آن را به Screen و شفافیت آن را به ۴۷درصد کاهش دهید .
    3735

    [SIGPIC][/SIGPIC]

  4. #3
    ناظم ارشد انجمن
    شاید من بی عیب نباشم اماتوهم نیستی...پس برو وپیش از شمارش اشتباهات من به خطاهای خودت رسیدگی کن
    تاریخ عضویت
    Feb 2010
    محل سکونت
    زیر ی سقف کنار عزیزترینم
    نوشته ها
    12,484
    تشکر تشکر کرده 
    190
    تشکر تشکر شده 
    12,809
    تشکر شده در
    3,688 پست
    حالت من : Relax
    قدرت امتیاز دهی
    11330
    Array

    پیش فرض

    قدم ۲۵:
    لایه پوششی (layer mask ) را اضافه کنید . یک گرادیان خطی از سفید تا سیاه رسم کنید.
    3831
    قدم ۲۶:
    کلید های کنترل A+G را بزنید تا بافت به Clipping Mask تبدیل شود . حالا بافت به داخل متن می رود .
    3931
    قدم ۲۷:
    تقریبا بافت ما درقسمت پایین متن کمرنگ و محو شده است.اجازه دهید کمی از آن را با رنگ کردن ناحیه ای از آن با استفاده از قلم با شفافیت ۳۰درصد آشکار کنید .در زیر شما می توانید لایه پوشیده را بعد از رنگ کردن آن نواحی مشاهده کنید .
    4023
    این نتیجه کاری است که انجام دادیم .حالا می توانید بافت مناسبی بر روی قسمت پایینی متن ایجاد شد .
    41114
    قدم ۲۸ : اضافه کردن افکت Embossed Stroke بر روی متن
    متن را دابلیکیت کنید و آن را پشت لایه متن اصلی قرار دهید . از قسمت Layer Style ، Stroke را اضافه کنید .
    42108
    در زیر شما می توانید نتیجه کار را به صورت یک رنگ صاف به صورت یکنواخت مشاهده کنید .
    43105
    قدم ۲۹ :
    اجازه دهید Bevel and Emboss را هم اضافه کنیم و Style آن را به Stroke Emboss تنظیم کنیم. با استفاده از این راه این افکت به Stroke که قبلا آن را اضافه کرده بودیم نیز اعمال می شود .
    44100
    حالا ، stroke ما ظاهری Emboss مانند گرفت .
    4532
    قدم ۳۰ :
    Outer Glow را اضافه کنید و به هر یک از حروف سایه ای متناسب آن اضافه کنید .در حال حاضر ما نمی توانیم تاثیر کاری را که کرده ایم ببینیم ، چرا که پشت زمینه هنوز خیلی تاریک است.
    4623
    قدم ۳۱:
    یک لایه جدید در بالای متن با افکت stroke ایجاد کنید . کنترل را فشار دهید و بر روی لایه متن کلیک کنید .بر روی Select > Modify > Expand کلیک کنید . Expand را بر روی ۳ پیکسل تنظیم کنید . توجه داشته باشید که ناحیه انتخابی را به اندازه ۳ پیکسل بسط دادیم. بنابراین با اندازه استروک یکی می شود .
    4722
    ناحیه انتخابی را با یک گرادیان خطی از سفید تا سیاه پر کنید .
    4821
    حالت blend آن را به Overlay تنظیم کنید و شفافیت آن را به ۳۰ درصد برسانید .
    4921
    قدم ۳۲: به پشت زمینه نور اضافه کنید .
    یک لایه جدید در زیر متن درست کنید . ابزار براش را فعال کنید و شفافیت آن را به ۱۰۰% برسانید . یک خط سفید پشت متن بکشید .
    5014
    قدم ۳۳:
    شفافیت براش را کم کنید و یک خط بزرگتر که خط اولی را پوشش دهد بکشید .
    51109
    قدم ۳۴:
    یک سری نورها به صورت تصادفی بر روی لبه های خط بکشید .
    52103
    قدم ۳۵:
    کلید کنترل به همراه کلیک را بر روی لایه متن فشار دهید تا یک ناحیه انتخابی جدید بر پایه شکل متن درست کنید . یک لایه جدید درست کنید و آن را در بالای متن اصلی قرار دهید .
    53100
    ابزار براش را فعال کنید ، شفافیت آن را به ۱۰% برسانید . کمی سفیدی در وسط متن بکشید تا اینطور به نظر برسد که نور از پشت می تابد .
    5422
    در زیر می توانید نتیجه را قبل و بعد از اضافه کردن نور مشاهده کنید .
    5518
    [SIGPIC][/SIGPIC]

  5. #4
    ناظم ارشد انجمن
    شاید من بی عیب نباشم اماتوهم نیستی...پس برو وپیش از شمارش اشتباهات من به خطاهای خودت رسیدگی کن
    تاریخ عضویت
    Feb 2010
    محل سکونت
    زیر ی سقف کنار عزیزترینم
    نوشته ها
    12,484
    تشکر تشکر کرده 
    190
    تشکر تشکر شده 
    12,809
    تشکر شده در
    3,688 پست
    حالت من : Relax
    قدرت امتیاز دهی
    11330
    Array

    پیش فرض

    قدم ۳۶:
    یک لایه جدید دیگر درست کنید . آن را در بالای دیگر لایه ها قرار دهید. راست کلیک کنید و Stroke را انتخاب کنید .
    5615
    رنگ سفید با عرض یک پیکسل را انتخاب کنید
    5714
    قدم ۳۷:
    کنترل +D فشار دهید . Gaussian Blur را اعمال کنید تا خط stroke کمی نرم تر شود .
    5813
    قدم ۳۸ :
    کمی از خطوط stroke را پاک کنید . این خطوط بر روی شکل متن پر رنگ تر می شود.
    5913
    قدم ۳۹ :
    یک خط stroke دیگردر یک لایه جدید رسم کنید . کمی از آن را پاک کنید تا قسمتهای برجسته تیز تر شوند .
    604
    قدم ۴۰ :
    یک لایه جدید درست کنید و آن را با یک گرادیان خطی، سفید تا سیاه پر کنید. کلید کنترل را فشار دهید و بر روی لایه متن کلیک کنید .
    61103
    قدم۴۱ :
    با کلیک کردن بر روی آیکن Layer Maskدر پنل لایه ها لایر ماسک اضافه کنید .حالت بلند را به صورت Overlay تنظیم کنید و شفافیت آن را به ۵۵% برسانید .
    62100
    قدم ۴۲ :اضافه کردن رنگ
    یک بار دیگر ، کلید کنترل را فشار دهید و بر روی لایه متن کلیک کنید .
    6367
    تنظیمات لایه Hue/Saturation را اضافه کنید .با استفاده از تنظیمات زیر این کار را انجام دهید ، همچنین اطمینان حاصل کنید که آپشن Colorize را فعال کرده اید .
    6412
    در اینجا می توانید نتایج کار را بر روی متن ببینید .
    6512
    قدم ۴۳: افزایش کانتراست متن
    یک لایه جدید درست کنید .کلید کنترل و کلیک را بر روی لایه متن فشار دهید سپس ناحیه انتخابی را با گرادیان شعاعی از سیاه تا سفید پر کنید .
    6613
    حالت ترکیبی را به Overlay تنظیم کنید و شفافیت را به ۴۰% برسانید .
    6712

    قدم ۴۴: اضافه کردن زیر نویس
    یک مستطیل باریک در بالای متن با رنگ #۳b568بکشید . یک لایر ماسک اضافه کنید . سپس هر دو انتهای آنها را با رنگ مشکی رنگ کنید . در بالای مستطیل یک زیر نویس ایجاد کنی.
    6812
    نتیجه نهایی
    بالاخره کار به پایان رسید ! همانطور که در زیر می بینید کار به زیبایی انجام شده است . با کلیک بر روی تصویر می توانید آن را به صورت تمام اندازه مشاهده کنید .
    6912



    از اینجا می توانید فایل نهایی را دانلود کنید .

    گویا آی تی
    [SIGPIC][/SIGPIC]

برچسب ها برای این تاپیک

علاقه مندی ها (بوک مارک ها)

علاقه مندی ها (بوک مارک ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست در پست خود ضمیمه کنید
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  

http://www.worldup.ir/