طراحی لوگو, ویژه

طراحی لوگو با Illustrator

طراحی لوگو بی نهایت قسمت 1 (Illustrator)

این یک آموزش 3 قسمتی است که در آن نحوه ساخت این لوگوی بی نهایت را در 3 برنامه مختلف به شما نشان خواهم داد: Adobe Illustrator، Adobe Photoshop و Sketch by Bohemian Coding.
هدف این است که با ایجاد این در سه برنامه مختلف، تفاوت ها، مزایا و معایب نرم افزار مربوطه را بهتر درک کنید.

اینها برای مبتدیان در نظر گرفته شده است ، بنابراین اگر خیلی کند است ، از ادامه کار رد شوید. قسمت 2 (اسکچ) و قسمت 3 (فتوشاپ) را ببینید

طراحی لوگو با بهترین طراحان لوگو در فریلنس پروژه

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

مرحله 1:

اولین مرحله طراحی لوگو با Illustrator

Illustrator را باز کنید و یک سند جدید با Artboard 1200px x600px ایجاد کنید. می تواند هر اندازه ای که دوست دارید باشد اما برای حفظ همان اندازه از آن استفاده کنید.
با استفاده از ابزار Elipse (L) یک دایره 400 پیکسل در 400 پیکسل ایجاد کنید.
Fill را شفاف کنید. برای این کار به تصویر وسط زیر نگاه کنید. مربع سمت چپ را انتخاب کنید و در منوی رنگی شفاف (بلوک با خط قرمز از طریق آن) را انتخاب کنید.
رنگ Stroke #36499B را بسازید. این بار آیکون سمت راست در تصویر میانی زیر را با دوبار کلیک کردن روی آن انتخاب کنید. سپس مقدار Hex (آنچه را که این اعداد # می نامیم) را در انتخابگر رنگی که ظاهر می شود قرار دهید.

نتیجه نهایی شما باید مانند تصویر سمت راست باشد.
Stroke را 149pt کنید. این کار را با انتخاب پنل stroke در سمت چپ بالای صفحه و وارد کردن شماره خود انجام دهید.

گام 2:

دومین مرحله طراحی لوگو با Illustrator
روی دایره ای که ایجاد کرده اید کلیک کنید و cmd/ctrl+c را فشار دهید. این دایره را کپی می کند. برای چسباندن آن، cmd/ctrl+v را فشار دهید، اکنون باید یکی دیگر را در صفحه مشاهده کنید. اکنون می‌خواهیم آن را در موقعیتی که در تصویر زیر در سمت چپ نشان داده شده است، جابه‌جا کنیم، به‌گونه‌ای که روی اولی همپوشانی داشته باشد و شکل 8 را ایجاد کند.

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

مرحله 3

سومین مرحله طراحی لوگو با Illustrator
اکنون، مانند قبل، از ابزار Ellipse (L) برای ایجاد یک دایره دیگر استفاده کنید. ما می خواهیم عرض Stroke دایره بزرگتر باشد. ما می توانیم این کار را با نگه داشتن shift و کشیدن دایره به بیرون تا اندازه مناسب انجام دهیم. یا می توانیم مقداری را وارد کنیم.

خوشبختانه ما همچنین می توانیم بگوییم که به لطف وزنی که قبلا برای سکته مغزی خود انتخاب کرده بودیم، باید 149 پیکسل در 149 پیکسل باشد. حالا پر این دایره را همرنگ Stroke دایره بزرگتر و Stroke دایره کوچکتر را شفاف کنید. برای این کار مراحلی را که برای دایره های بزرگتر استفاده کردید دنبال کنید.

اکنون، با انتخاب دایره کوچک، cmd/ctrl+c را فشار دهید تا آن را کپی کنید و سپس shift+cmd/ctrl+v را فشار دهید تا دقیقاً در همان مکان دیگری قرار گیرد.
حالا به پنل لایه ها بروید و مطمئن شوید که دایره کوچک پایینی را انتخاب کرده اید.
آن را با #172144 پر کنید.
مرکز: پنل لایه ها، روی دایره کوچک سمت راست کلیک کنید تا یک لایه انتخاب شود.

مرحله 4

چهارمین مرحله طراحی لوگو با Illustrator
با انتخاب این دایره کوچک، به مسیر Effects>Blur>Gaussian Blur بروید و یک پاپ آپ کوچک ظاهر می شود. می خواهیم به این شکل تاری حدود 60 پیکسل بدهیم .فقط مطمئن شوید که کادر پیش نمایش را علامت زده اید تا بتوانید اثر را ببینید.

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

(توجه: برای قسمت بعدی می‌خواهیم به drop shadow بگوییم که کجا قابل مشاهده باشد. دو راه برای انجام این کار وجود دارد: Clipping Mask یا استفاده از Pathfinder Panel. هر دو مزایا و معایبی دارند. Pathfinder زمانی می‌تواند مشکل باشد. ناحیه ای که می خواهید تعریف کنید پیچیده است مانند منطقه ما الان. ما فقط می خواهیم سایه روی شکل زیر و فقط روی یک قسمت کوچک آن ظاهر شود.

عیب دیگر این است که مسیر یاب مخرب است، به این معنی که قسمت هایی از اشکال را حذف می کند و بعداً نمی‌توانید آنها را بازیابی کنید. مزیت Clipping Mask این است که مخرب نیست، به سادگی نواحی شکل را پنهان می‌کند و می‌توانید با استفاده از Pen Tool اشکال پیچیده برای تعریف مناطق ایجاد کنید.

این راهی است که ما می‌خواهیم انجام دهیم. به چند دلیل: این یک راه عالی برای یادگیری در مورد Clipping Mask و Pen Tool است که دو منبع قدرتمند در Illustrator هستند؛ این غیر مخرب است و من تماماً در مورد آن شیط هستم؛ و اینکه Pathfinder در این شرایط برای ما کار کند به همان اندازه پیچیده به عنوان Clipp ماسکی که در شرف ایجاد آن هستیم.)

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

ogo، و نه ما آن را در پایین دایره می خواهیم.
از آنجایی که ناحیه ای که می خواهیم سایه در آن قابل مشاهده باشد، شکل عادی نیست، باید یک قسمت سفارشی ایجاد کنیم. برای این کار از ابزار Pen Tool (P) استفاده می کنیم. ابزار pen به ما اجازه می دهد تا با اتصال نقاطی که با Stroke یا Fill به یکدیگر رسم می کنیم، اشکال سفارشی را ترسیم کنیم. ما به راحتی می توانیم خطوط بین نقاط را با کلیک کردن و کشیدن لنگرها تغییر دهیم. در اینجا زمان کافی برای بررسی کامل ابزار Pen وجود ندارد، بنابراین توصیه می‌کنم ابتدا این پیوند را بخوانید یا با آن بازی کنید تا زمانی که به اندازه کافی برای تعریف منطقه مورد نظر خود احساس اطمینان کنید.

بنابراین با استفاده از ابزار Pen بر روی مرکز سمت چپ دایره کوچک کلیک کنید و شروع به ساختن شکلی کنید که شبیه شکل زیر است. برای به دست آوردن صحیح گوشه های زاویه راست مشکل، alt را در حین بازی با راهنمای لنگر نگه دارید تا آنها را از هم جدا کند. مطمئن شوید که برای درست کردن منحنی ها زمان می گذارید. این بعداً نشان داده خواهد شد.
سپس از پانل لایه‌ها برای انتخاب شکل جدید استفاده کنید و آن را به سمتی که مستقیماً بالای سایه در پانل لایه‌ها باشد حرکت دهید (به زیر مراجعه کنید). سپس کلیک راست کرده و Make Clipping Mask را انتخاب کنید. Voila.
سمت چپ: شکل در حال پیشرفت. سمت راست: شکل نهایی.
سمت چپ: محصول تمام شده راست: مهم است که شکل برش مستقیماً بالای جسمی باشد که می‌خواهیم بریده شود.

مرحله 5:

پنجمین مرحله طراحی لوگو با Illustrator

بنابراین قبل از اینکه به کار ادامه دهیم، باید گروه Clipping که به تازگی ساخته شده است را با دایره کوچک خود گروه بندی کنیم.
بنابراین در پنل لایه ها Clipping Group و دایره بالای آن را انتخاب کرده و cmd/ctrl+g را فشار دهید. این آنها را با هم گروه بندی می کند. ما این کار را به این دلیل انجام می دهیم که می خواهیم دایره را کپی کنیم و در مکان های دیگر در شکل 8 از آن استفاده کنیم.
بنابراین با انتخاب گروه جدید ما، دو بار cmd/ctrl+c و cmd/ctrl+v را فشار دهید تا دو کپی از آن ایجاد شود.
سپس آن دو کپی را مانند تصویر زیر به بالا و پایین دایره بزرگ سمت راست بکشید. این عجیب به نظر می رسد، بنابراین باید آنها را به موقعیت صحیح تبدیل کنیم.
بنابراین با انتخاب گروه دایره پایین، کلیک راست کرده و به Transform> Reflect بروید و یک کادر محاوره ای باز می شود. دکمه پیش نمایش را بررسی کنید و گروه را به صورت عمودی منعکس کنید.
سپس با ابزار Selection (V) گروه را بچرخانید تا در موقعیت مناسب قرار گیرد. این کار را با نگه داشتن ماوس روی گوشه انجام دهید تا یک فلش منحنی ظاهر شود و سپس بکشید.
این روند را برای گروه دیگر نیز تکرار کنید.
سمت چپ: شکل را کپی کنید تا دو تا داشته باشید. سمت راست: آنها را در موقعیت خود در بالا و پایین دایره بزرگتر حرکت دهید.
چپ: سپس گروه را با تبدیل ابزار منعکس کنید و به جهت سمت راست بچرخانید. درست: این چیزی است که در پایان آن باید به نظر برسد

مرحله 6:

ششمین مرحله طراحی لوگو با Illustrator

بنابراین اکنون کار دشواری برای انجام داریم و یک بار دیگر شامل ابزار Pen (P) می شود. می‌خواهیم مسیری را از مرکز سمت چپ دایره بزرگ سمت چپ به مرکز پایین دایره بزرگ سمت راست بکشیم، به زیر مراجعه کنید. ما همچنین باید مطمئن شویم که منحنی آن با شکل 8 مطابقت دارد. ممکن است از خود بپرسید که چرا باید این کار را انجام دهیم؟ ما می خواهیم این قسمت از لوگو کمی روشن تر از بقیه باشد. برای این کار باید اساساً این قسمت را کپی کرده و روی دو دایره بزرگ پایینی قرار دهیم.
بنابراین با استفاده از Pen Tool شروع به ردیابی مسیر شکل 8 تا حد امکان نزدیک کنید. ما به این Path یک Stroke معادل دایره های زیر آن می دهیم، بنابراین 149pt.
پس از تکمیل، رنگ Stroke #425BB2 به آن بدهید.
برای راهنمایی به زیر مراجعه کنید
سمت چپ: من آن را صورتی کردم تا راحت‌تر دیده شود، این مسیر کاملاً با منحنی مطابقت ندارد، بنابراین نیاز به اصلاح دارد که می‌توانیم در مرکز آن را ببینیم. سمت راست: نگاه نهایی.

مرحله 7

هفتمین مرحله طراحی لوگو با Illustrator

خبر خوب: سخت ترین بخش به پایان رسیده است. اگر با معجزه کسی واقعاً این آموزش را پیدا کرد، به اندازه کافی برای انجام آن علاقه داشت و به این نقطه رسید، من با آنها صحبت می کنم. و نه فقط خودم این همان چیزی است که در حال حاضر احساس می شود.
به هر حال،
می‌خواهیم مسیر تازه ایجاد شده خود را در پنل لایه‌ها طی کنیم و آن را به زیر همه گروه‌های دایره کوچک خود منتقل کنیم.
سپس باید گروه دایره کوچک را در مرکز پایین سمت راست شکل 8 انتخاب کنیم و آن را به رنگ مسیر جدید خود در آوریم (به زیر مراجعه کنید زیرا این جمله جهنم گیج کننده بود.)
برای انجام این کار روی گروه دوبار کلیک کنید تا وارد حالت Isolation شوید. این حالت فقط به این معنی است که ما می توانیم در داخل گروه خود کاوش کنیم. سپس یک بار دیگر روی دایره کوچک کلیک کنید تا آن را انتخاب کنید. روی رنگ Fill دوبار کلیک کنید تا انتخابگر رنگ ظاهر شود.
دایره #425BB2 را پر کنید تا با مسیر ما مطابقت داشته باشد.
سمت چپ: مطمئن شوید که ترتیب درست است. وسط: با استفاده از کادر پر برای باز کردن انتخابگر رنگ. راست: جایی که الان باید باشی.

مرحله 8:

هشتمین مرحله طراحی لوگو با Illustrator

خوب پس یک کار دیگر باقی مانده است که انجام دهیم.
باید قسمت روشن‌تر را طوری جلوه دهیم که در ارتفاعی از وسط 8 عبور می‌کند و به آن سایه می‌اندازیم. مسئله این است که ما نیاز داریم که فقط در قسمت دیگر لوگو قابل مشاهده باشد. ما اصلاً نمی خواهیم سرریز شود. این بدان معناست که ما باید یک Clipping Mask دیگر بسازیم. اما قبل از رسیدن به آن نقطه، بیایید سایه را بسازیم.
با انتخاب مسیر خود و کپی کردن آن در محل شروع کنید. برای انجام این کار cmd/ctrl+c و shift+cmd/ctrl+v.
این مسیر را در پانل لایه به زیر دیگری منتقل کنید و سپس رنگ Stroke #172144 را ایجاد کنید که ممکن است

به یاد داشته باشید رنگ سایه ماست
اکنون، درست مانند قبل، با رفتن به Effects>Blur> Gaussian Blur یک افکت تاری اعمال کنید. تاری حدود 60 پیکسل به آن بدهید.
سمت چپ: مطمئن شوید که ترتیب آنها درست است. درست: اینجا جایی است که باید الان باشید.

بسیار خوب، پس آخرین کاری که باید انجام دهیم این است که یک Clipping Mask بسازیم تا سایه به این صورت روی سفید نریزد.
مانند قبل از Pen Tool (P) استفاده می کنیم اما این بار شکل پیچیده تر خواهد بود. برای راهنمایی به زیر مراجعه کنید
بعد از اینکه این شکل را کامل کردید، آن را بکشید تا مستقیماً بالای مسیر سایه ای که ایجاد کردیم باشد.
سپس هر دو را انتخاب کنید، کلیک راست کرده و Make Clipping Mask را انتخاب کنید.
سمت چپ: این تقریباً همان شکلی است که ما نیاز داریم. صورتی است تا بیشتر نمایان شود، زمانی که به صورت یک ماسک برش ساخته شود، رنگ آن از بین خواهد رفت. وسط: از قرارگیری صحیح لایه ها اطمینان حاصل کنید تا ماسک برش کار کند. درست: ما تقریباً تمام شده ایم.
در حال اتمام:

و همین است. انجام شد.

فقط یک کار وجود دارد که باید انجام دهیم.
ما از Strokes به نفع خود با این شکل استفاده کرده‌ایم، اما اشکال استفاده از Strokes این است که آنها با بقیه لوگو کاهش نمی‌یابند. بنابراین اگر این نشان‌واره را کوچک‌تر کنیم، Strokes در 149 پیکسل باقی می‌ماند و بسیار بزرگ به نظر می‌رسد. لوگو را از بین می برد.
بهترین گزینه این است که اکنون این فایل Illustrator را همانطور که هست ذخیره کنید و آن را Infinity_logo_editable.ai یا چیزی دیگر بنامید.
اکنون ابزار Selection Tool (V) را بردارید و یک کادر بزرگ را روی تمام عناصر لوگوی ما بکشید تا آنها را انتخاب کنید. سپس به مسیر Object>Path>Outline Stroke بروید.
این کار Strokes ما را به Outlines تبدیل می‌کند و آنها را مقیاس‌پذیر می‌کند، اما به این معنی است که نمی‌توانیم رنگ‌های آنها را به این راحتی ویرایش کنیم. به همین دلیل نسخه دیگر را ذخیره کردیم. این نسخه را به عنوان Infinity_logo_scalable.ai یا چیزی ذخیره کنید و هی از قبل.
اکنون یک نسخه اصلی دارید که می‌توانید در صورت نیاز به ویرایش مواردی مانند رنگ و طرح‌بندی و همچنین نسخه‌ای که می‌توانید به آسانی آن را افزایش و کاهش دهید، در صورت نیاز به استفاده از آن در سایر اسناد Illustrator و غیره، به آن بازگردید.

اگر از خواندن این مطلب لذت بردید، لطفا روی «اشتراک گذاری» در زیر کلیک کنید.
این به اشتراک گذاری داستان با دیگران کمک می کند.