نوشته‌ها

making-a-mockup-business-cart

آموزش ساخت موکاپ کارت ویزیت

چگونه در فوتوشاپ موکاپ را ایجاد کنیم؟

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

ابتدا تعریف موکاپ رو از اینجا و نحوه استفاده از فایل موکاپ رو از اینجا مطالعه بفرمایید.

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

تنها کاری که می بایست در ابتدا برای ساخت موکاپ انجام بدید اینست که شما مستطیل یا مربعی را با استفاده از ابزار انتخاب و یا شیپ ایجاد میکنید.بعد روی لایه مستطیلی که ایجاد کردید کلیک راست میکنید و با زدن گزینه Convert to Smart Object اون رو به یک فایل موکاپ خام تبدیل می کنید ؛ حالا روی لایه موکاپی که طراحی کردید علاوه بر افکت میتوانید تغییراتی رو بر اساس موکاپی که می خواهید بسازید به تصویرتون بدهید .

بدلیل اینکه آموزش ها شفاف تر بشه و بتونیم بهتر ارائه کنیم ما این مبحث موکاپ رو به صورت پروژه ای آموزش میدیم و در این قسمت از کارت ویزیت شروع کردیم .

حالا برای اینکه آموزش ساخت موکاپ کارت ویزیت رو یاد بگیرید ویدئوی زیر رو تماشا کنید.

امیدوارم ازین آموزش استفاده کامل رو ببرید .سعی کردم خوب توضیح داده باشم.

طرح ترنج | آموزش ساخت موکاپ کارت ویزیت

چگونه از فایل موکاپ استفاده کنیم؟!

چگونه از فایل موکاپ استفاده کنیم؟!

چگونه از فایل موکاپ استفاده کنیم؟!

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

ابتدا تعریف موکاپ رو از اینجا مطالعه کنید.

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

امیدوارم ازین آموزش استفاده کامل رو ببرید .سعی کردم خوب توضیح داده باشم.

Untitled-2

 

neon Text in photoshop (18)

آموزش ساخت متن سه بعدی نئون

آموزش ساخت متن سه بعدی نئون

Untitled-1

سلام

این دفعه با آموزش ساخت یه متن نئون نوردار روی دیوار به طور سه بعدی در فوتوشاپ در خدمت شما هستیم .

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

آموزش رو مثل همیشه با تصویر مرحله به مرحله جلو می بریم.

مرحله اول :

ابتدا تصویر تکسچر دیوار آجری (از اینجا دانلود کنید) رو داخل فوتوشاپ باز می کنیم. ما می بایست دیوارمون رو تاریک کنیم برای اینکار طبق تصاویر از آدرس زیر تصویر رو تغییر رنگ میدیم.

Image/Adjustments/Hue/Saturation

آموزش ساخت متن سه بعدی نئون

مرحله دوم :

سپس متن خودمون رو با استفاده از فونت Electronica Medium ( از اینجا دانلود کنید) و اندازه فونت ۵۰۰ با کد رنگ ۰۰ccff# می نویسیم و از لایه متن یک کپی تهیه میکنیم.

آموزش ساخت متن سه بعدی نئون

مرحله سوم :

بعد از اون لایه متن زیری رو ریسترایز میکنید و از آدرس Filter/Blur/Gaussian Blur فیلتر رو اجرا میکنید تا به شکل زیر در بیاد.

آموزش ساخت متن سه بعدی نئون

مرحله چهارم:

حالا باید روی لایه متن اصلیمون تنظیمات زیر رو انجام بدیم:

آموزش ساخت متن سه بعدی نئون آموزش ساخت متن سه بعدی نئون آموزش ساخت متن سه بعدی نئون آموزش ساخت متن سه بعدی نئونآموزش ساخت متن سه بعدی نئون

مرحله پنجم:

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

و بعد با استفاده از ابزار Pen خطی رو مانند شکل زیر ترسیم میکنیم.

پس از اون با انتخاب ابزار Path selection  وکلیک راست با انتخاب گزینه Stroke Path روی حالت براش گذاشته و کلید تایید را میزنیم تا سیم ما ترسیم بشه.

آموزش ساخت متن سه بعدی نئون آموزش ساخت متن سه بعدی نئون آموزش ساخت متن سه بعدی نئون

حالا باید تنظیماتی روی لایه سیم انجام بدیم تا کارمون از حالت خامی در بیاد.

آموزش ساخت متن سه بعدی نئون

مرحله ششم:

یک لایه جدید بالای لایه دیوار اجاد میکنیم و با انتخاب براش و رنگ آبی با همان کد قبلی و تنظیمات مانند شکل زیر نوری رو برای متن تشکیل میدیم.

آموزش ساخت متن سه بعدی نئونآموزش ساخت متن سه بعدی نئون

حالا لایه نور آبی رنگمون رو در نوار تنظیمات لایه روی حالت Sofe Light قرار میدیم و Opacity رو کم میکنیم تا یک نور معقول برای روی دیوار داشته باشیم.

آموزش ساخت متن سه بعدی نئون

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

ممنون از همراهی شما

آموزش ساخت متن سه بعدی نئون

امیدوارم ازین آموزش استفاده کامل رو برده باشید .سعی کردم خوب توضیح داده باشم.

استفاده از متون و عکس با درج منبع طرح ترنج و آدرس سایت بلامانع است.

Untitled-2

طرح ترنج - آموزش رایگان ساخت متن پشمالو (پرزدار) در فوتوشاپ

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

Untitled-1

با سلام خدمت تمامی همراهان طرح ترنج

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

مرحله اول :

برای این کار اولین مرحله ایجاد پروژه جدید است.

پس از اون متن مورد نظر رو تایپ میکنید (دقت داشته باشید که متن با فونت بولد باشه وفاصله حروف از هم زیاد باشه.)

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

مرحله دوم :

در مراحل بعد تصویر (تکسچر) پوست پلنگ در یک لایه جدید وارد پروژه میکینم . دانلود تکسچر

و بعد از اون ناحیه متن رو به روشی که در تصویر زیر توضیح داده شده انتخاب میکنیم و لایه تکسچر رو انتخاب میکنیم و در همون حالت که متنمون انتخاب شده گزینه Add Layer Mask رو میزنیم.

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپآموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

مرحله سوم :

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

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپآموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

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

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

مرحله چهارم :

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

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

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

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

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

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

من در اینجا با استفاده از گزینه Photo Filter از قسمت Layer  نوار منو به تکسچرمون رنگ دادم .(البته این کار دلخواهی بوده و بستگی به تکسچر داره که آیا نیاز داره یا خیر.)

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

مرحله پنجم :

حالا بکگراند کارمون رو با ابزار گرادیانت رنگ آمیزی میکنیم و برای متنمون سایه ایجاد میکنیم.(که همه چی در تصاویر کاملا مشخصه)

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

و در نهایت نتیجه کار رو مشاهده میکنید.

آموزش ساخت متن پشمالو (پرزدار) در فوتوشاپ

امیدوارم ازین آموزش استفاده کامل رو برده باشید .سعی کردم خیلی عامیانه توضیح داده باشم.

استفاده از متون و عکس با درج منبع طرح ترنج و آدرس سایت بلامانع است.

Untitled-2

طرح ترنج - آموزش آسانترین روش برای حذف بکگراند

آموزش آسانترین روش برای حذف بکگراند

آموزش آسانترین روش برای حذف بکگراند

Untitled-1

با سلام خدمت تمامی همراهان طرح ترنج

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

راهکارهای زیادی برای حذف بکگراند از تصویر وجود داره که هر کدوم شاید شگردی خاصی باشه در طراحی ولی در مواردی حذف بکگراند کار سخت ، وقت گیر و طاقت فرسایی میشه مث حذف پس زمینه شاخ و برگ درخت و یا بکگراند صورت یک زن با موهای ژولیده و ممکنه در آخر کار هم پس از تلاش فروان نتیجه کار دلچسب و مطلوب نباشه .

آموزش آسانترین روش برای حذف بکگراند

ما راحت ترین و اصولی ترین روش رو در اینجا به شما آموزش خواهیم داد.

مرحله اول :

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

آموزش آسانترین روش برای حذف بکگراند

مرحله دوم:

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

آموزش آسانترین روش برای حذف بکگراند

مرحله سوم:

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

آنچه در اینجا اهمیت دارد درصدی است که ما به گزینه Tolerance میدیم .هر چه عدد این گزینه بیشتر باشد حساسیت کار کم و هر چه عدد آن کم باشد حساسیت کار بالا میرود.

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

آموزش آسانترین روش برای حذف بکگراند

مرحله چهارم:

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

آموزش آسانترین روش برای حذف بکگراند آموزش آسانترین روش برای حذف بکگراند

امیدوارم ازین آموزش استفاده کامل رو برده باشید .سعی کردم خیلی عامیانه توضیح داده باشم.

استفاده از متون و عکس با درج منبع طرح ترنج و آدرس سایت بلامانع است.

Untitled-2