::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : پنجشنبه 14 تیر 1403 - 6:19 قبل از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
12»
آموزش تایپوگرافی ساده با فتوشاپ
تعداد بازدیدvisits : 4144
minion آفلاین



ارسال هاAnswers : 85
عضویتRegistration date : 19 /6 /1393
حمایت کردهThanks : 50
حمایت شدهThanked : 45
آموزش تایپوگرافی ساده با فتوشاپ

مرحله اول :

ابتدا تصویر مورد نظری را که باید تایپو گرافی برحسب آن ساخته شود را توسط برنامه فتوشاپ باز کنید. من از تصویر زیر با سایز ۷۰۰x620 استفاده کرده ام که تصویر کوچک شده آن را مشاهده میکنید.

حال ابزار Quick Selection Tool را از نوار ابزار سمت چپ برنامه انتخاب کنید و اقدام به انتخاب کردن قسمت اصلی تصویر (که قصد دارید تایپو گرافی سازی را روی آن انجام دهید) نمایید. نوار تنظیمات این ابزار در پنل بالایی برنامه باز خواهد شد که شما میتوانید از این نوار تنظیمات اقدام به انتخاب سایز مناسب این ابزار نمایید. من برای این آموزش از سایز ۴۵ این ابزار استفاده خواهم کرد.

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

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

حال با استفاده از کلید ترکیبی Ctrl C اقدام به کپی کردن قسمت انتخاب شده نمایید.

مرحله دوم :

یک داکیومنت جدید با سایز دلخواه خود و یا سایز متناسب با تصویر کپی شده بوجود آورید. من برای این آموزش سایز داکیونت جدید را ۸۵۰x600 در نظر گرفته ام و نام این لایه از این پس Background میباشد.

حال ابزار Paint Bucket Tool را از نوار ابزار سمت چپ برنامه انتخاب کرده، رنگ پیش زمینه را به مشکی با کد رنگی ۰۰۰۰۰۰# تغییر دهید و اقدام رنگ کردن بکگراند با رنگ انتخابی نمایید.

حالا کلید ترکیبی CTrl V را از صفحه کلید بفشارید تا تصویر کپی شده شما در لایه ای جدید و به روی لایه Background انتقال یابد. نام این لایه از این پس Picture خواهد بود. توجه داشته باشید اگر تصویر وارد شده به داکیومنت بزرگ باشد با فشردن همزمان کلید Ctrl T و استفاده از قابلیت Free Transform میتوانید تصویر را به اندازه دلخواه کوچک نمایید.

تا این لحظه تصویر زیر حاصل کارماست.

مرحله سوم:

در این مرحله ابزار Horizontal Type Tool را از نوار ابزار سمت چپ برنامه انتخاب نمایید و اقدام به تایپ متن مورد نظر بر روی کل داکیومنت نمایید و یا متنی را که از جای دیگری کپی کرده اید را وارد نمایید. توجه کنید که متن انتخاب شده و وارد شده شما حداقل روی تصویر را بطور کامل بپوشاند. پس از انتخاب ابزار Horizontal Type Tool در نوار تنظیمات این ابزار که در پنل بالای برنامه باز خواهد شد اقدام به تغییر فونت، سایز و نوع آن نمایید. سایز فونت متن نسبت به ابعاد تصویر متغیر میباشد ولی بهتر است که از فونت کوچکتر و حالت Bold آن استفاده نمایید. مثلا من در این آموزش از فونت Arial با سایز ۱۴ و حالت بولد ورنگ سفید با کد رنگی ffffff # استفاده کرده ام.

نکته : بهترین رنگ برای متن در ایجاد یک تایپوگرافی رنگ سفید میباشد.

پس از وارد کردن متن مورد نظر به مسیر Type->Rasterize Type Layer بروید. با انتخاب این گزینه لایه متن شما به لایه عکس تغییر شکل خواهد داد که در تصویر زیر این تغییر نشان داده شده است

نکته : حتما دقت داشته باشید که لایه متن در کادر لایه ها در حالت انتخاب شده باشد.

مرحله سوم :

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

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

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

سپس به مسیر Select->Inverse بروید. با انتخاب این گزینه شاهد هستید که تصویر اصلی از حالت انتخاب شده خارج شده و تمامی قسمت های باقیمانده به حالت انتخابی تغییر وضعیت خواهند داد. حال از کادر لایه ها لایه متن را انتخاب کنید. سپس کلید Delete از صفحه کلید را بفشارید تا قسمت های اضافی لایه متن بطور کامل حذف گردند.

مرحله چهارم :

به کادر لایه ها بروید و لایه تصویر اصلی (Picture) را به بالای لایه متن انتقال دهید. برای این کار بر روی لایه Picture کلیک کرده و با دراگ کردن، آن را به بالای لایه متن انتقال دهید

در حالی که لایه تصویر اصلی در کادر لایه ها در وضعیت انتخاب شده قرار دارد، Blending Mode لایه را به حالت Overlay تغییر دهید تا متن شما از زیر این لایه قابل رویت گردد.

حالا لایه متن را انتخاب کرده و مقدار Opacity آن را به مقدار لازم کاهش دهید تا توازن بین متن و تصویر برقرار شده و حالت تایپوگرافی مورد نظر ایجاد گردد. من برای این آموزش مقدار Opacity لایه متن را به ۳۵% کاهش داده ام. هرچه مقدار Opacity را کاهش دهید، مقدار محو شدگی متن و تصویر بیشتر خواهد شد.

نکته : تصویر قرار داره شده بعنوان تصویر شاخص با در صد Opacity بالاتر میباشد.

تصویر نهایی ایجاد شده بصورت زیر میباشد.


شنبه 27 دی 1393 - 15:41
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (2) : smaeal - javadkhof -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 1 : آموزش تایپوگرافی ساده با فتوشاپ

عالیه...ولی نمیشد یه عکس مجاز بزاری...:دی


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
شنبه 27 دی 1393 - 15:43
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : minion -
minion آفلاین



ارسال‌هاAsnwers : 85
عضویتRegistration date : 19 /6 /1393
حمایت کردهthanks : 50
حمایت شدهThanked : 45
پاسخAnswer 2 : آموزش تایپوگرافی ساده با فتوشاپ


شنبه 27 دی 1393 - 15:47
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 3 : آموزش تایپوگرافی ساده با فتوشاپ

بعدش اگه امکانش هست متن هارو درست کن...

همشون لینک شدن...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
شنبه 27 دی 1393 - 15:48
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : minion -
minion آفلاین



ارسال‌هاAsnwers : 85
عضویتRegistration date : 19 /6 /1393
حمایت کردهthanks : 50
حمایت شدهThanked : 45
پاسخAnswer 4 : آموزش تایپوگرافی ساده با فتوشاپ

داش شرمنده

میخواستم لینک کدستان رو بزارم نشد

الان هم هر چی سعی میکنم عکس هارو نمیاره اگه سرعت شما بالا باشه ممنون میشم درستش کنید


شنبه 27 دی 1393 - 15:51
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : smaeal -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 5 : آموزش تایپوگرافی ساده با فتوشاپ

تاپیک ویرایش شد...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
شنبه 27 دی 1393 - 16:01
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
minion آفلاین



ارسال‌هاAsnwers : 85
عضویتRegistration date : 19 /6 /1393
حمایت کردهthanks : 50
حمایت شدهThanked : 45
پاسخAnswer 7 : آموزش تایپوگرافی ساده با فتوشاپ

خواهش جواد


شنبه 27 دی 1393 - 17:18
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 8 : آموزش تایپوگرافی ساده با فتوشاپ

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


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
شنبه 27 دی 1393 - 17:20
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
minion آفلاین



ارسال‌هاAsnwers : 85
عضویتRegistration date : 19 /6 /1393
حمایت کردهthanks : 50
حمایت شدهThanked : 45
پاسخAnswer 9 : آموزش تایپوگرافی ساده با فتوشاپ

چشم میزارم


شنبه 27 دی 1393 - 17:24
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 10 : آموزش تایپوگرافی ساده با فتوشاپ

ممنون


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
شنبه 27 دی 1393 - 17:26
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : minion -
oisrex آفلاین



ارسال‌هاAsnwers : 747
عضویتRegistration date : 4 /8 /1393
حمایت کردهthanks : 231
حمایت شدهThanked : 886
پاسخAnswer 11 : آموزش تایپوگرافی ساده با فتوشاپ

نقل قول از minion

داش شرمنده

میخواستم لینک کدستان رو بزارم نشد

الان هم هر چی سعی میکنم عکس هارو نمیاره اگه سرعت شما بالا باشه ممنون میشم درستش کنید

سلام

به اول لینک ها یه پروتکل http اضافه کن (همون http:// هست)


شنبه 27 دی 1393 - 18:23
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : minion -
12»



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex