Hoe om `n aantreklike knoppie in Photoshop te skep
Knoppies maak `n groot deel van die eerste indruk van bemarking en kry jou aanlynkliënte om iets op jou webwerf te doen, of hulle `n artikel aflaai, jou nuutste artikel koop of selfs net `n e-poslys skryf. So hier sal jy vind hoe om die opvallende knoppie te skep!
stappe
1
Maak Photoshop oop en maak `n nuwe dokument van 220 pixels breed en 100 pixels hoog (hou in gedagte dat ons 72 pixels per duim gebruik).
2
Ons gaan die ronde reghoekgereedskap gebruik. Dit is `n lekker gereedskap, want dit laat jou toe om te spesifiseer hoe afgerond jy die rande wil hê. Kies eers die instrument uit die nutsbalk en verander boonste van die eienskapbalk die radius tot 6 pixels. Teken dan `n geronde reghoek van 205 pixels met 60 pixels na die bokant van die dokument. Laat `n bietjie ruimte onderaan vir die refleksie-effek wat ons later sal byvoeg.
3
Nou sal ons `n mooi gradiënt oorleg toepas. U kan u eie kleure kies, maar ons sal `n treffende oranje gebruik. Om `n gradiënt-oortrek te voeg, maak eers jou voorkleure # f4a007 en jou agtergrondkleur is # ffd11f. Klik dan met die rechtermuisknop op die nuwe vorm en gaan na "Opsies versamel" en dan na "Verlengte oorlay". Sodra jy daar is, klik op die gradiënt in die middel van die paneel en kies die een in die linkerkant. Dit sal jou nuwe agtergrond en voorkleure wees. Klik op "OK" en jy sal die lekker gevoel hê dat jou knoppie reeds verskyn het.
4
Nou wil ons `n mooi glans effek aan die knoppie gee, al is dit aan die kante verlig. Gaan terug na "Blending Options", dan links kliek op die vorm en gaan na "Inner Glow". Voeg die volgende effekte by:
5
Voeg `n eenvoudige agtergrond sodat ons ons harde werk kan sien. Voeg die # 6daf03 as `n agtergrondkleur by met die verf emmer gereedskap.
6
Voeg `n mooi grens wat regtig ooreenstem met die knoppie. In plaas daarvan om bloot `n soliede kleur daaroor te hê, sal die stroke (rand) sy eie helling hê en dit sal `n baie meer realistiese gevoel gee. Eerstens, laat ons ons kleure stel: die voorste # bb7900 en die agtergrond # d5ac0a, dan regs kliek> Fusion Options> Stroke en gebruik dan die volgende instellings:
7
Nou is dit tyd om die knoppie die patroon effek te gee. Om dit te doen, sal ons ons eie pasgemaakte patroon maak en dit dan op die vorm toepas. Gaan eers na File> New en gebruik `n grootte van 16 pixels met 16 pixels met `n deursigtige agtergrond. Vervolgens kies die vorm hieronder vir die persoonlike vorms: Dit is belangrik dat u die vorm groter as die doek self maak sodat die vakbonde nie later opgemerk word nie.
8
Om jou eie persoonlike vorm te definieer, gaan na Redigeer> Definieer Patroon en noem dit Strepe.
9
Dit is tyd om ons persoonlike motief op die knoppie toe te pas, want dit gaan terug na die oortjie met u knoppie daarop. Nou, laat ons die area wat jy wil hê dat die nuwe pleidooi toe te pas en om dit te doen, in die eerste kies, hou die Ctrl-sleutel (Cmd op Mac) sleutel in en klik op die vorm laag (jy wat jy nodig het om te klik direk op die klein boks wat die regte vorm toon, nie die kleur of die naam van die laag nie). Skep `n nuwe laag, kies die Marco-instrument en klik dan regs en vul. Verminder die dekking ongeveer 30% en nou kry jy `n goeie tekstuur.
10
Ons gaan dit skyn en daarom sal ons `n eenvoudige radiale helling gebruik en dan sal ons dit ooreenstem met die vorm van die knoppie. Kies wit as die voorgrond kleur, kies die gradiënt instrument en dan van die eiendom bar, kies die wit tot deursigtige (kyk vir die rooster skilderye, beteken dit hulle is deursigtig-ie kleurloos) en kies dan radiale gradiënt (dit is die tweede ikoon aan die linkerkant in die eiendomsbalk). Skep `n nuwe laag en trek dan jou helderheid sodat dit nie so groot soos die een is nie. Klik op die Ctrl en T-sleutels om die grootte weer te verander en die hoogte effens te verminder.
11
Druk dan Enter om die transformasie te bevestig. Ons is gereed om dit in die vorm te pas en nou verander dit die mengmodus, dit sal dit `n baie helder effek gee. Weereens, hou die Ctrl-sleutel in, klik op die vorm van die knoppie, dit sal dit kies en jy sal sien dat `n streeplyn verskyn. Met die nuwe gradiëntlaag wat gekies is, klik op "Laagmasker" onderaan die laagpaneel. Ten slotte, verander die "Blending Mode" na "Overlay" en jy is klaar!
12
Om ons teks te gee, is dit `n lekker gevoel van stamp, en ons sal `n vernuftige truuk met die skaduwee gebruik. Voeg jou teks (ongeveer 30 pixels en kies die skrif tipe) en voeg dan die volgende verstellings skadu "Blending Options": 1 pixel, `n normale wit skaduwee afstand van 1 pixel dat die illusie dat die gee Teks is op die knoppie gestempel, dit is maklik en vinnig om te doen.
13
Om ons meesterstuk te voltooi, die aantreklike knoppie, benodig ons net `n aangename refleksie. Om dit te doen, kopieer ons eenvoudig ons knoppie en verander dit dan en draai dit om. Eerstens moet ons `n afskrif hiervan maak. Kies al die lae en klik dan op die Ctrl- en E-sleutels. Dit sal al die lae in een laag versmelt. Druk dan Ctrl en A om alles te kies, Ctrl en C om te kopieer en dan raak dit `n bietjie vreemd, druk Edit> Undo totdat jy al jou lae teruggekry het. Nou kan jy met vertroue op Ctrl en V kliek om jou knoppie te plak. Jy moet twee mooi knoppies bo-op mekaar hê.
14
Klik op die Ctrl- en T-sleutels sodat jy later transformeer en die nuwe knoppie na onder beweeg, sodanig dat dit agteruit kyk. Dan moet ons dit `n vervaag effek gee, so ons sal op die nuwe knoppellaag klik en nog `n laagmasker byvoeg. Kies die gradiënt-instrument en maak seker dat dit in "Swart-wit" is (dit is belangrik aangesien dit dalk nog steeds bestaan het sedert ons die helderheidseffek gedoen het). Trek jou gradiënt sodat die knoppie wat onderstebo is, verdwyn.
15
Baie geluk! Jy het dit gemaak!
wenke
- Die beste aspek hiervan is dat jy die kleure kan verander, `n ander motief kan byvoeg of net `n ander teks kan byvoeg, en jy sal altyd `n treffende knoppie hê om gebruikers na jou oproepe na aksie te lok.
Deel op sosiale netwerke:
Verwante
- Hoe om die agtergrond te verander in `n ou foto met behulp van Photoshop
- Hoe om `n cowboyhoed te teken in Adobe Illustrator CS3
- Hoe om `n maan in Adobe Illustrator te teken
- Hoe om `n basketbal in Photoshop te teken
- Hoe om `n ID-kaart te ontwerp met behulp van Photoshop
- Hoe om `n voorwerp in Photoshop te verwyder
- Hoe om ouer te word in Photoshop
- Hoe om lentikulêre afdrukke met Photoshop te maak
- Hoe om eenvoudige pixeltekeninge in Microsoft Paint te maak
- Hoe om `n lint in Adobe Illustrator te maak
- Hoe om `n patroon in Photoshop te maak
- Hoe om gesigte in Photoshop uit te ruil
- Hoe om die resolusie van `n digitale kamera te bereken deur sy aantal pixels
- Hoe om kleure in Photoshop te vervang
- Hoe om `n prent van jou agtergrond te skei (Photoshop)
- Hoe om puisies uit te vee in Photoshop
- Hoe om `n prent te verander met behulp van Photoshop
- Hoe om `n gebruikersbalk in Photoshop te skep
- Hoe om `n pyl in Adobe Illustrator te skep
- Hoe om `n banier in Adobe Illustrator te skep
- Hoe om `n prent te krimp