cast
مرجان هرندی

آموزش هایپرلینک کردن در فتوشاپ (افزودن لینک به تصاویر در Photoshop)

مرجان هرندی
20 تیر 1402
4587
11
متن مقاله

هایپرلینک کردن در فتوشاپ

قطعا همه شما میدونید که هایپرلینک چیست و برای چی و چه زمانی استفاده میشود. همانطور که می‌دانید هایپرلینک (Hyperlink) به متن یا نمادی گفته می‌شود که با کلیک بر روی آن، کاربر به صفحه‌ای دیگر منتقل می‌شود. ممکن است بسیاری از شما در وب‌سایت‌ها، مستندات، ایمیل‌ها، نرم‌افزارها و یا در هر جا که نیاز به ارجاع به منابع دیگر و ایجاد پیوند به صفحات دیگر وجود داشته، از هایپرلینک استفاده کرده اید باشد. افزودن لینک در همه نرم افزارها به سادگی افزودن لینک به یک متن در فایل‌های Word و نرم‌افزارهای ویرایش متن نیست برای مثال افزودن هایپرلینک در  Adobe Illustrator وPhotoshop  به سادگی این نرم افزار ها نیست زیرا این گزینه در این  برنامه ها تعبیه نشده است البته راه‌هایی برای انجام این کار وجود دارد که بتوانید به متون، تصاویر و آبجکت‌های موجود در نرم‌افزارهای ادوبی هایپرلینک اضافه کنید. در ادامه همراه ما باشید تا نحوه هایپرلینک کردن در فتوشاپ را یاد بگیرید. اگر هنوز نرم افزار پرکاربرد فتوشاپ را یادنگرفته اید همین حالا به سایت آپادمی مراجعه کنید و از بخش دوره های آموزش پکیج آموزش فتوشاپ را تهیه کنید.

هایپرلینک کردن در فتوشاپ

مقاله پیشنهادی: فتوشاپ چیست؟

هایپرلینک چیست؟ 

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

هایپرلینک چیست؟ 

مقاله پیشنهادی: نرم افزارهای کاربردی گرافیک

افزودن هایپرلینک به تصاویر در فتوشاپ

در این بخش نحوه درج هایپرلینک روی تصاویر در فتوشاپ را به شما آموزش خواهیم داد.  برای انجام این کار مراحل زیر را دنبال کنید:
1.  استفاده از ابزار “Slice” یکی از ساده ترین راه ها برای افزودن لینک به فتوشاپ است. با این حال باید به این نکته توجه داشته باشید که تصاویر و یا فایل خود را باید به صورت یک فایل “HTML” ذخیره کنید و سپس به اشتراک بگذارید. 
2.  ابتدا باید فایل خود را در فتوشاپ باز کنید و مشخص کنید که در کدام بخش از تصویر می خواهید یک هایپرلینک اضافه کنید. سپس ابزار Slice، را انتخاب کنید. برای انتخاب این ابزار باید نشانگر ماوس خود را بر روی ابزار “Crop” نگه دارید تا منوی زمینه گسترش پیدا کند، اکنون ابزار Slice را انتخاب کنید. همچنین شما می توانید با استفاده از کلید میانبر “C” نیز این ابزار را در حالت انتخاب قرار دهید.

ابزار “Slice در فتوشاپ

3.  پس از انتخاب ابزار با استفاده از نشانگر ماوس، می‌توانید محدوده‌ای را که می‌خواهید به صورت یک هایپرلینک قابل کلیک قرار دهید، انتخاب کنید. سپس با کلیک راست بر روی این محدوده، منویی باز می‌شود که در آن باید گزینه "Edit Slice Options" را انتخاب کنید.
4.  سپس در منوی باز شده لینک مورد نظر را در قسمت «URL» وارد کنید و  OK را بزنید. اگر می‌خواهید لینک موجود در پنجره‌ای جداگانه باز شود، در کادر «Target» عبارت «blank_» را وارد کرده و سپس بر روی «OK» کلیک کنید.

افزودن هایپرلینک به تصاویر در فتوشاپ

5.  در ادامه، باید فایل خود را به صورت یک فایل HTML ذخیره کنید. برای این کار، به منوی "File" رفته و گزینه "Save for Web" را انتخاب کنید. در پنجره باز شده، باید گزینه "HTML" را انتخاب کرده و سپس فایل HTML خود را ذخیره کنید.
6.  برای ذخیره‌ی فایل، وارد منویFile  شوید و از بخش Export گزینه‌ی Save for Web Legacy را بزنید. در کادر جدیدی که باز خواهد شد، فقط باید گزینه‌یPreset را انتخاب کنید. در این بخش یکی از گزینه‌های «JPG» یا «PNG» را انتخاب کرده و بر روی «Save» کلیک کنید.

 ذخیره‌ کردن فایل در فتوشاپ

7.  در کادر بعدی، نام مورد نظر برای فایل را انخاب نموده و در قسمت «Format» گزینه‌ی «HTML and Images» را انتخاب کنید. در نهایت بر روی «Save» کلیک نمایید.
اکنون که لینک دار کردن عکس در فتوشاپ را یاد گرفتید به سراغ نحوه افزودن لینک در ایلاستریتور میپردازیم در ادامه همراه ما باشید.

مقاله پیشنهادی:  ایلوستریتور چیست؟

نحوه اضافه کردن هایپرلینک در ایلاستریتور

نحوه افزودن هایپرلینک در نرم‌افزار ادوبی ایلوستریتور ساده‌تر از نرم افزار فتوشاپ است اما در این نرم‌افزار هم نیز محدودیت هایی وجود دارد که در این بخش به صورت کامل توضیح خواهیم داد. برای افزودن لینک در ایلاستریتور مراحل زیر را به ترتیب انجام دهید: 
1.  ابتدا ابزار متن یا Text (کلید میانبر T) را انتخاب کنید سپس متن لینک را روی عکس یا شیء موردنظر قرار دهید. به یاد داشته باشید که ابتدای لینک از عبارت مربوط به پروتکل یعنی http://‌ یا https:// استفاده کنید.
2.  سپس متن لینک را باید مخفی کنید برای مثال می‌توانید متن لینک را زیر عکس یا شیء دیگر قرار دهید. برای این کار باید روی لینک راست‌کلیک کنید و گزینه‌ی Arrange و سپس Send to Back را انتخاب کنید. 
3.  پس از انجام مراحل قبل از منوی File گزینه‌ی Save as را انتخاب کنید. در پنجره‌ی ذخیره کردن، فایل خود را با فرمت PDF ذخیره کنید.
توجه کنید که این روش در مورد جعبه‌ی متن یا Text Box پاسخگو نیست. در این موارد می‌توانید مراحل فوق را انجام دهید اما می‌بایست متن به صورت Outline تبدیل شود. برای این کار کافی است روی کادر متن راست‌کلیک کرده و گزینه‌ی Create Outlines را انتخاب کنید. توجه کنید که با این روش، نمی‌توانید در ادامه متنی که قبلاً تایپ کرده‌اید را ویرایش کنید. بنابراین در صورت وجود کادر متنی و نیاز به لینک کردن آن به صفحه‌ای از سایت، می‌بایست ابتدا مراحل تایپ و ویرایش طراحی را تکمیل کنید و سپس از گزینه‌ی Create Outlines استفاده کنید.

پکیج پیشنهادی: پکیج آموزش ایلاستریتور

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

فتوشاپ2
کارت ایلاستریتور
کارت فریلنسینگ 1
کارت پست پروداکشن

مقالات مشابه

گرافیک
دو نرم ‌افزار فتوشاپ و ایلاستریتور که هر دو محصول شرکت Adobe هستند در...
گرافیک
یکی از مهمترین قطعات تاثیرگذار در عملکرد فتوشاپ پردازنده یا(CPU) است....
گرافیک
نرم‌افزار محبوب و قدرتمند فتوشاپ بازار کار بسیار گسترده‌ای دارد که شما...
معماری
محیط کار و رابط کاربری ایلوستریتور پیچیده‌تر از کورل دراو می‌باشد و به...
کاربر عزیز نظر خود را درباره ی مقاله ی بالا برای ما بنویسید.

گلناز یونسی Guest User
10 دی 1402 - ساعت 16:05
پاسخ

مفیدو مختصر عالی بود

مدیر سایت Apademy Admin
مدیر

وقت بخیر
ممنون، موفق باشید.

Fatemeh Koosanjian Guest User
26 آذر 1402 - ساعت 13:48
پاسخ

دوستان برای حل مشکل اضافه کردن هایپرلینک در ادوب ایلاستریتور این راه رو امتحان کنید:
انتخاب ابجکت یا تصویر موردنظرتون
از نوار بالا تب window رو انتخاب کنید و گزینه Attributes رو برای باز شدن پنل انتخاب کنید
در نوار لینک خودتون رو وارد کادر ایجاد لینک کنید
و نهایتا خارج از پنل کلیک کنید تا تغییرات اعمال بشن
فایل رو بصورت pdf یا html ذخیره کنید

نوید عسکری نژاد Guest User
21 آبان 1402 - ساعت 11:58
پاسخ

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

کیارش فتاحی Guest User
09 مهر 1402 - ساعت 15:27
پاسخ

عالی بود

مدیر سایت Apademy Admin
مدیر

ممنون موفق باشید.

ایدا ممقانی Guest User
09 شهریور 1402 - ساعت 14:55
پاسخ

چگونه در پی دی اف هایپرلینک درست کنیم؟

مهسا صفری Guest User
28 مرداد 1402 - ساعت 15:38
پاسخ

بسیار عالی مفید و کاربردی بود

مدیر سایت Apademy Admin
مدیر

وقت بخیر
ممنون، موفق باشید.

ریحانه هاشمی Guest User
15 مرداد 1402 - ساعت 11:48
پاسخ

آموزش خوبی بود ممنون

مدیر سایت Apademy Admin
مدیر

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