آموزش ساخت لوگوی سایت آی فتوشاپ


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

 

مشخصات آموزش

 

سطح:متوسط
زمان:۴۰ دقیقه
نرم ازفزار:فتوشاپ سی اس ۶

 

مرحله ی اول

 

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

 

Ctrl+N

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

خب الان این رنگ رو از پالت رنگها انتخاب کنید

 

۰۰۶۹b3

 

سپس ابزار زیر رو انتخاب کنید کلید میانر حرفU است

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

مانند من یه همچین شکلی ایجاد کنید

 

W:3.95—-H:15.80

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

خب تا اینجاشو همه بلدیم درسته دیگه اسم این شکل رو به فارسی بنویسید حرف آی

 

از کیبورد یکبار حرف V رو بزنید حالا دقت کنیدSHIFT و CTRL رو نگه دارید و اقسمت بالای سمت چپ  شکل رو به پایین بیارید گرفتن شیفت باعث میشه که شکل ما مستقیم بیاد پایین و گرفتن کنترل هم اجازه میده که اون لبه رو بیاریم پاییین

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

مرحله ی دوم

 

رنگ زیر رو انتخاب کنید

 

ef4523

 

حالا ابزار زیر رو انتخاب کنید

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

دقت کنید همیشه اگه می خواید یه شکل دایره سالم داشته باشید باید کلید SHIFT رو نگه دارید…..

 

حالا تنظیمات تولبارتون رو با من من یکی کنید و شکل رو رسم کنید (برای اینکه دچار مشکل نشید روی تصویر کلیک کنید)

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

خب حالا باید اضافات حرف آی رو از داخل دایره  پاک کنید برای اینکار ما باید  باید به سراغ لایه ی حرف آی بریم و با یک پاک کن سخت اضافات توی دایره رو پاک کنیم مانند تصویر زیر

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

خب حالا باز همین ابزار رو انتخاب کنید

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

۰۰۶۹b2

 

مانند تصویر زیر

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

دقت کنید که دایره ی آبی رنگ باید از دایره ی قرمز رنگ نازک تر باشه ها

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

خب من اوپاسیتشو گذاشتم روی چهل درصد اگه دقت کنید می بینیدش خب حرف آی ما تموم شد بریم سراغ حرف بعدی

 

مرحله ی سوم

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

مرحله ی چهارم

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

بعد اینکه اضافاتش رو پاک کردید اوپاسیتیش رو به حالت ۱۰۰ درصد تنظیم کنید

 

حالا با همون ابزار یک مستطیل دیگه با همون رنگ مانند تصویر زیر ایجاد کنید

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

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

 

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

 

 آموزش ساخت لوگوی سایت آی فتوشاپ

 

همین کارو هم برای مستطیل شماره ی یک در تصویر قبلی انجام بدید تا هردو مستطیل شما سیاه دار بشن

 

مرحله ی پنجم

 

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

 

Ctrl+t

 

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

 

flip horizontal

 

رو انتخاب کنید و سپس اون رو مانند تصویر زیر جابه جا کنید

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

خب چون حرف اس ما زیر حرف پی هستش مسلما نیاز به سایه داره

 

خب بریم سراغ ایجاد بخش بعدیش

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

دقت کنید که انتهای این شکل جدید باید با شکل های دیگه در یک ردیف تموم بشه و در یک راستا باشن ن یکی کوچیک یکی بزرگ

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

خب با توجه به مهارتی که توی این آموزش کسب گردید این قسمت هارو باید دیگه خودتون ایجاد کنید مانند تصویر زیر

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

خب با توجه به مهارتی که توی این آموزش کسب گردید این قسمت هارو باید دیگه خودتون ایجاد کنید مانند تصویر زیر

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

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

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

و با اوپاسیتی پایین روی تمام قسمت ها بجز جاهایی که سایه زدیم یکم سایه بزنید  سپس بکگراند رو حذف کنید و اون رو با فرمت پی ان جی سیو کنید اینم تصویر نهایی

 

آموزش ساخت لوگوی سایت آی فتوشاپ

 

تصویر فوق به صورت PNG بدون بکگراند هستش

 

از این لینک می تونید PSD این آموزش رو دانلود کنید

 

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

 

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

 

پس خسته نباشید امیدوارم از این آموزشی که براتون آماده کردم نهایت استفاده رو ببرید در ضمن آیدی ویچت ما پوسید یکی دوتا از دوستان لطف کردن بنده رو ادد کردن برای خودتون خوبه مشکلات جزییتون رو اونجا می تونید از من بپرسید و از آموزش بعدی سایت آگاه بشید یا اینکه بگید آموزش بعدی چی باشه آیدیم توی پروفایلم موجود

 

مراقب خوبی هاتون باشید ایام بکام



آخرین نظرات ثبت شده برای این مطلب را در زیر می بینید:

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

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

شما نیز نظری برای این مطلب ارسال نمایید:


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

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

آپلود عکس دلخواه: