అడోబ్ ఫోటోషాప్ ఉపయోగించి 3 డి బటన్లను ఎలా సృష్టించాలి

మీరు సృష్టించగల అద్భుతమైన విషయాలు చాలా ఉన్నాయి అడోబీ ఫోటోషాప్ ఆన్‌లైన్‌లో ఉపయోగకరమైనవి, సాధారణ చిత్ర ఫ్రేమ్‌ల నుండి క్లిష్టమైన UI ల వరకు. మీరు ఫోటోషాప్‌లో సృష్టించగల అత్యంత ఉపయోగకరమైన విషయాలలో ఒకటి 3D బటన్‌లు, మీరు అనుకూల ఇంటర్‌ఫేస్‌తో బ్లాగ్ లేదా వెబ్‌సైట్‌ను అమలు చేస్తే ఇది ఉపయోగపడుతుంది.

దృశ్య 'అప్' మరియు 'డౌన్' స్టేట్‌లతో పాటు ఫోటోషాప్‌ని ఉపయోగించి 3 డి బటన్‌లను ఎలా సృష్టించాలో ఈ ఆర్టికల్‌లో మేము మీకు చూపుతాము, కాబట్టి మీరు వాటిని యానిమేట్ చేయవచ్చు. (మేము ఈ కథనంలో యానిమేషన్‌ను కవర్ చేయము.)

దశ 1: మీ పత్రాన్ని సిద్ధం చేయండి

వెబ్‌సైట్లలో 3 డి బటన్‌లు తరచుగా పాపప్ అవుతుండగా, వాటి కోసం యానిమేటెడ్ GIF లు, మాక్-అప్ ప్రొడక్ట్ డిస్‌ప్లేలు మరియు మొబైల్ గేమ్‌లు వంటి ఇతర అప్లికేషన్లు కూడా ఉన్నాయని గమనించాలి. మీరు దేని కోసం ఈ బటన్‌ను సృష్టిస్తున్నారనే దానిపై ఆధారపడి, మీ తుది ఫైల్ ఫార్మాట్ మరియు దాని కొలతలు మారవచ్చు.

ఫోటోషాప్‌లో ఒక 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: పూర్తి చేయడం

మీరు ఈ వచన శైలిని సృష్టించిన తర్వాత --- ప్రత్యేకించి మీరు దీన్ని మళ్లీ ఉపయోగించాలనుకుంటే --- కు వెళ్లండి కొత్త శైలి మరియు మీరు క్లిక్ చేయడానికి ముందు దాన్ని సేవ్ చేయండి అలాగే .

అది ముగిసిన తర్వాత, 'అప్' మరియు 'డౌన్' స్టేట్స్ ఎలా ఉన్నాయో చూడడానికి మీరు మీ రెండు బటన్ లేయర్‌ల మధ్య దృశ్యమానతను త్వరగా ముందుకు వెనుకకు మార్చవచ్చు.

చాలా బాగుంది, హహ్? మీ ఫైల్‌ను సేవ్ చేయడానికి, వెళ్ళండి ఫైల్> ఇలా సేవ్ చేయండి , మరియు మీరు పని చేస్తున్న ఏ ప్రాజెక్ట్‌కైనా సరైన ఫైల్ ఫార్మాట్‌గా సేవ్ చేయండి.

మీ బ్లాగ్‌ను 3D బటన్‌లు మరియు విడ్జెట్‌లతో అనుకూలీకరించండి

ఫోటోషాప్‌లో 3 డి బటన్‌లను ఎలా సృష్టించాలో ఇప్పుడు మీకు తెలుసు, దానితో మీరు సృజనాత్మకతను పొందవచ్చు, మీ అవసరాలకు తగినట్లుగా మీ స్వంత 3 డి బటన్‌లను డిజైన్ చేసుకోవచ్చు. మరియు మీ ఆయుధాగారంలోని ఈ నైపుణ్యాలతో మీరు వృత్తిపరంగా మాత్రమే కాకుండా, వ్యక్తిగతంగా కనిపించే ఉత్పత్తిని కూడా తయారు చేయవచ్చు.

ఈ ప్రోగ్రామ్‌తో మీరు చేయగల ఇతర విషయాల గురించి తెలుసుకోవాలనుకుంటున్నారా? ఇక్కడ ఫోటోషాప్‌లో నేపథ్యాన్ని ఎలా తొలగించాలి .

షేర్ చేయండి షేర్ చేయండి ట్వీట్ ఇమెయిల్ Android లో Google యొక్క అంతర్నిర్మిత బబుల్ స్థాయిని ఎలా యాక్సెస్ చేయాలి

మీరు ఎప్పుడైనా చిటికెలో ఏదో స్థాయిని నిర్ధారించుకోవాల్సిన అవసరం ఉంటే, మీరు ఇప్పుడు మీ ఫోన్‌లో బబుల్ స్థాయిని సెకన్లలో పొందవచ్చు.

తదుపరి చదవండి సంబంధిత అంశాలు

సృజనాత్మక
అడోబీ ఫోటోషాప్
ఇమేజ్ ఎడిటింగ్ చిట్కాలు
ఫోటోషాప్ ట్యుటోరియల్

రచయిత గురుంచి షియాన్ ఎడెల్మేయర్(136 కథనాలు ప్రచురించబడ్డాయి)

షియాన్ డిజైన్‌లో బ్యాచిలర్ డిగ్రీ మరియు పాడ్‌కాస్టింగ్‌లో నేపథ్యం ఉంది. ఇప్పుడు, ఆమె సీనియర్ రైటర్ మరియు 2D ఇల్లస్ట్రేటర్‌గా పనిచేస్తోంది. ఆమె MakeUseOf కోసం సృజనాత్మక సాంకేతికత, వినోదం మరియు ఉత్పాదకతను కవర్ చేస్తుంది.

షియానే ఎడెల్‌మేయర్ నుండి మరిన్ని

మా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి

టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్‌లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!

సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి