Pokušajte fotografirati pri dobrom osvjetljenju, idealno bi bilo prirodno. Eksperimentirajte sa svjetlom, pokušajte fokusirati kameru na različite dijelove kadra: svijetle i tamne.
Snimite nekoliko snimaka za redom, u tom slučaju možete odabrati najbolji.
Koristite horizontalni format osim ako okolnosti ne zahtijevaju drugačije. Ljudi često zaborave okrenuti svoj pametni telefon i snimati u portretnom načinu, zbog čega fotografije izgledaju poput izrezanih pruga. Za one najzaboravnije postoji čak i poseban program Horizon Camera koji poravnava horizont.
Snimajte fotografije tipkom za glasnoću. Fizički gumb je praktičniji, lakše ga je pritisnuti u pravom trenutku. A zahvaljujući fizičkoj povratnoj informaciji, odmah ćete shvatiti da ste slikali.
Prije snimanja uvijek pregledajte objekt ili scenu golim okom, tek onda gledajte kroz ekran. Pomaže pri odabiru kuta.
Pretplatite se na poznate fotografe. Neka vas inspiriraju i budu dobar primjer. Da, pogledajte rad. brahmino , ova divlja ideja , mikekus ili natgeo.
Snimajte puno i marljivo – jedino tako možete probuditi fotografa u sebi. Ali nemojte puniti svoj osobni Instagram svim okvirima za redom. Izaberite najbolje.
Izvucite maksimum iz svog telefona
Izrežite slike, odrežite nepotrebne detalje koji kvare fotografije.
Stilizirajte fotografije s ugrađenim filterima, ali odaberite njih.
Provjerite je li maksimalna razlučivost okvira postavljena u postavkama kamere. Ponekad korisnici zaborave ovaj detalj i snimaju kamerom postavljenom na srednju ili nisku kvalitetu.
Koristite dodatne koji proširuju mogućnosti Instagrama. Na primjer, izradite originalne kolaže u uređivaču Snapseed ili uredite gotove fotografije.
Upotrijebite rešetku u postavkama fotoaparata kako biste slijedili pravilo trećina.
Ne zaboravite dodatne dodatke. Na primjer, pričvršćena leća ili stativ će vaše fotografije približiti profesionalnim. Vodootporno kućište omogućit će vam snimanje spektakularnih fotografija pod vodom.
Isprobajte različite ideje, kutove, zaplete
Izbjegavajte klišeje: mačke, hrana, selfiji istog tipa... Prebanalno za vas, zar ne? Ali ako odlučite snimiti autoportret, onda koristite.
Ali pokušajte ne slikati sami sebe. Umjesto toga, pokušajte češće snimati druge ljude, neobične situacije, zanimljive predmete i mjesta.
Stalno u potrazi za novim pričama. Pokušajte slike ispuniti umjetničkom vrijednošću, kreativnošću, humorom, na kraju.
Snimite ne samo sliku, već i osjećaje, pokušajte prenijeti raspoloženje.
Eksperimentirajte s kutovima.
Obratite pozornost na male detalje, osvrnite se oko sebe. Na primjer, pripazite na siluete, svijetle dijelove i sjene.
Lijepa šminka uvijek je skladna. Akcenti su raspoređeni tako da isključuju vulgarnost ili zagušenje. Nijanse se koriste samo one koje se kombiniraju s tonom kože, bojom očiju i kose. Sredstva se primjenjuju u skladu sa svim pravilima. U ovom ćemo članku govoriti o tome koji su vam alati potrebni za izradu prekrasnog make-upa, podijeliti trikove ljepote, kao i upute za fotografije i video koji će vam pomoći da sami napravite dnevni i večernji izgled.
10 pravila za lijepu šminku
Deset alata koji će vam trebati za prekrasan make-up. Plus kako se nositi s njima.
jatak
Koristite ga samo za namjeravanu svrhu. Ako kao podlogu za kapke nanesete npr. korektor ili puder, velika je vjerojatnost da će se sjene smotati.
Tonska krema
Ako želite postići prozirnu pokrivenost, razmažite je prstima, ako je gušća - kistom.
Prije svega, njime tretirajte one zone koje počinju sjajiti prije drugih (u pravilu je to T-zona), a tek onda - ostale, u vrlo tankom sloju.
Ne zaboravite ga nanijeti na lice, vrat i dekolte kako bi boja kože bila općenito ujednačena. Šminkajte se na prirodnom dnevnom svjetlu.
Nasmiješite se prije nanošenja. Zatim prijeđite kistom za rumenilo preko jabučica na obrazima, miješajući pigment duž središnjeg dijela zamišljene linije između brade i vrha ušiju.
Alat za obrve
Kako biste trenutno “podigli” lice, naglasite gornju liniju obrva olovkom ili puderom za obrve.
Kako biste ga ravnomjerno nanijeli, počnite slikati preko usana "Amorovim lukom", a zatim rasporedite pigment u kutove - prije nego što zatvorite usne.
Sjenilo za oči
Kakva god bila šminka očiju, kožu vjeđa morate za nju pripremiti - preko gornjeg kapka rasporedite (i potopite prema obrvi) mat sjene neutralne nijanse, koja odgovara boji najsvjetlijeg dijela lica.
Olovka za oči
Umjesto da gledate ravno ispred ogledala, približite mu se što je više moguće, zabacite glavu unazad. Počnite crtati oči od unutarnjih kutova, postupno prelazeći na vanjske.
Obojite trepavice, počevši od korijena (četkicu držite malo na ovom području), a zatim postupno cik-cak pokretima prelazite na vrhove.
Kako napraviti lijepu šminku za oči?
Što šminku za oči čini lijepom? Razgovaramo o tehnikama, nijansama i sredstvima.
Počnite s obrvama
Prekrasne konture privlače pozornost na oči. Čistom četkom začešljajte dlačice prema gore, a zatim popunite "praznine" između njih sjenama koje u boji ponavljaju nijansu obrva. Pomaknite se od baze obrve do "repa". Ako vam odgovara gustoća obrva, koristite prozirni gel za jednostavno oblikovanje i fiksiranje dlačica.
Ne zaboravite na bazu ispod sjene
Kako bi šminka bila što dugotrajnija nemojte zanemariti primer za oči. Zagladit će kožu i pripremiti je za nanošenje sjenila.
Stvorite dubinu
Da bi pogled bio dubok, rasporedite svijetle sjene po cijeloj površini kapka, a tamne nanesite u pregib, od istog boje- Ispravno ga izmiješajte. Takav make-up trik će osigurati šminku s 3D efektom.
Pažljivo birajte nijanse
Možda je jedan od najvažnijih koraka u šminkanju odabir nijanse koja pristaje uz vašu boju očiju. Univerzalno pravilo: odaberite boje sjena koje su suprotne boji vaših očiju na kotaču boja. Tako su za plave oči savršene nijanse bronce i bakra, za zelene i smeđe - ljubičaste i tamno-smeđe. Između ostalog, obratite pozornost na ton kože: što je tamnija, treba odabrati toplije nijanse sjena.
Ne zaboravite pod vodom
Nanesite gel, tekuću ili olovku duž linije gornjih trepavica. Ako su oči svijetle, upotrijebite smeđu olovku, ako su tamne - crnu. Ispod donjih trepavica malim kistom nanesite smeđe ili crno sjenilo kako biste stvorili "smoky" efekt. Glavna stvar je osigurati da se gornji kapak spaja s donjim tušem za oči u vanjskom kutu oka.
Nanesite highlighter na pravi način
Osvijetlite područje ispod obrve i unutarnje kutove očiju kako biste trenutno "otvorili" pogled. Da biste to učinili, upotrijebite highlighter ili svijetle sjajne sjene.
Konačni dodir - tinta
Uvijte trepavice uvijačem prije nego ih obojite. Zatim nanesite maskaru u dva ili tri sloja. Možete birati različite formule - želite li produžiti trepavice i dodati im volumen, naizmjenično nanesite dva proizvoda.
Kako napraviti lijepu šminku za usne?
Ako je s balzamom i sjajilom za usne sve manje-više jasno, šminka s ružem za usne zahtijeva poznavanje određenih tehnika šminkanja. Što?
Stvorite zakladu
Prije nanošenja ruža za usne morate pažljivo napraviti piling kože usana. Inače možete naglasiti nesavršenosti, osobito ako je ruž guste teksture ili tamne nijanse. Piling možete pripremiti kod kuće – na primjer, pomiješajte med sa šećerom.
sloj korektora
Kako bi ruž na usnama izgledao isto kao u stiku, prije nanošenja usne prekrijte tankim slojem pudera ili korektora - kako usne ne bi imale prirodnu ružičastu nijansu, već boju kože. Alternativa je namazati hidratantni balzam preko usana, osušiti ih čistom, suhom krpom i zatim nanijeti sloj prozirnog pudera.
Ključ je otpornost
Pogotovo ako bi šminka trebala biti večernja. Nanesite sloj ruža, upijte usne čistom, suhom maramicom i dodajte sloj prozirnog pudera pomoću velikog kista za sjenilo. Zatim nanesite još jedan ili dva sloja ruža na isti način.
Veličina je bitna
U slučaju da se namjeravate šminkati crvenim ružem, zapamtite: takve nijanse mogu smanjiti ionako tanke usne. Umjesto klasičnog crvenog ruža, upotrijebite crveno-narančasti.
- Drugi način da vizualno povećate usne je da ih našminkate olovkom za konture. Odaberite dva proizvoda istog raspona boja, jedan ili dva različita tona. Upaljač donijeti gornju usnu, tamno - niže. Učinak neće biti očit, ali ipak primjetan.
Odaberite savršenu ružičastu za svaki dan
Povucite donju usnicu ili pogledajte unutarnju stranu obraza - ovo je savršena nijansa ružičaste koja će se stopiti s vašim izgledom.
Eksperiment
Neobična nijansa sjajila za usne - na primjer, nježna ljubičasta ili lila - može transformirati bilo koju šminku. Nanesite ga preko ruža za usne kako biste osvježili svoj izgled.
Dobar dan, dragi čitatelji bloga
Victor je s vama. Danas vam želim skrenuti pažnju na još jedan zanimljiv prijevod sa stranice http://net.tutsplus.com/. Ovaj članak će vam pokazati kako nacrtati prekrasnu web stranicu s gotovo nula znanja o Photoshopu.
Ići…
Želite li napraviti prekrasnu web stranicu, ali nemate pojma kako se to radi? Želite li naučiti kako izraditi web stranicu? Da budem iskren, to mi se dogodilo prije nekoliko godina. Dok sam surfao internetom naišao sam na mnogo prekrasnih web stranica i oduvijek sam želio sam moći dizajnirati takve web stranice. Sada već znam kako se to radi i spreman sam vas naučiti kako to učiniti! U biti, ovo zahtijeva malo Photoshop vještine i pozornost na detalje. U ovom ću vodiču obratiti pozornost na one naizgled beznačajne detalje koji čine prekrasan dizajn web stranice. Pokrenite Photoshop i počnimo!
Montaža: Rog Victor
Bok, moje ime je Marko, ja sam web dizajner iz predivne zemlje Hrvatske. Razvijam ambiciozne, moderne web stranice cool izgleda. Također pišem članke za Themeforest i Graphicriver i volim pisati vodiče. U slobodno vrijeme samo razgovaram sa svojom djecom ili razmišljam o sljedećem velikom projektu. Oh, kao i svi drugi, blogiram na Twitteru.
Korak 1 - preuzmite predložak sustava mreže 960
Razvijam gotovo sve dizajne temeljene na 960 Grid sustavu. Stoga prvo moramo preuzeti ove predloške blokova za Photoshop, koji se mogu pronaći na službenoj web stranici 960.gs. Samo raspakirajte zip datoteku i pronađite PSD predloške u njoj. Vidjet ćete dvije vrste predložaka: jedan je 12_col, drugi je 16_col. Kao što vidite iz naziva, razlikuju se po tome što se jedan sastoji od 12 stupaca, a drugi od 16. Da malo preciznije objasnimo, recimo da će se vaš dizajn sastojati od tri okomita bloka, tada trebate uzeti predložak 12_col , budući da je 12 višekratnik broja 3. A ako će se vaš dizajn sastojati od četiri okomita bloka, tada možete uzeti i 12_col i 16_col kao predložak, jer su i 12 i 16 višekratnici broja 4. Kasnije ćemo to pogledati s primjerom u udžbeniku.
Korak 2 - Definirajte strukturu
Prije nego što otvorimo naš PSD predložak i počnemo crtati, prvo moramo odlučiti o strukturi naše stranice. Ovo će biti prilično komplicirana struktura jer ćemo koristiti ugniježđene slojeve. Ovo je ilustrirano na gornjoj slici.
3. korak
Nakon što smo se odlučili za strukturu stranice, možemo krenuti dalje. Otvorite svoj predložak 16_col.psd. Idite na izbornik “Slika”> “Veličina platna” (Slika> Veličina platna). Postavite veličinu na 1200px u širinu i 1700px u visinu. Postavite boju pozadine na #ffffff.
Korak 4
Korak 5
Napravite novi sloj iznad pravokutnog područja i postavite način sloja na "Preklapanje" (Preklapanje). S pritisnutom tipkom Ctrl kliknite na sloj s pravokutnikom. Bit će istaknuto. Odaberite meku četku (soft kist) debljine 600px, postavite boju na bijelu i kliknite nekoliko puta, postavljajući rub kista točno iznad odabranog područja, kao što je prikazano na slici. Tako ćete stvoriti lijep i lagan svjetlosni efekt. Također možete povezati ova dva sloja.
Korak 6
Novi sloj. Ponovno odaberite alat Rectangle i nacrtajte tanki tamno sivi pravokutnik kao što je prikazano.
Korak 7
S odabranim alatom Rectangle Tool, nacrtajte veliki blok oko 500px ispod gornjeg pravokutnika. Neka bude visok 575 px i dajte mu linearni gradijent između #d2d2d0 i #ffffff, kut od -90° i skala od 100%.
Korak 8
Sada ćemo stvoriti isti svjetlosni efekt kao što je opisano u koraku 5. Često ćemo koristiti ovaj trik, pa ću vas sljedeći put uputiti na korak 5 za učinak.
Napravite novi sloj iznad svih trenutnih slojeva. Držite pritisnutu tipku Ctrl i kliknite na veliki pravokutnik. Odaberite meki kist debljine 600px, postavite boju na bijelu i kliknite nekoliko puta, postavljajući rub kista točno iznad odabranog područja, kao što je prikazano na slici.
Korak 9
Napravite novi sloj i nacrtajte veliki pravokutnik visine 400px. Koristit će se za zaglavlje naše stranice. Nanesite prekrasan plavi gradijent od #2787b7 do #258fcd preko njega.
»Vidite kakav nježan prijelaz nijansi?
Korak 10
Dodajte tamnoplavu liniju od 1 px uz donji rub zaglavlja, primijenite efekt sjene. Za preklapanje sjene koristite način Množenje (Multiply), neprozirnost (Opacity) 65%, kut (Angle) -90 °, pomak (Udaljenost) 1px, veličina (Size) 6px. Zatim stvorite novi sloj na vrhu i nacrtajte još jednu bijelu liniju od 1px ispod plave linije. Na ovaj način ćemo stvoriti jasnu granicu za naš glavni blok sadržaja. U načelu, možete primijeniti ovu tehniku oblikovanja obruba za svaki blok vašeg projekta, samo s drugim nijansama.
Korak 11
Napravite novi sloj i pomoću alata Rectangle nacrtajte pravokutnik visine 50px na vrhu platna kao što je prikazano. Služit će kao navigacijska traka.
Nanesite sjenu koristeći opcije prikazane na slici.
Korak 12
Vrijeme je za početak navigacije. Upotrijebite Rounded Rectangle Tool i postavite Radius na 5px. Nacrtajte pravokutnik, ispunite ga #f6a836 i primijenite sljedeće efekte:
- Unutarnja sjena - Boja: #ffffff, Način rada: Prekrivanje, Neprozirnost: 60%, Kut: 120°, Pomak: 7 px, Veličina: 6 px.
- Unutarnji sjaj - Način: Normal, boja: #ffffff, Veličina: 4px, ostale parametre ostavite kao zadane.
- Potez - Veličina: 1px, Položaj: Unutra, Boja: #ce7e01.
Sada odaberite ovaj pravokutnik pomoću Ctrl i kliknite mišem. Idite na izbornik “Select”> “Modification”> “Compress” (Select> Modify> Contract) i unesite 1px u prozor koji se pojavi.
Napravite novi sloj na vrhu, postavite način rada na "Overlay" (Overlay) i primijenite efekt opisan u koraku 5, samo ovaj put koristeći manji kist. Zatim dodajte tekst za navigaciju. Koristio sam font Arial za navigacijske veze, sva velika slova i bez anti-aliasinga.
Korak 13
Kreirajmo sada polje za pretraživanje. Koristeći Rounded Rectangle Tool s radijusom od 5px, stvorite okvir za pretraživanje na desnoj strani mreže predloška, u sredini gornje sive trake stvorene u koraku 4. Dodajte sljedeće stilove sloja sloju:
- Unutarnja sjena (Inner Shadow) - boja: # 000000, Način rada: Množenje (Množenje), neprozirnost (Opacity): 9%, kut (kut): 90 °, pomak (udaljenost): 0px, veličina (veličina): 6px.
- Stroke (Stroke) - Veličina (Size): 1px, Pozicija: Inside (Pozicija: unutar), boja: #dfdfdf.
U ovom trenutku već imamo puno slojeva i trebamo ih malo rasporediti. Da bismo to učinili, stvorit ćemo novu mapu slojeva i nazvati je "Traži". Odaberite sve slojeve koji čine polje za pretraživanje i jednostavno povucite i ispustite njihovu novu mapu. U budućnosti ćemo ostale elemente rasporediti u mape kako bismo imali sažetu, uređenu paletu slojeva.
Korak 14
Napravite novi sloj i nacrtajte gumb "Prijava" na isti način kao što smo nacrtali polje za pretraživanje, samo upola manje širine. Postavite ga ispod polja za pretraživanje, u sredini navigacijskog bloka.
Opet stvaramo učinak opisan u koraku 5.
Koristite manju mekanu četku. U ovom slučaju sam postavio veličinu na 45px.
Korak 15
Nakon dodavanja logotipa i podnaslova, naša bi stranica trebala izgledati ovako.
Korak 16
Sada se vratimo na redoslijed slojeva, koji smo spomenuli gore. Napravite novu praznu mapu slojeva i nazovite je "top_bar". Premjestite sve grafičke slojeve s vrha predloška u njega (logotip, podnaslov, okvir za pretraživanje, gumb za registraciju, navigacijsku traku i elemente pozadine).
Napravite drugu praznu mapu sloja i nazovite je "zaglavlje". U njega ćemo premjestiti grafiku iz zaglavlja našeg predloška. Ovako bi to trebalo izgledati.
Korak 17
Naše zaglavlje do sada izgleda pomalo rustikalno, pa mu dodamo isti svjetlosni efekt koji smo primijenili na druge elemente stranice. Odaberite blok zaglavlja (onaj u plavoj boji). Napravite novi prazan sloj na vrhu i postavite njegov način rada na "Preklapanje" (Preklapanje).
Odaberite veliki meki kist od 600 px, boju #ffffff i kliknite nekoliko puta u području ispod navigacijske trake. Također, za dublji efekt, možemo se prebaciti na crnu i učiniti isto na dnu zaglavlja. Probaj!
Korak 18
U ovom koraku ću vam objasniti kako sam napravio odraz za slike u zaglavlju. Pronađite nekoliko slika po svom izboru, koristio sam snimke zaslona preglednika Safari sa slikama moja druga dva predloška. Jedan od njih napravite manji i stavite ispod drugog, koji je veći. Duplicirajte oba sloja i upotrijebite alat za slobodnu transformaciju da prvo okrenete jednu sliku, a zatim drugu. Pomaknite obje slike prema dolje nekoliko piksela. Sada napravite odabir od dna vanjske strane do sredine prve obrnute slike pomoću Rectangular Marquee Tool (Rectangular Marquee Tool). Idite na izbornik “Select”> “Modification”> “Feathering” (Select> Modify> Feather) i u prozor koji se pojavi unesite 30px ili više. Trebali biste dobiti isti odabir kao što je prikazano na slici. Pritisnite gumb Delete nekoliko puta kako biste dobili lijep osjenčani odraz izvorne slike. Ponovite isti korak za drugu sliku.
Sada, kako bi se obje slike malo istaknule, stvorite novi sloj i postavite njegov način na Overlay. Primijenite učinak opisan u koraku 5.
Ovako bi naše zaglavlje trebalo izgledati nakon dodavanja lijepog zaglavlja i nekoliko gumba. Ne zaboravite grupirati sve grafičke slojeve zaglavlja u mapu "zaglavlje" kako biste zadržali red u paleti slojeva.
Korak 19
Gledajući konačni pregled našeg dizajna, primijetit ćete prekrasne kartice u bloku s glavnim sadržajem. Da bismo izradili takve kartice, morat ćemo izvršiti nekoliko dodatnih koraka, ali svakako se isplati. Prvo, koristeći Rounded Rectangle Tool, nacrtajte veliki pravokutni oblik visine 70px s polumjerom kuta od 10px ili više ako želite. Sada se moramo riješiti donjih zaobljenih uglova i učiniti ih savršeno ravnima. Odaberite alat "Područje (vodoravna crta)" (izravni odabir) i postavite ga na rub oblika. Kliknite na točku okomite osi i, držeći pritisnutu tipku Shift, povucite je prema dolje dok ne dosegne razinu vodoravne osi. Već dobro, ali kut je još uvijek deformiran. Vidi se mali rep. Kliknite na njega i povucite ga do razine vodoravne osi.
Napravili smo savršen pravi kut. Ovako bi to trebalo izgledati. Sada ponovite ovaj korak za donji desni kut.
Korak 20
Odaberite Line Tool, debljine 1px.
Korak 21
Nacrtajte razdjelnike sivom bojom dok držite pritisnutu tipku Shift.
Korak 22
Postavite ikone, naslove i opise za svaku karticu. Koristio sam ikone Raya Chenga, koje se mogu preuzeti s WebAppers.com. U pravilu je jedna kartica uvijek aktivna, dok ostale ostaju neaktivne. Kako bi to bilo jasno vidljivo u našem dizajnu, moramo pronaći način da to pokažemo. Uklonio sam zasićenost ostalih ikona i smanjio neprozirnost za naslove i tekst, ostavivši prvu aktivnu karticu obojenu i svijetlu.
Korak 23
Da bi aktivna kartica bila vidljivija, dat ćemo joj osjenčanu bijelu pozadinu. Da biste to učinili, prvo odaberite cijeli oblik, a zatim oduzmite višak od odabira tako da samo prvi jezičak ostane odabran.
Ovako bi odabir trebao izgledati.
Upotrijebite mali meki kist za stvaranje bijele pozadine.
Korak 24
Dodajmo sjenu. Nacrtajte tamno sivi pravokutnik ispod kartica kao što je prikazano.
Dodajte vektorsku masku (vektorsku masku) klikom na malu ikonu na dnu palete slojeva.
Postavite boju na crnu, odaberite veliki mekani kist i počnite uklanjati pravokutnik u malim dijelovima dok ne dobijete lijep efekt sjene ispod naših kartica.
Na kraju, obratimo pozornost na detalje. Nacrtajte sivu crtu od 1px duž donjeg ruba trake kartica. Ponovno dodajte masku sloju kao što je gore opisano i velikim mekim kistom uklonite rubove linije s lijeve i desne strane. Sada imamo lijepo osjenčanu liniju koja ističe sjenu ispod naših kartica.
Ovako bi trebali izgledati naši jezičci.
Korak 25
Vrijeme je da počnemo dizajnirati glavni sadržaj naše prve kartice. Treba nam lijepo dizajnirana slika, lijep naslov i nešto teksta. Prvo, ukrasimo sliku. Činilo mi se da bi bilo lijepo razbiti jednostavnost našeg dizajna stvaranjem prekrasnog efekta naslaganih fotografija. Da biste to postigli, nacrtajte bijeli pravokutnik sa sivim rubom i debljinom od 1px i dajte mu lagani efekt sjene.
Uvezite pripremljenu sliku i postavite je iznad bijelih pravokutnika. Ne brinite ako je slika izvan granica - mi ćemo to popraviti. Odaberite gornji pravokutnik, idite na izbornik “Select”> “Modification”> “Compress” (Select> Modify> Contract) iu prozoru koji se pojavi unesite 5px. S odabranim slojem slike kliknite na ikonu Quick Mask na dnu palete slojeva. Dobit ćete efekt prekrasne slike s okvirom, kao što je prikazano na gornjoj slici.
Ovako bi trebao izgledati vaš poredak slojeva.
Korak 26
Ne zaboravite održavati red. Stvorite mape slojeva i organizirajte slojeve u njih na svojoj paleti. Ja sam to napravio ovako.
Dodamo lijepe naslove, malo teksta i popise s grafičkim oznakama i možemo smatrati da je naš rad na web dizajnu završen. Idemo dalje.
I malo više organizacije slojeva.
Korak 27
Odlučio sam da ovaj blok bude velik, pa sam ga stavio u veliku kutiju odmah iza glavnog bloka. Prvo nacrtajte veliki svijetlo sivi pravokutnik visine oko 220px sa sivim rubom od 1px.
Dodajte malo teksta i gotovi ste!
Korak 28
Sada pogledajmo podnožje. Nacrtajte veliki tamno sivi pravokutnik visine 400px.
Korak 29
Primijenite svjetlosni efekt točno onako kako smo opisali u koraku 5.
Korak 30
Korak 31
Napravite najdonji blok gdje će se navigacija duplicirati. Možete kopirati gornji pravokutni okvir za navigaciju, postaviti ga na dno i postaviti njegovu visinu na oko 40 px. Postavite ga na samo dno vašeg platna. Molimo imajte na umu da ćete možda trebati proširiti platno u tu svrhu da stane na sve grafike. U tom slučaju otvorite izbornik “Slika”> “Veličina platna” (Slika> Veličina platna) i postavite visinu na kojoj cijeli projekt stane na platno.
Korak 32
Obratimo pozornost opet na male detalje. Dodajmo bijelu crtu od 1 px duž gornjeg ruba donjeg navigacijskog bloka, dajući mu lijep učinak ruba.
Korak 33
Ispunimo podnožje sadržajem i lijepo ga posložimo prema našoj mreži.
Korak 34
Na kraju, organizirajte sve svoje slojeve u mape. Ja sam to napravio ovako.
Oblikovati
Ovo je dizajn koji smo završili s nekoliko izmjena za različite stranice. Gotovi PSD dizajni mogu se naravno kupiti na ThemeForest.net.
Par riječi na kraju
Nadam se da ste uživali u ovom vodiču i da ste naučili neke nove trikove. Sada je vaš red da stvorite sjajne nove dizajne. Ne zaboravite da obraćanjem pažnje na male detalje možete dizajnirati prekrasne web stranice sa samo dva ili tri alata u Photoshopu. Sjajno je, zar ne?
Pozdrav prijatelji! Danas želim s vama razgovarati o stvaranju lijepih web stranica temeljenih na WordPressu. Siguran sam da na Internetu postoji velika količina informacija koje nije tako lako razumjeti. Osobito se lako izgubiti u moru informacija ako pokrećete svoju prvu web stranicu ili možda tek počinjete s web stranicom/blogovanjem. Neću vas opterećivati nekim teoretskim i tehničkim informacijama, ali ću vam reći koje resurse koristim za izradu lijepih web stranica (već ih imam pet).
Počet ću s načinom na koji sam stvorio svoju prvu web-lokaciju - O SMM-u - s nula znanja o izradi web-lokacije.
U svibnju će biti dvije godine otkako sam napravio svoju prvu stranicu - About SMM. U to vrijeme nisam znao baš ništa o tome kako napraviti web stranicu, kako da izgleda pristojno i da se sviđa posjetiteljima. Da, što da kažem! Nisam ni znao pisati članke. Za mene je sve bila zanimljivost i morala sam korak po korak svladavati i naučiti sve sama raditi. Stranicu i dalje radim bez ičije pomoći – polako i sama.
Elegantne teme Predlošci web stranica
Očekivano, prvo sam pronašao odgovarajući hosting. Zatim sam instalirao WordPress i počeo tražiti lijep predložak web stranice. U prvoj fazi sam preuzeo besplatnu temu za WordPress, ali nekako nisam bio zadovoljan rezultatom. Zaista sam od samog početka želio da moj blog impresionira posjetitelje i izgleda profesionalno. Usput, uspio sam, a dalje ću vam reći kako sam to uspio. Nitko nije slutio da je stranicu napravila osoba koja nema pojma kako uopće nastaju stranice 🙂
Budući da mi besplatni predložak uopće nije odgovarao, a nisam imao novca za dizajnera, počeo sam tražiti dostojne premium teme koje ne bi uništile blogera početnika. Ne sjećam se kako, ali slučajno sam naišao na vrlo dobrog programera - Elegant Themes. Njihove teme su me nekako odmah privukle, a cijena mi se učinila prihvatljivom. Uostalom, za gotovo istu cijenu koju traže drugi programeri predložaka, dobio sam pristup ne jednom, već 87 lijepih, modernih tema i 5 vrlo korisnih dodataka u Dodatku. Naravno, nisam namjeravao koristiti sve teme odjednom, ali činjenica je bila vrlo ugodna 🙂 Danas, gledajući unatrag, vjerujem da je kupnja pristupa ovim temama i dodacima bila moja najbolja investicija u blog i da se već obilato isplatila .
Bilješka: ljudi, u srpnju 2016. redizajnirao sam stranicu tako da ono što sada vidite više nije divi. Odlučio sam promijeniti smjer svog bloga, pa sam potpuno redizajnirao stranicu. Međutim, Divi jest i ostaje jedna od najboljih tema na tržištu i toplo je preporučujem. Usput, ovo ljeto će objaviti veliko i vrlo šik ažuriranje! Sada će biti moguće promijeniti dizajn stranice izravno "lutajući" po stranici, tj. novi vizualni uređivač pojavit će se u sučelju. Bit će vrlo zgodno!
Elegant Themes ima mnogo originalnih predložaka, kao što ste već shvatili. Najzanimljivije je to što su sve teme vrlo različite i prikladne su za različite projekte: od blogova i portfelja do internetskih trgovina i web stranica tvrtki. Ako ste pregledavali web stranice za programere, vjerojatno ste vidjeli da često nije lako pronaći razlike između predložaka istog programera. Sve je nekako monotono i dosadno. Dečki iz Elegantnih tema očito nemaju problema s fantazijom. Unatoč velikom izboru predložaka, najpopularnija i najjača tema je Divi Koju, usput, i ja koristim. Na temelju njega već sam napravio nekoliko stranica potpuno različite tematike. Mislim da kada jednom probate Divi, bit će jako teško prijeći na nešto drugo. Tako je jaka i fleksibilna!
Zašto mi se sviđa Divi?
- Prije svega, to jednostavnost ugradnje i Jednostavnost korištenja. Kao što sam već rekao, nemam nikakvo posebno znanje u programiranju, niti u izradi i dizajnu stranica, tako da mi je jednostavnost vrlo važna.
- Drugo, Divi i sve druge Elegantne teme imaju adaptivni dizajn, odnosno izgledaju dobro s bilo kojeg uređaja, bilo da se radi o računalu, prijenosnom računalu, telefonu ili tabletu. Pokušajte vidjeti kako se moja stranica mijenja ako je gledate u potpuno otvorenom prozoru preglednika ili manjem. Vidjet ćete kako se stranica prilagođava veličini vašeg zaslona ili preglednika. Ovo je vrlo važno jer sve više i više ljudi čita web stranice na mobilnim uređajima i ako vaša stranica nije prikladna za gledanje na pametnim telefonima i tabletima, tada ćete izgubiti čitatelje i potencijalne kupce. A mi to ne želimo, zar ne?
“Još jedna velika prednost Divija je njegova fleksibilnost. Ovaj 
postoji predložak ugrađeni konstruktor, s kojim možete kreirati originalne stranice i landing stranice za koje jedino imate dovoljno mašte. Sve što trebate je pomicati razne blokove i umetati ih gdje želite. Moji , kao i , upravo su napravljeni pomoću takvog konstruktora. Postoji, naravno, mnogo više mogućnosti nego što sam ja koristio. Glavna stvar ovdje je biti kreativan, probati i testirati - Divi ima iz čega dizajnirati.
Inače, trenutno rade na univerzalnom konstruktoru koji će raditi na svim temama. Zašto je dobro? A dobra stvar je što ako odlučite prijeći s jednog predloška na drugi, vaša se stranica neće pretvoriti u neshvatljivu zbrku, već će za nekoliko sekundi dobiti novi dizajn. Ovo je vrlo velika prednost, jer koliko nas ima vremena petljati po stranici nekoliko dana kada prelazimo s jedne teme na drugu?!
Kliknite na gornju fotografiju kako biste svojim očima vidjeli sve prednosti Divi. Stranica je na engleskom, ali bit će mnogo toga jasno.
- Pa, još jedan veliki plus predloška - tema je nedavno u potpunosti prevedena ruski jezik! Ako niste baš prijateljski raspoloženi prema engleskom, sada to uopće nije problem, budući da su programeri u potpunosti preveli sam predložak i sve njegove funkcije na ruski, što uvelike pojednostavljuje rad. Jednom sam potrošio dosta vremena da sve prevedem na ruski, a sada se automatski lokalizira. Jako je lijepo!
Elegantni dodaci za teme
Osim prekrasnih predložaka, Elegantne teme imaju još 2 super dodatka: “Site u izradi” i “Društveni gumbi”. Zapravo imaju 5 dodataka, ali 3 od njih (mobilna stranica, kratki kodovi i builder) sada su ugrađeni u sve teme, tako da nema posebne potrebe za njihovu instalaciju.
Što je dobro u ovom dodatku ukratko i ne možete reći, jer tome možete posvetiti poseban članak. Možda čak i više od jedne - ima toliko funkcija! Što je? Raznovrsni dizajn gumba (boja, oblik, brojači i oh-oh-jako), fleksibilnost u izboru i položaju gumba, prilagodljivost (odnosno, radi na svim vrstama uređaja), detaljna statistika. U najnovijem ažuriranju, programeri su dodali još jednu super cool značajku - društvene gumbe u skočnim prozorima koji se mogu pojaviti nakon određenog okidača, na primjer, nakon komentara, kupnje, % pomicanja stranice, itd. Još nisam ni koristio ovu značajku, ali njezine su mogućnosti, kao što znate, nevjerojatne!
Prema posljednjim vijestima, Elegant Themes trenutno radi na još jednom super moćnom dodatku - Bloom. Glavna ideja ovog dodatka su skočni prozori za ponudu pretplate. Znajući da programeri uvijek marljivo rade, siguran sam da će ovo biti još jedna bomba. Dodatak bi uskoro trebao izaći.
Čini se da je ovo sve što sam htio reći o Elegant Themes i mom vrlo ugodnom iskustvu korištenja njihovih tema. Prije nego što se pojavio Divi, koristio sam njihovu drugu temu - Nexus, koja mi nije baš odgovarala zbog potrebe za korištenjem velikih fotografija i nedostatka dizajnera. Vrlo brzo izlazi još jedna jaka tema pod nazivom Extra, prikladna za projekte s puno sadržaja. Najvjerojatnije ću se prebaciti na to, jer obećavaju da će tema biti vrlo lagana, društveno orijentirana i prikladna za projekte kao što je Pro SMM. Ne mogu čekati!
Rado ću odgovoriti na vaša pitanja jer je teško u jednom članku pokriti sve što vam treba.
Sretno s izgradnjom web stranice!
