அடோப் ஃபோட்டோஷாப் பயன்படுத்தி 3 டி பட்டன்களை உருவாக்குவது எப்படி

நீங்கள் உருவாக்கக்கூடிய பல அற்புதமான விஷயங்கள் உள்ளன அடோ போட்டோஷாப் எளிய படச்சட்டங்கள் முதல் சிக்கலான UI கள் வரை ஆன்லைனில் பயனுள்ளதாக இருக்கும். ஃபோட்டோஷாப்பில் நீங்கள் உருவாக்கக்கூடிய மிகவும் பயனுள்ள விஷயங்களில் ஒன்று 3D பொத்தான்கள் ஆகும், நீங்கள் ஒரு தனிப்பயன் இடைமுகத்துடன் ஒரு வலைப்பதிவு அல்லது வலைத்தளத்தை இயக்கினால் அது பயனுள்ளதாக இருக்கும்.

இந்த கட்டுரையில், காட்சி 'அப்' மற்றும் 'டவுன்' நிலைகளுடன், ஃபோட்டோஷாப் பயன்படுத்தி 3 டி பட்டன்களை எப்படி உருவாக்குவது என்பதை காண்பிப்போம், எனவே நீங்கள் அவற்றை உயிரூட்டலாம். (இந்த கட்டுரையில் நாங்கள் அனிமேஷனை உள்ளடக்க மாட்டோம்.)

படி 1: உங்கள் ஆவணத்தைத் தயாரிக்கவும்

3 டி பட்டன்கள் இணையதளங்களில் அடிக்கடி பாப் அப் செய்யும் போது, அனிமேஷன் செய்யப்பட்ட ஜிஐஎஃப், போலி-அப் தயாரிப்பு காட்சிகள் மற்றும் மொபைல் கேம்கள் போன்ற பிற பயன்பாடுகள் உள்ளன என்பதை கவனத்தில் கொள்ள வேண்டும். நீங்கள் எதற்காக இந்த பொத்தானை உருவாக்குகிறீர்கள் என்பதைப் பொறுத்து, உங்கள் இறுதி கோப்பு வடிவம் மற்றும் அதன் பரிமாணங்கள் மாறுபடலாம்.

ஃபோட்டோஷாப்பில் ஒரு 3D பொத்தானை உருவாக்க, நீங்கள் ஒரு தனிப்பயன் ஆவணத்தை உருவாக்க வேண்டும். இதைச் செய்ய, ஃபோட்டோஷாப்பைத் திறந்து, அதைக் கிளிக் செய்யவும் புதிய> விருப்பத்தை உருவாக்கவும் . உங்கள் மதிப்புகளை உள்ளிடத் தொடங்குங்கள்.

ஒரு 3D பொத்தானை உருவாக்க, நீங்கள் ஒரு கிடைமட்ட ஆவணம் வேண்டும். எங்களுக்காக, நாங்கள் பயன்படுத்தினோம்:

900 x 300 பிக்சல்கள் உயரம்
300 பிக்சல்கள்/அங்குலம்
RGB வண்ண முறை

இந்த விவரக்குறிப்புகள் கண்டிப்பாக கடினமான மற்றும் வேகமான விதி அல்ல என்றாலும், இது உங்களுக்கு வேலை செய்வதற்கு போதுமான அறை இருப்பதை உறுதி செய்யும், மேலும் உங்கள் பொத்தானின் அளவை தேவைக்கேற்ப மேலேயும் கீழேயும் அளவிடும் திறன்.

படி 2: உங்கள் 3D பட்டனுக்கு உங்கள் செவ்வகத்தை அமைக்கவும்

உங்கள் கோப்பிற்கான விவரக்குறிப்புகளை அமைத்த பிறகு, நீங்கள் உங்கள் பணியிடத்திற்கு கொண்டு வரப்படுவீர்கள். நீங்கள் ஒரு அடுக்கில் ஒரு கிடைமட்ட வெள்ளை கேன்வாஸைப் பெறப் போகிறீர்கள், இங்குதான் உங்கள் பொத்தானை உருவாக்கத் தொடங்குவீர்கள்.

உங்கள் 3D பொத்தானை உருவாக்க, அதில் கிளிக் செய்யவும் வட்டமான செவ்வக கருவி உங்கள் திரையின் இடது பக்கத்தில், இங்கே சிவப்பு நிறத்தில் காணப்படுகிறது. நீங்கள் குறுக்குவழியையும் பயன்படுத்தலாம் யு அதை அணுக.

உங்கள் வெள்ளை அடுக்கில் ஒரு முறை கிளிக் செய்யவும்: இது தானாகவே உங்களுடையது வட்டமான செவ்வகத்தை உருவாக்கவும் பெட்டி. உங்கள் செவ்வகத்தின் பரிமாணங்களைக் குறிப்பிட இந்தப் பெட்டியைப் பயன்படுத்துவீர்கள்.

எங்கள் பொத்தானுக்கு, நாங்கள் இதனுடன் சென்றோம்:

300 பிக்சல்கள் அகலம்
75 பிக்சல்கள் உயரம்

மூலைகளிலும் 10 பிக்சல்கள் வட்டமாக இருப்பதை உறுதி செய்தோம். மிக அதிகமாக இல்லை, மிகக் குறைவாகவும் இல்லை. பிறகு அழுத்தினோம் சரி .

குறிப்பு: பொத்தான்கள் அளவு மற்றும் வடிவத்தைப் பொறுத்து மாறுபடும், எனவே நீங்கள் இந்த சரியான பரிமாணங்களைப் பயன்படுத்த வேண்டும் என்று நினைக்க வேண்டாம். கூடுதலாக, குறுக்குவழிகளைப் பற்றிய கூடுதல் தகவலை நீங்கள் தேடுகிறீர்களானால், இங்கே சில மிகவும் பயனுள்ள ஃபோட்டோஷாப் விசைப்பலகை கட்டளைகள் .

நீங்கள் அழுத்தும்போது சரி ஃபோட்டோஷாப் உங்கள் அடுக்குக்குள் இந்த பரிமாணங்களுடன் ஒரு வட்டமான செவ்வகத்தை உருவாக்கும். நீங்கள் அதை மாற்றலாம் நிரப்பு மற்றும் பக்கவாதம் உங்கள் திரையின் மேல் இடது மூலையில் உள்ள கீழ்தோன்றும் மெனுவைப் பயன்படுத்தி வண்ணங்கள்.

இந்த டுடோரியலின் நோக்கத்திற்காக --- மற்றும் 'அப்' மற்றும் 'டவுன்' பட்டன் எப்படி இருக்கும் என்பதை விளக்குவதற்கு --- நாங்கள் எங்கள் 'டவுன்' பட்டனை சிவப்பு நிறமாக்கப் போகிறோம்.

படி 3: உங்கள் பட்டனை 3D ஆக்கவும்

உங்கள் அடிப்படை பொத்தானை உருவாக்கி அதன் நிறத்தைத் தேர்ந்தெடுத்த பிறகு, நீங்கள் அதை சரிசெய்ய விரும்புகிறீர்கள் அடுக்கு உடை உரையாடல் பெட்டி. இது மேலும் 3D யாக தோற்றமளிக்கும்.

உங்கள் அணுக அடுக்கு உடை உரையாடல் பெட்டி, நீங்கள் செல்லலாம் அடுக்கு> அடுக்கு உடை மேல் மெனுவிலிருந்து. உங்கள் பொத்தானைக் கொண்டிருக்கும் லேயரை இருமுறை கிளிக் செய்து, தானாகவே கொண்டு வரலாம். இந்த வழி மிகவும் விரைவானது மற்றும் நாங்கள் தனிப்பட்ட முறையில் அதை விரும்புகிறோம்.

உங்கள் லேயர் ஸ்டைல் பாக்ஸ் முடிந்தவுடன், விருப்பத்திற்கு செல்லவும் பெவல் & எம்போஸ் . அதை இயக்கவும்.

உங்கள் பொத்தானின் விளிம்புகள் மேலும் உயர்த்தப்பட்ட, '3D' தோற்றத்தை கொடுக்க இது விரைவான மற்றும் எளிதான வழியாகும். இந்த டுடோரியலுக்கு, நாங்கள் பயன்படுத்திய அமைப்புகள் இவை:

அமைப்பு

உடை: உள் நுனி
நுட்பம்: உளி மென்மையானது
ஆழம்: 605
திசையில்: வரை
அளவு: 5
மென்மையாக்கு: 1

நிழல்

கோணம்: 90
உயரம்: 37
ஹைலைட் பயன்முறை: கலர் டாட்ஜ், 55% ஒளிபுகாமை
நிழல் முறை: பல, 25% ஒளிபுகா

தந்திரம் என்னவென்றால், நீங்கள் சில வித்தியாசங்களைக் காணும் அளவுக்கு அமைப்புகளை அதிகமாக்குவது, ஆனால் அது மிகவும் வலுவாக இல்லை.

நாங்கள் பெவெல் மற்றும் எம்பாஸை முடித்த பிறகு, நாங்கள் சென்றோம் விளிம்பு மேலும் அதையும் ஆன் செய்தார். விளிம்பு பெவல் மற்றும் எம்போஸின் வரையறையை சிறிது வலுவாக ஆக்குகிறது, மேலும் இந்த டுடோரியலுக்காக நாங்கள் அமைப்பைத் தேர்ந்தெடுத்தோம் கூம்பு - தலைகீழ் .

அடுத்து, இயக்கவும் சாய்வு மேலடுக்கு . இது வட்டமான, சற்று 'பளபளப்பான' தோற்றத்தைக் கொடுக்கும் ஒரு பொத்தானை அளிக்கிறது. அமைப்புகள் பின்வருமாறு:

கலப்பு முறை: மேலடுக்கு
ஒளிபுகாநிலை: 90
உடை: நேரியல்
கோணம்: 90
அளவு: 100

இறுதியாக, நாங்கள் இயக்கினோம் நிழலை விடுங்கள் , ஒரு வலைத்தளம் அல்லது வலைப்பதிவின் வெள்ளை பின்னணியில் இருந்து பொத்தானை சற்று 'உயர்த்தி' பார்க்க. மீண்டும், இங்கே அமைப்புகள்:

ஆண்ட்ராய்டில் புகைப்படங்களை மீட்டெடுப்பது எப்படி

அமைப்பு

கலப்பு முறை: பல
ஒளிபுகாநிலை: 35
கோணம்: 90
தூரம்: 2
பரவுதல்: 6
அளவு: 8

தரம்

விளிம்பு: நேரியல்
சத்தம்: 0
அடுக்கு நிழலைத் தட்டுகிறது: அன்று

இப்போது இந்த விவரக்குறிப்புகளை அடுக்கு பாணியாக சேமிக்க வேண்டிய நேரம் இது.

படி 4: லேயர் ஸ்டைலாக சேமிக்கவும்

உங்கள் பொத்தானின் அமைப்புகளை முடித்தவுடன், அது 3D ஆகத் தொடங்கும். நீங்கள் ஒன்றுக்கு மேற்பட்ட 3D பொத்தான்களை உருவாக்கும் வாய்ப்புகள் அதிகம் என்பதால், இதைச் செய்வதற்கான விரைவான மற்றும் எளிதான வழியை நாம் கண்டுபிடிக்க வேண்டும்.

இங்கே எப்படி.

கிளிக் செய்வதற்கு முன் சரி இல் அடுக்கு உடை உரையாடல் பெட்டி, கிளிக் செய்யவும் புதிய உடை . நீங்கள் செய்யும்போது, உங்கள் பொத்தானுக்கு நீங்கள் உருவாக்கிய இந்த அடுக்கு பாணியை ஃபோட்டோஷாப் சேமிக்கும்.

நீங்கள் ஃபோட்டோஷாப் சிசியைப் பயன்படுத்துகிறீர்கள் என்றால், இந்தப் புதிய பாணி உங்களிடத்தில் சேமிக்கப்படும் நூலகங்கள் பிரிவு, நீங்கள் மேலே பார்க்க முடியும். இது மிக விரைவானது மற்றும் அணுக எளிதானது.

படி 5: சேமித்த அடுக்கு பாணியை எவ்வாறு பயன்படுத்துவது

இப்போது நீங்கள் உங்கள் பொத்தானை வடிவமைத்து, அதை ஒரு லேயர் ஸ்டைலாக சேமித்துள்ளீர்கள், அதை உங்கள் 'அப்' நிலைக்கு செயலில் பார்ப்போம். பொய்யான வார்த்தை இல்லை, இது உங்கள் வேலை நேரத்தை பாதியாக குறைக்கும்.

முதலில், சிவப்பு பொத்தான் அடுக்குக்கு மேலே மற்றொரு பொத்தானை உருவாக்குவோம். அதை பச்சை நிறமாக மாற்றுவோம்.

அடுத்து --- ஐ கொண்டு வருவதற்கு அடுக்கில் இருமுறை கிளிக் செய்வதற்கு பதிலாக அடுக்கு பாணிகள் உரையாடல் பெட்டி --- உங்கள் அடுக்கு பாணியில் இரட்டை சொடுக்கவும் நூலகங்கள் குழு

நீங்கள் செய்யும் போது, ஃபோட்டோஷாப் அதன் புதிய நிறத்தையும் வடிவத்தையும் வைத்துக்கொண்டு உங்கள் சேமித்த பாணியை உங்கள் புதிய பட்டன் லேயருக்கு தானாகவே பயன்படுத்தும். உங்களிடம் இப்போது இரண்டு பொத்தான்கள் உள்ளன --- ஒன்று மேல் நிலையில், ஒன்று கீழே --- மற்றும் அதைச் செய்வது மிகவும் எளிது. நான் இந்த குறுக்குவழியை விரும்புகிறேன்.

படி 6: உங்கள் பட்டனில் உரையைச் சேர்க்கவும்

அடுத்து, பொத்தானில் உரையைச் சேர்க்கப் போகிறோம்.

உரையைச் சேர்க்க, உங்கள் இரண்டு பொத்தான் அடுக்குகளுக்கு மேலே ஒரு புதிய அடுக்கை உருவாக்கவும். என்பதை கிளிக் செய்யவும் வகை கருவி தட்டச்சு செய்யத் தொடங்க.

இந்த டுடோரியலுக்கு, நாங்கள் 'சந்தா' என்ற வார்த்தையை எழுதப் போகிறோம், ஏனெனில் இது வலைத்தளங்கள் மற்றும் சமூக ஊடக தளங்களில் நீங்கள் அடிக்கடி பார்க்கும் ஒன்று.

நாங்கள் ஒரு சான் செரிஃப் வலை-பாதுகாப்பான எழுத்துருவைப் பயன்படுத்தப் போகிறோம். உங்கள் சொந்த பொத்தானுக்கு நீங்கள் எதைப் பயன்படுத்துகிறீர்கள் என்பதற்கான இறுதி தேர்வு உங்களுடையது. மான்செராட், ப்ராக்ஸிமா நோவா, ஏரியல் மற்றும் வெர்டானா ஆகியவை பரவலாகப் பயன்படுத்தப்படும் மாற்று மற்றும் இணையத்திற்கு பாதுகாப்பானவை.

எவ்வாறாயினும், இது முடிந்தபின், இந்த உரையை 'பாப்' பெற நீங்கள் இன்னும் சில நுட்பமான மாற்றங்கள் செய்ய வேண்டும்.

முதலில், உங்கள் உரையைக் கொண்டிருக்கும் லேயரில் இருமுறை கிளிக் செய்யவும் அடுக்கு உடை உரையாடல் பெட்டி.

அடுத்து, கிளிக் செய்யவும் உள் நிழல் , உங்கள் உரையில் சிறிது மனச்சோர்வை (அல்லது மூழ்கிய பகுதி) சேர்க்க. இது பொத்தானில் எழுத்துக்கள் பொறிக்கப்பட்டிருப்பது போல் தெரிகிறது. இந்த டுடோரியலுக்கு நாங்கள் பயன்படுத்திய சரியான அமைப்புகள் கீழே உள்ளன.

அமைப்பு

கலப்பு முறை: பெருக்கவும்
ஒளிபுகாநிலை: 35
கோணம்: 90
தூரம்: 2
மூச்சுத் திணறல்: 4
அளவு: 1

தரம்

விளிம்பு: நேரியல்
சத்தம்: 0

அடுத்து, விண்ணப்பிக்கவும் a சாய்வு மேலடுக்கு அந்த கடிதங்களுக்கு, அவற்றை தட்டையாகத் தெரியாமல் பொத்தானில் எளிதாகக் கலக்கச் செய்ய. மீண்டும், எங்களுக்கான அமைப்புகள்:

கலப்பு முறை: கலர் பர்ன்
ஒளிபுகாநிலை: 90
உடை: நேரியல்
கோணம்: 90
அளவு: 100

படி 7: முடித்தல்

இந்த உரை நடையை நீங்கள் உருவாக்கிய பிறகு --- குறிப்பாக நீங்கள் அதை மீண்டும் பயன்படுத்த விரும்பினால் --- க்குச் செல்லவும் புதிய உடை நீங்கள் கிளிக் செய்வதற்கு முன் அதை சேமிக்கவும் சரி .

அது மூடப்பட்டவுடன், உங்கள் இரண்டு பொத்தான் அடுக்குகளுக்கு இடையிலான தெரிவுநிலையை விரைவாக முன்னும் பின்னுமாக மாற்றலாம், 'மேல்' மற்றும் 'கீழ்' நிலைகள் எப்படி இருக்கும் என்பதைப் பார்க்க.

மிகவும் அருமை, இல்லையா? உங்கள் கோப்பைச் சேமிக்க, செல்லவும் கோப்பு> இவ்வாறு சேமிக்கவும் மற்றும் நீங்கள் வேலை செய்யும் எந்த திட்டத்திற்கும் சரியான கோப்பு வடிவமாக சேமிக்கவும்.

3 டி பட்டன்கள் மற்றும் விட்ஜெட்களுடன் உங்கள் வலைப்பதிவைத் தனிப்பயனாக்கவும்

ஃபோட்டோஷாப்பில் 3 டி பொத்தான்களை எப்படி உருவாக்குவது என்பது இப்போது உங்களுக்குத் தெரியும், உங்கள் தேவைகளுக்கு ஏற்ப உங்கள் சொந்த 3 டி பொத்தான்களை வடிவமைத்து, அதை ஆக்கப்பூர்வமாகப் பெறலாம். உங்கள் ஆயுதக் களஞ்சியத்தில் உள்ள இந்த திறன்களைக் கொண்டு நீங்கள் தொழில்முறை மட்டுமல்ல, தனிப்பட்ட தோற்றமும் கொண்ட ஒரு தயாரிப்பை உருவாக்கலாம்.

இந்த திட்டத்தில் நீங்கள் செய்யக்கூடிய மற்ற விஷயங்களைப் பற்றி தெரிந்து கொள்ள வேண்டுமா? இதோ ஃபோட்டோஷாப்பில் பின்னணியை எவ்வாறு அகற்றுவது .

பகிர் பகிர் ட்வீட் மின்னஞ்சல் ஆண்ட்ராய்டில் கூகுளின் பில்ட்-இன் பப்பில் லெவலை எப்படி அணுகுவது

நீங்கள் எப்போதாவது ஏதாவது ஒரு பிஞ்சில் சமமாக இருப்பதை உறுதி செய்ய வேண்டியிருந்தால், இப்போது உங்கள் தொலைபேசியில் ஒரு குமிழி அளவை நொடிகளில் பெறலாம்.

அடுத்து படிக்கவும் தொடர்புடைய தலைப்புகள்

கிரியேட்டிவ்
அடோ போட்டோஷாப்
பட எடிட்டிங் குறிப்புகள்
போட்டோஷாப் பயிற்சி

எழுத்தாளர் பற்றி ஷியான் எடெல்மேயர்(136 கட்டுரைகள் வெளியிடப்பட்டன)

ஷியன்னே வடிவமைப்பில் இளங்கலை பட்டம் மற்றும் போட்காஸ்டிங்கில் பின்னணி பெற்றவர். இப்போது, அவர் ஒரு மூத்த எழுத்தாளர் மற்றும் 2D இல்லஸ்ட்ரேட்டராக பணிபுரிகிறார். அவர் MakeUseOf க்கான படைப்பு தொழில்நுட்பம், பொழுதுபோக்கு மற்றும் உற்பத்தித்திறனை உள்ளடக்கியுள்ளார்.

ஷியன்னே எடெல்மேயரிடமிருந்து மேலும்

எங்கள் செய்திமடலுக்கு குழுசேரவும்

தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

குழுசேர இங்கே சொடுக்கவும்