آموزش گام به گام طراحی لوگو با فتوشاپ
وقتی پای طراحی لوگو در میان است، هم میتوانیم برنامۀ فتوشاپ را برای طراحی لوگو انتخاب کنیم و هم میتوانیم از برنامۀ ایلوستریتور استفاده کنیم. از آنجایی که برنامۀ فتوشاپ محیط کاربری بسیار روان و کاربرپسندی دارد، شاید خیلی افراد ترجیح دهند در این برنامه مشغول به طراحی لوگو شوند. به همین منظور در این آموزش از خانۀ فتوشاپ میخواهیم به آموزش گام به گام طراحی لوگو در فتوشاپ بپردازیم. پس تا پایان این آموزش همراه ما باشید.
در این صفحه میخوانید:
آموزش گام به گام طراحی لوگو
قبل از این که به سراغ آموزش طراحی لوگو برویم، لازم است دربارۀ رنگها و شکلهای انتخابی برای این لوگو به یک نکته اشاره کنیم. همانطور که میدانید تمام اِلِمانهای یک لوگو در انتقال پیام و احساس مد نظر به مخاطب تأثیرگذارند. به عنوان مثال رنگهای روشن و شاد و خطوط منحنی در کنار یک فونت مناسب میتوانند این مفهوم را به مخاطب منتقل کنند که این برند قرار است یک محصول جالب و شاد را ارائه کند. لوگویی که ما در این آموزش طراحی میکنیم هم شکل یک بستنی است که همین مشخصات را دارد.
حالا بیایید آموزش گام به گام طراحی لوگو در فتوشاپ را با هم شروع کنیم. پس یک سند جدید در فتوشاپ باز کنید و مراحل زیر را طی کنید.
مرحلۀ ۱: شروع آموزش گام به گام طراحی لوگو
اول از همه میخواهیم یک شبکه را روی صفحۀ کارمان بسازیم تا بتوانیم طراحی خود را به دقیقترین شکل ممکن پیش ببریم. برای شبکهبندی کار باید به این مسیر بروید: Edit> Preferences> Guides، Grids & Slices . سپس در پنجرهای که باز میشود میتوانید مشخصات شبکۀ مد نظرتان را انتخاب کنید؛ مشخصاتی مانند این که خطوط شبکه چه قدر از هم فاصله داشته باشند، چه رنگی داشته باشند و … . میتوانید تنظیمات زیر را عیناً برای شبکۀ خود انتخاب کنید. بعد از انتخاب تنظیمات شبکه، Ok را بزنید.
بعد از OK کردن، اگر شبکه روی صفحۀ کارتان ظاهر نشده بود، به مسیر View> Show بروید و گزینۀ Grid را تیک بزنید.
مرحلۀ ۲:
برای کشیدن شکل اصلی لوگو، ابزار Rounded Rectangle را بردارید و شکل یک بستنی را مانند تصویر زیر بکشید. اندازۀ بستنی به دلخواه خودتان است و برای کشیدن دقیق آن نیز میتوانید از خطوط شبکه استفاده کنید. سپس سایر ویژگیهای این شکل را هم (مثل میزان خمیدگی گوشهها، رنگ داخل شکل و … ) طبق تنظیمات زیر و یا به دلخواه خود انتخاب کنید.
مرحلۀ ۳:
حالا میخواهیم رنگ بیشتری به لوگوی خود بدهیم. یک گرادیانت رنگارنگ میتواند این بستنی را تبدیل به یک بستنی یخی تابستانی کند. پس بدنۀ اصلی بستنی (مستطیلی که لبههای گرد دارد) را انتخاب کنید و بعد روی ابزار Gradient کلیک کنید. مشخصات گرادیانت را در پنل Properties مثل تصویر زیر انتخاب کنید (مشخصاتی مانند خطی یا شعاعی بودن گرادیانت و … ). حالا برای تغییر رنگها و یا اضافه کردن رنگ جدید به گرادیانت، روی نوار رنگهای گرادیانت کلیک کنید.
مثلاً روی دستگیرۀ سمت چپ که در تصویر زیر دور آن خط کشیدهایم دابلکلیک کرده، یک رنگ را برای آن انتخاب کنید و OK را بزنید. برای تغییر رنگ سمت راست و یا باقی رنگها هم از همین روش استفاده کنید. همچنین میتوانید زیر این نوار (در قسمت دودی رنگ) کلیک کنید تا یک دستگیرۀ جدید و در واقع یک رنگ جدید به گرادیانت اضافه شود.
مرحلۀ ۴:
حالا میخواهیم جزئیات لوگو را بکشیم و اول از کشیدن پوشش شکلاتی روی بستنی شروع میکنیم. برای این کار اول در پنل Layers روی آیکون + کلیک کنید تا یک لایۀ جدید بسازید. بعد ابزار Pen را انتخاب کنید و حالت Shape را در نوار آپشنهای بالای صفحه برای آن انتخاب کنید. سپس در قسمت Fill یک رنگ را برای پوشش شکلاتی انتخاب کنید.
حالا برای کشیدن این پوشش شکلاتی، یک ناحیه را روی قسمتی از بستنی مثل تصویر زیر بکشید. بعد از این که این قسمت را کشیدید، برای اصلاح هر یک از نقاط هم میتوانید با ابزار Direct Selection آن نقطه را drag و جا به جا کنید.
نکته: دقت کنید که لازم نیست که این پوشش را دقیقاً روی لبههای بستنی بکشید و میتوانید آن را بیرون از ناحیۀ بستنی بکشید؛ چرا که در مرحلۀ بعدی آن را درست به اندازۀ بستنی خواهیم کرد.
مرحلۀ ۵:
حالا برای این که پوشش شکلاتی دقیقاً اندازۀ خود بستنی شود، روی لایۀ شکل شکلات راستکلیک کرده و گزینۀ Create Clipping Mask را انتخاب کنید. دقت کنید که لایۀ شکلات باید بالاترین لایه باشد.
مرحلۀ ۶:
حالا به سراغ اضافه کردن متن به لوگو میرویم. پس ابزار Type را انتخاب کرده و نوع فونت را از بین لیست فونتها انتخاب کنید. همانطور که میدانید نوع فونت و شکل نوشتاری متن میتواند نقش پر رنگی در معرفی یک برند داشته باشد. پس در پنل Properties یک فونت مناسب را برای متن لوگوی خود انتخاب کنید (در متن این لوگو فونت Atrament استفاده شده است). بعد میزان فاصلۀ بین حروف و میزان کشیدگی حروف متن را با استفاده از گزینههایی که در تصویر زیر دور آنها یک مستطیل کشیده شده است، تغییر دهید.
نکته: در این آموزش به منظور این که راحتتر بتوانیم از طراحی خود کپی داشته باشیم، لوگو را روی یک آرت بورد طراحی کردیم. حالا میتوانیم برای کپی کردن چیزی که تا الآن کشیدهایم، روی آیکون آرت بورد در پنل Layers راستکلیک کرده و گزینۀ Duplicate Artboard را انتخاب میکنیم.
مرحلۀ ۷:
خب حالا طراحی لوگوی بستنی در واقع به پایان رسیده است! اما در ادامه به چند نکتۀ دیگر هم در طراحی لوگو اشاره میکنیم. اول این که برای این که نسخههای متنوعی از لوگوی خود را داشته باشید تا بتوانید از آن در هر جایی که لازم بود به راحتی استفاده کنید، رنگ داخل لوگو و خطوط Storke ان را تغییر دهید.
همانطور که در تصویر زیر مشاهده میکنید، از این لوگوی بستنی، چند نسخۀ دیگر که شامل لوگوی سیاه و لوگوی سفید هم هست طراحی شده است. برای مثال میتوانید از لوگوی سفید روی بکگراند تیره و از لوگوی سیاه روی بکگراند روشن استفاده کنیم.
مرحلۀ ۸:
حالا میتوانی از لوگوی خود خروجی بگیرید تا هر جا که میخواهید از آن استفاده کرده و یا با دیگران به اشتراک بگذارید. برای خروجی گرفتن از لوگو، ابتدا روی تمام لایهها در حالتی که کلید Shift را نگه داشتهاید، یکی یکی کلیک کنید تا انتخاب شوند. سپس روی آنها راستکلیک کرده و گزینۀ Merge Layers را انتخاب کنید. قبل از ادغام لایهها مطمئن شوید که از آرت بورد خود کپی برداشتهاید و یا از فایل خود یک نسخۀ دیگر با فرمت PSD ذخیره کردهاید. با این کار میتوانید بعداً دوباره کارتان را در فتوشاپ باز کرده و آن را ادیت کنید.
در نهایت فرمت مناسب را برای کارتان انتخاب کرده و خروجی بگیرید. معمولاً رایجترین فرمت برای لوگو PNG است؛ چرا که میتواند لوگو را با بکگراند ترنسپرنت (بدون بکگراند) ذخیره کند. لوگوی بدون بکگراند برای قراردادن روی هر بکگراند دیگری، بسیار مناسب و کاربردی است.
حالا که آموزش گام به گام طراحی لوگو در فتوشاپ را مشاهده کرده و با روش انجام کار آشنا شدید، کمی از خلاقیت خود را هم چاشنی کار کنید و لوگوی منحصر به فرد خود را طراحی کنید.
لازم است اشاره کنیم که اگر مایل به یادگیری اصول طراحی لوگو هستید، میتوانید از دورۀ آموزش طراحی لوگوی شرکتی در خانۀ فتوشاپ استفاده کنید. با گذراندن این دوره میتوانید لوگوهای جدید و متنوع خود را با رعایت اصول طراحی لوگو، طراحی کنید. از همراهی شما عزیزان سپاسگزاریم.
درباره ریحانه نصیری
توی دانشگاه آیتی خوندم و به فضای وب و گرافیک خیلی علاقه دارم. به نظرم دنیای وب و گرافیک بیانتهاست و من تلاش میکنم سهمی توی نشون دادن بخشی از اون به شما داشتهباشم.
نوشته های بیشتر از ریحانه نصیریمطالب زیر را حتما مطالعه کنید
چگونه در فتوشاپ افکت Halftone Dot Pattern ایجاد کنیم؟
چرا فریلنسرهای خلاق نباید هیچوقت رایگان کار کنند؟
ساخت افکت متن آبنباتی با فتوشاپ
اعمال افکت روح روی متن در فتوشاپ
سایت ساخت عکس با هوش مصنوعی + ویدیو آموزشی
آموزش ساخت افکت سایه طولانی متن در فتوشاپ
دوره های آموزشی مرتبط
آموزش طراحی بک گراند مذهبی
مجموعه بک گراند آتلیه ای و بک دراپ عکاسی
مجموعه قالب سایت فتوشاپ لایه باز
مجموعه فایل لایه باز سوشال مدیا
مجموعه افکت عکس برای فتوشاپ
3 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
خیلی عالی بود ممنون
با سلام و سپاس از همراهی شما دوست عزیز خوشحالیم که مطالب مورد پسند شما واقع شده.
با تشکر
با سلام و احترام
کاربر گرامی پاسخ تیکت شما که در همین رابطه ارسال شده بود داده شده.
با آرزوی شادکامی