نوشته‌ها

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

Definition mockup (5)

موکاپ چیست ؟!!

موکاپ چیست ؟!!

موکاپ چیست ؟!!

 

 

تعریف موکاپ :

در اصل طراحان وب و گرافیک به فایلهای پیش نمایش موکاپ می گویند .

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

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

فایل های موکاپ با فرمت psd و tif ساخته می شوند .

موکاپ چیست ؟!!

 

 

 

 

یک مثال ساده :

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

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

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

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

موکاپ چیست ؟!!

 

 

 

 

 

مزایای موکاپ !!

  • با چند کلیک ساده به راحتی می توانید طرح مورد نظرتان را روی موضوعی که دوست دارید قرار دهید.
  • ایجاد جذابیت برای مشتری در ارائه نمونه کار
  • بازدید نهایی کار اجرایی در قالب تصویر قبل از اجرا
  • رفع عیب و نقص طراحی قبل از اجرا
  • ذخیره به عنوان تصویر
  • امکان انجام تمامی افکت ها و استفاده از ابزار برای تغییر طرح

 

 

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

به زودی برای شما آموزش استفاده از موکاپ را خواهیم گذاشت.

 

چگونه موکاپ بسازیم ؟؟!!

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

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

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

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

Untitled-1

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

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

مرحله اول :

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

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

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

مرحله دوم :

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

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

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

مرحله سوم :

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

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

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

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

مرحله چهارم :

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

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

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

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

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

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

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

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

مرحله پنجم :

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

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

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

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

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

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

Untitled-2

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

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

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

Untitled-1

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

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

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

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

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

مرحله اول :

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

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

مرحله دوم:

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

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

مرحله سوم:

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

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

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

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

مرحله چهارم:

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

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

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

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

Untitled-2

matn -az-kelk-be-photoshop

آموزش نحوه انتقال متن از برنامه کلک به فوتوشاپ

آموزش نحوه انتقال متن از برنامه کلک به فوتوشاپ

Untitled-1

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

مرحله اول :

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

مرحله دوم :

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

matn-az-kelk-be-photoshop-8

مرحله سوم :

از مسیر file گزینه print را انتخاب کرده که پس از کلیک با صفحه زیر مواجه میشوید.
در این صفحه گزینه ها type ، size ، range و … می باشد . ازآنجایی که در فوتوشاپ این اندازه را می شود تغییر داد با این گزینه ها کاری نداریم. تنها گزینه انتخاب پرینتر می باشد .در گوشه پایین سمت راست با زدن آیکون printer setup میتواند وارد صفحه جدید شده و گزینه Win2PDF را انتخاب نمایید.پس از آن گزینه print را زده و در پوشه مورد نظر save میکنید.

  • تذکر: متن میبایست در داخل کادر نقطه چین به صورت کامل قرار گرفته باشد در غیر اینصورت با بردن ماوس روی این قسم فلش ماوس به شکل دست شده که میتوان محل قرارگیری متن را جابجا کرد.

matn-az-kelk-be-photoshop-7matn-az-kelk-be-photoshop-6matn-az-kelk-be-photoshop-5

مرحله چهارم :

برنامه فوتوشاپ را باز کنید Ctrl+O را زده و از پوشه ای که فایل PDF را در آن ذخیره کرده اید ، فایل ذخیره شده باز کنید.
با باز کردن فایل PDF صفحه زیر باز می شود .که میبایست اندازه و رزولویشن آن را مطابق نیاز خود قرار دهید .

matn-az-kelk-be-photoshop-4

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

matn-az-kelk-be-photoshop-3matn-az-kelk-be-photoshop-2حالا شما متن خود را میتوانید در هر اندازه با کیفیت مناسب وارد محیط فوتوشاپ کنید .matn-az-kelk-be-photoshop-1

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

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