Pokušajte da fotografišete pri dobrom osvetljenju, idealno bi trebalo da bude prirodno. Eksperimentirajte sa svjetlom, pokušajte fokusirati kameru na različite dijelove kadra: svijetle i tamne.
Snimite nekoliko snimaka zaredom, a zatim možete odabrati najbolji.
Koristite horizontalni format snimanja osim ako okolnosti ne nalažu drugačije. Ljudi često zaborave da rotiraju svoj pametni telefon i snimaju u portretnom režimu, što uzrokuje da fotografije izgledaju izrezane u prugama. Za one najzaboravnije, postoji čak i poseban program Horizon Camera koji ujednačava horizont.
Snimite fotografije pomoću tipke za jačinu zvuka. Fizičko dugme je praktičnije i lakše ga je pritisnuti u najpovoljnijem trenutku. A zahvaljujući fizičkoj povratnoj informaciji, odmah ćete shvatiti da ste snimili fotografiju.
Pre snimanja, uvek pregledajte objekat ili scenu golim okom pre nego što pogledate kroz ekran. Ovo vam pomaže da odaberete svoj ugao.
Pratite poznate fotografe. Neka vas inspirišu i služe kao dobar primjer. Dakle, obratite pažnju na posao brahmino , thiswildidea , mikekus ili natgeo.
Puno i marljivo snimajte - to je jedini način da probudite fotografa u sebi. Ali nemojte puniti svoj lični Instagram svim snimcima zaredom. Odaberite najbolje.
Iskoristite svoj telefon na najbolji način
Izrežite svoje fotografije, odrežite nepotrebne detalje koji kvare vaše fotografije.
Stilizirajte svoje fotografije pomoću ugrađenih filtera, ali ih odaberite.
Provjerite jesu li postavke vaše kamere postavljene na maksimalnu rezoluciju kadra. Ponekad korisnici zaborave na ovaj detalj i snimaju kamerom srednje ili niske kvalitete.
Koristite dodatne koje proširuju mogućnosti Instagrama. Na primjer, kreirajte originalne kolaže ili obradite gotove slike u Snapseed editoru.
Koristite mrežu u postavkama kamere da slijedite pravilo trećine.
Ne zaboravite na dodatnu opremu. Na primjer, pričvršćeni objektiv ili stativ će vaše fotografije približiti profesionalnim. A vodootporno kućište će vam omogućiti da snimite spektakularne slike pod vodom.
Isprobajte različite ideje, uglove, teme
Izbjegavajte klišee: mačke, hrana, istovrstni selfiji... To vam je previše banalno, zar ne? Ali ako odlučite snimiti autoportret, upotrijebite.
Ali pokušajte da se slikate rjeđe. Umjesto toga, pokušajte češće fotografirati druge ljude, neobične situacije, zanimljive objekte i mjesta.
Stalno tražite nove priče. Na kraju krajeva, pokušajte da svoje slike ispunite umjetničkom vrijednošću, kreativnošću i humorom.
Snimite ne samo sliku, već i osjećaje, pokušajte prenijeti raspoloženje.
Eksperimentirajte sa uglovima.
Obratite pažnju na male detalje, pogledajte oko sebe. Na primjer, pazite na siluete, svjetla i sjene.
Lepa šminka je uvek harmonična. Naglasci su stavljeni tako da se izbjegne vulgarnost ili preopterećenje. Koriste se samo one nijanse koje odgovaraju tonu kože, boji očiju i kose. Proizvodi se primjenjuju po svim pravilima. U ovom materijalu ćemo govoriti o tome koji će vam alati biti potrebni za kreiranje prekrasne šminke, podijeliti trikove o ljepoti, kao i foto i video upute koje će vam pomoći da sami kreirate dnevni i večernji izgled.
10 pravila lijepe šminke
Deset proizvoda koji su vam potrebni da napravite prekrasnu šminku. Plus tehnike za rukovanje njima.
Korektor
Koristite ga samo za njegovu namjenu. Ako nanesete korektor ili puder, na primjer, kao podlogu za kapke, velika je vjerovatnoća da će se sjene gužvati.
Korektor
Ako želite postići proziran premaz, rasporedite ga prstima, ako je gušći, koristite četkicu.
Prije svega, tretirajte njome ona područja koja počnu sjati ranije od drugih (u pravilu je to T-zona), a tek onda - ostatak, vrlo tankim slojem.
Ne zaboravite da ga nanesete na lice, vrat i dekolte kako bi vaš ukupni ton kože bio ujednačen. Napravite ovu šminku na prirodnom dnevnom svjetlu.
Nasmejte se pre nego što ih primenite. Zatim upotrijebite četkicu za rumenilo da pređete preko jabučica na obrazima, miješajući pigment duž centra zamišljene linije između brade i vrha ušiju.
Proizvod za obrve
Kako biste trenutno „podigli“ lice, istaknite gornju liniju obrva olovkom ili puderom za obrve.
Kako biste ga ravnomjerno nanijeli, počnite farbati usne od "Amorovog luka", a zatim rasporedite pigment u uglovima - prije nego što spojite usne.
Sjenilo za oči
Kakva god da je šminka za oči, kožu kapaka treba pripremiti za to - preko gornjeg kapka rasporedite mat sjene neutralne nijanse (i blendajte prema obrvi), koje bojom pristaju najsvjetlijem dijelu lica.
Eyeliner
Umjesto da gledate direktno ispred sebe u ogledalo, priđite mu što bliže i zabacite glavu unazad. Počnite oblagati oči od unutrašnjih uglova, postepeno prelazeći ka spoljašnjim.
Nanesite boju na trepavice, počevši od korijena (malo držite četkicu u ovom području), a zatim postepeno prelazite na vrhove cik-cak pokretima.
Kako napraviti lijepu šminku za oči?
Šta šminku za oči čini lijepom? Razgovaramo o tehnikama, nijansama i proizvodima.
Počnite s obrvama
One lijepo oblikovane skreću pažnju na oči. Čistom četkom začešljajte dlačice prema gore, a zatim popunite "praznine" između njih sjenama koje odgovaraju boji obrva. Krećite se od baze obrva prema repu. Ako ste zadovoljni gustinom vaših obrva, koristite prozirni gel za jednostavno oblikovanje i fiksiranje dlačica.
Ne zaboravite na bazu za senke
Kako bi vaša šminka trajala što duže, nemojte zanemariti prajmer za kapke. Zagladit će kožu i pripremiti je za nanošenje sjenila.
Kreirajte dubinu
Za stvaranje dubokog izgleda rasporedite svijetle sjene po cijeloj površini kapka, a tamne iste boje nanesite u pregib. raspon boja- pravilno blendati. Ovaj trik za šminkanje pružit će vašoj šminki 3D efekat.
Pažljivo birajte svoje nijanse
Možda je jedan od najvažnijih koraka u šminkanju odabir nijanse koja odgovara vašoj boji očiju. Univerzalno pravilo: odaberite one boje sjenila koje su suprotne boji vaših očiju na kotaču boja. Tako su nijanse bronze i bakra savršene za plave oči, a ljubičasta i taupe savršene za zelene i smeđe oči. Između ostalog, obratite pažnju na ton vaše kože: što je tamnija, tople nijanse sjenila trebate odabrati.
Nemojte zanemariti olovku za oči
Nanesite gel, tekući ili olovku za oči duž gornje linije trepavica. Ako su vam oči svijetle, koristite smeđu olovku ako su vam oči tamne, koristite crnu. Ispod donjih trepavica nanesite smeđe ili crno sjenilo pomoću male četkice kako biste stvorili dimljeni efekt. Glavna stvar je da se pobrinete da gornji kapak spoji donju olovku za oči u vanjskom kutu oka.
Nanesite highlighter prema pravilima
Istaknite područje ispod kosti obrva i unutrašnje uglove očiju kako biste odmah otvorili oči. Da biste to učinili, koristite highlighter ili lagane, sjajne sjene.
Završni dodir je maskara
Prije nanošenja boje na trepavice, uvijte ih uvijačem. Zatim nanesite maskaru u dva ili tri sloja. Možete birati različite formule - ako želite produžiti trepavice i dodati im volumen, nanesite dva proizvoda naizmjenično.
Kako napraviti lijepu šminku za usne?
Ako je s balzamom za usne i sjajilom sve manje-više jasno, šminkanje s ružem zahtijeva poznavanje određenih tehnika šminkanja. Koji?
Kreirajte temelj
Prije nanošenja ruža potrebno je pažljivo piling kože usana. Inače se mogu naglasiti nesavršenosti, pogotovo ako je ruž guste teksture ili tamne nijanse. Piling se može pripremiti kod kuće - na primjer, pomiješati med sa šećerom.
Sloj korektora
Kako bi ruž na usnama izgledao isto kao i u stiku, prije nanošenja prekrijte usne tankim slojem pudera ili korektora – kako usne ne bi imale prirodnu ružičastu nijansu, već ton kože. Alternativa je da na usne namažete hidratantni balzam, obrišite čistom i suhom krpom, a zatim nanesete sloj prozirnog pudera.
Glavna stvar je upornost
Pogotovo ako bi šminka trebala biti večernja. Nanesite sloj ruža za usne, obrišite usne čistom, suvom maramicom i dodajte sloj prozirnog pudera pomoću velikog kista za sjenilo. Zatim na isti način nanesite još jedan ili dva sloja ruža za usne.
Veličina je bitna
Ako ćete nositi crveni ruž, zapamtite: takve nijanse mogu učiniti da vaše ionako tanke usne izgledaju manje. Umjesto klasičnog crvenog karmina, koristite crveno-narandžasti.
- Drugi način da vaše usne izgledaju veće je da ih obojite olovkom za usne. Odaberite dva proizvoda iste sheme boja, jedne ili dvije nijanse različite jedna od druge. Gornju usnu obložite svjetlijom bojom, a donju usnu tamnijom bojom. Efekat neće biti očigledan, ali ipak primetan.
Odaberite savršenu ružičastu za svaki dan
Povucite donju usnu ili pogledajte unutrašnjost svog obraza - ovo je savršena nijansa ružičaste koja će se uskladiti s vašim izgledom.
Eksperimentiraj
Neobična nijansa sjajila za usne - na primjer, nježna ljubičasta ili lila - može transformirati svaku šminku. Nanesite ga preko karmina kako biste osvježili svoj izgled.
Dobar dan, dragi čitaoci bloga
Viktor je sa tobom. Danas želim da vam skrenem pažnju na još jedan zanimljiv prijevod sa stranice http://net.tutsplus.com/. Ovaj članak će vam pokazati kako možete nacrtati prekrasnu web stranicu sa gotovo nultim znanjem o Photoshopu.
Idi…
Želite da napravite prelepu web stranicu, ali nemate pojma kako to učiniti? Želite naučiti kako napraviti web stranicu? Da budem iskren, ovo mi se desilo prije nekoliko godina. Putujući internetom, naišao sam na mnogo prekrasnih web stranica, a i sam sam oduvijek želio da mogu razviti takav dizajn za web stranice. Sada već znam kako to da uradim i spreman sam da i vas naučim kako da to uradite! U suštini, to zahtijeva neke Photoshop vještine i pažnju na detalje. U ovom vodiču obratiću pažnju na one naizgled beznačajne detalje koji čine prekrasan dizajn web stranice. Pokrenite Photoshop i počnimo!
Urednik: Rog Victor
Pozdrav, moje ime je Marko, ja sam web dizajner iz prekrasne zemlje Hrvatske. Dizajniram ambiciozne, moderne web stranice cool izgleda. Također pišem članke za Themeforest i Graphicriver, i volim pisati razne tutorijale. U slobodno vrijeme samo ćaskam sa svojom djecom ili razmišljam o sljedećem Velikom projektu. Oh, kao i svi ostali, blogujem na Twitteru.
Korak 1 – Preuzmite 960 Grid System Template
Gotovo sve svoje dizajne razvijam koristeći 960 Grid System. Dakle, prvo moramo preuzeti ove blokove šablone za Photoshop koji se mogu naći na službenoj web stranici 960.gs. Samo raspakujte zip arhivu i pronađite PSD šablone u njoj. Vidjet ćete dvije vrste šablona: jedan je 12_col, drugi je 16_col. Kao što naziv govori, 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, jer 12 je višekratnik od 3 A ako se vaš dizajn sastoji od četiri vertikalna bloka, tada možete koristiti i 12_col i 16_col kao predložak, jer su i 12 i 16 višekratnici 4. To ćemo pogledati na primjeru kasnije u vodiču .
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 slojeve ugniježđene jedan u drugi. Ovo je ilustrovano na gornjoj slici.
Korak 3
Nakon što smo odlučili za strukturu stranice, možemo krenuti dalje. Otvorite svoj predložak 16_col.psd. Idite na meni “Image”> “Canvas size” (Slika> Canvas size). Postavite veličinu na 1200 px širine i 1700 px visine. Postavite boju pozadine na #ffffff.
Korak 4
Korak 5
Napravite novi sloj iznad pravokutnog područja i postavite način ovog sloja na Overlay. Dok držite pritisnut taster Ctrl, kliknite na sloj sa pravougaonikom. Bit će istaknuto. Odaberite mekanu četkicu debljine 600px, postavite boju na bijelu i kliknite nekoliko puta, postavljajući rub kista tik iznad odabranog područja, kao što je prikazano na slici. Na taj način ćete stvoriti lijep i lagan svjetlosni efekat. Također možete povezati dva sloja.
Korak 6
Novi sloj. Ponovo odaberite Rectangle Tool i nacrtajte tanak, tamno sivi pravougaonik kao što je prikazano.
Korak 7
Sa odabranim alatom Rectangle Tool, nacrtajte veliki blok oko 500px ispod gornjeg pravougaonika. Neka bude visoka 575px i primijenite linearni gradijent u rasponu od #d2d2d0 do #ffffff, sa uglom od -90° i skalom od 100%.
Korak 8
Sada ćemo kreirati isti efekat osvetljenja koji je opisan u koraku 5. Koristićemo ovu tehniku mnogo puta, tako da ću vas sledeći put jednostavno uputiti na korak 5, gde je ovaj efekat opisan.
Kreirajte novi sloj iznad svih trenutnih slojeva. Dok držite pritisnutu tipku Ctrl, kliknite na veliki pravougaonik. Odaberite mekanu četkicu debljine 600px, postavite boju na bijelu i kliknite nekoliko puta, postavljajući rub kista tik iznad odabranog područja, kao što je prikazano na slici.
Korak 9
Kreirajte novi sloj i nacrtajte veliki pravougaonik visine 400px. Koristit će se za zaglavlje naše stranice. Dajte mu lijep plavi gradijent od #2787b7 do #258fcd.
“Vidite li kako je nježan prelaz nijansi?
Korak 10
Dodajte tamnoplavu liniju debljine 1px duž donje granice zaglavlja i primijenite efekat sjene. Da biste primenili senku, koristite režim Multiply, Opacity 65%, Angle -90°, Distance 1px, Size 6px. Zatim kreirajte novi sloj na vrhu i nacrtajte još jednu bijelu liniju od 1px ispod plave linije. Na ovaj način ćemo kreirati jasnu granicu za naš glavni blok sadržaja. U principu, ovu tehniku možete koristiti za ukrašavanje obruba za svaki blok vašeg projekta, samo s različitim nijansama.
Korak 11
Napravite novi sloj i upotrijebite alat Rectangle da nacrtate pravokutnu površinu od 50px na vrhu platna, kao što je prikazano na slici. Ovo će služiti kao traka za navigaciju.
Nanesite sjenu koristeći opcije prikazane na slici.
Korak 12
Vrijeme je da počnete s navigacijom. Koristite alat zaobljeni pravougaonik i postavite radijus na 5px. Nacrtajte pravougaonik, popunite ga bojom #f6a836 i primijenite sljedeće efekte:
— Unutrašnja senka – boja: #ffffff, Režim: Preklapanje, Transparentnost: 60%, Ugao: 120 °, Pomak: 7px, Veličina: 6px.
— Unutrašnji sjaj — Režim: Normalan, boja: #ffffff, Veličina: 4px, ostale parametre ostavite kao podrazumevane.
— Stroke — Veličina: 1px, Položaj: Iznutra, boja: #ce7e01.
Sada odaberite ovaj pravougaonik koristeći Ctrl i klik mišem. Idite na meni “Odabir”> “Izmjena”> “Komprimiraj” (Odaberi> Izmijeni> Ugovor) i unesite 1px u prozor koji se pojavi.
Napravite novi sloj na vrhu, postavite mod na Overlay i primijenite efekat 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
Sada kreirajmo polje za pretragu. Koristeći alat za zaobljeni pravougaonik sa radijusom od 5px, kreirajte okvir za pretragu na desnoj strani mreže šablona, u sredini gornje sive trake kreirane u koraku 4. Dodajte sledeće stilove sloju:
— Unutrašnja senka – boja: #000000, Režim: Multiply, Opacity: 9%, Ugao: 90°, Udaljenost: 0px, Veličina: 6px.
— Stroke — Veličina: 1px, Položaj: Iznutra, Boja: #dfdfdf.
U ovom trenutku već imamo puno slojeva i moramo ih malo organizirati. Da bismo to učinili, kreirat ćemo novu mapu slojeva i nazvati je "Pretraživanje". Odaberite sve slojeve koji čine okvir za pretraživanje i jednostavno ih prevucite u novu mapu. U budućnosti ćemo ostale elemente rasporediti u foldere tako da imamo sažetu, organiziranu paletu slojeva.
Korak 14
Kreirajte novi sloj i nacrtajte dugme “Sign Up” na isti način kao što smo nacrtali okvir za pretragu, samo upola manji. Postavite ga ispod polja za pretragu, u centar navigacionog bloka.
Kreirajmo ponovo efekat opisan u koraku 5.
Koristite meku, manju četku. U ovom slučaju postavljam veličinu na 45px.
Korak 15
Nakon dodavanja logotipa i podnaslova, naša stranica bi trebala izgledati ovako.
Korak 16
Vratimo se sada na redoslijed slojeva koji smo spomenuli gore. Kreirajte novu praznu mapu slojeva i nazovite je "top_bar". Premjestite sve grafičke slojeve s vrha predloška (logotip, podzaglavlje, polje za pretragu, dugme za registraciju, navigaciona traka i elementi pozadine) u njega.
Kreirajte još jednu praznu mapu slojeva i nazovite je "header". Premjestit ćemo grafiku iz zaglavlja našeg predloška u njega. Ovako bi trebalo da izgleda.
Korak 17
Naše zaglavlje za sada izgleda pomalo rustikalno, pa hajde da mu dodamo isti svjetlosni efekat koji smo primijenili na druge elemente stranice. Odaberite blok zaglavlja (plavi). Napravite novi prazan sloj na vrhu i postavite njegov mod na Overlay.
Odaberite veliki mekani kist veličine 600px, boje #ffffff i kliknite nekoliko puta u području ispod navigacijske trake. Osim toga, za dublji efekat, 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 vašem izboru, ja sam koristio snimke ekrana Safari pretraživača sa slikama druga dva šablona. Jedan od njih smanjite i stavite ispod drugog, koji je veći. Duplirajte oba sloja i koristite alat Free Transform da okrenete prvo jednu sliku, a zatim drugu. Pomjerite obje slike nekoliko piksela dolje. Sada napravite selekciju od donje vanjske strane do sredine prve okrenute slike koristeći Rectangular Marquee Tool. Idite na meni “Odabir”> “Modifikacija”> “Feather” (Select> Modify> Feather) i u prozoru koji se pojavi unesite 30px ili više. Trebali biste dobiti isti odabir kao što je prikazano na slici. Pritisnite dugme Delete nekoliko puta da biste stvorili lepu osenčenu refleksiju originalne slike. Ponovite isti korak za drugu sliku.
Sada, da bi obje slike malo iskočile, kreirajte novi sloj i postavite njegov način na Overlay. Primijenite efekat opisan u koraku 5.
Ovako bi naše zaglavlje trebalo izgledati nakon dodavanja lijepog zaglavlja i nekoliko dugmadi. Ne zaboravite da grupišete sve grafičke slojeve zaglavlja u fasciklu "header" da bi vaša paleta slojeva bila organizovana.
Korak 19
Gledajući finalni pregled našeg dizajna, primijetit ćete lijepe kartice u bloku s glavnim sadržajem. Da bismo kreirali ovakve kartice, morat ćemo poduzeti nekoliko dodatnih koraka, ali svakako se isplati. Prvo, pomoću alata Rounded Rectangle Tool, nacrtajte veliki pravougaoni oblik koji je visok 70px i ima radijus ugla od 10px ili veći ako želite. Sada se moramo riješiti donjih zaobljenih uglova i učiniti ih savršeno ravnima. Odaberite alat Direct Selection i postavite ga na ivicu oblika. Kliknite na tačku okomite ose i, držeći pritisnutu tipku Shift, povucite je prema dolje dok ne dostigne nivo horizontalne ose. Nije loše, ali ugao je i dalje deformisan. Primjetan je mali rep. Kliknite na nju i povucite je do nivoa horizontalne ose.
Napravili smo savršeno pravi ugao. Ovako bi trebalo da izgleda. Sada ponovite ovaj korak za donji desni ugao.
Korak 20
Odaberite alat Linija debljine 1px.
Korak 21
Nacrtajte sive separatore dok držite pritisnutu tipku Shift.
Korak 22
Postavite neke ikone, naslove i opise za svaku karticu. Koristio sam ikone Raya Chenga, koje se mogu preuzeti sa WebAppers.com. Obično je jedna kartica uvijek aktivna, dok ostale ostaju neaktivne. Da bismo to učinili jasnim u našem dizajnu, moramo pronaći način da to pokažemo. Ostatak ikona sam smanjio zasićenost i smanjio neprozirnost za naslove i tekst, ostavljajući prvu aktivnu karticu obojenom i živopisnom.
Korak 23
Da bi se aktivna kartica jasnije istakla, postavit ćemo je na zasjenjenu bijelu pozadinu. Da biste to učinili, prvo odaberite cijeli oblik, a zatim oduzmite višak od odabira tako da samo prva kartica ostane odabrana.
Ovako bi trebao izgledati izbor.
Koristeći malu mekanu četku, napravite bijelu pozadinu.
Korak 24
Hajde da dodamo senku. Nacrtajte tamno sivi pravougaonik ispod kartica kao što je prikazano na slici.
Dodajte vektorsku masku klikom na malu ikonu na dnu palete slojeva.
Postavite boju na crnu, odaberite veliki mekani kist i počnite brisati pravougaonik u malim dijelovima dok ne dobijete lijep efekt sjene ispod naših kartica.
Na kraju, obratimo pažnju na detalje. Nacrtajte sivu liniju debljine 1px duž donje granice trake kartica. Ponovo dodajte masku sloja kao što je gore opisano i velikom mekom četkom uklonite rubove linije s lijeve i desne strane. Sada imamo lijepo osjenčanu liniju koja ističe sjenu ispod naših kartica.
Ovako bi naše kartice trebale izgledati.
Korak 25
Vrijeme je da počnemo dizajnirati glavni sadržaj naše prve kartice. Trebat će nam lijepo dizajnirana slika, lijep naslov i malo teksta. Prvo, počnimo s dizajnom slike. Mislio sam da bi bilo lijepo razbiti linearnost našeg dizajna stvaranjem lijepog naslaganog foto efekta. Da biste to postigli, nacrtajte bijeli pravougaonik sa sivim rubom i debljinom od 1px i na njega primijenite blagi efekat sjene.
Uvezite pripremljenu sliku i postavite je iznad bijelih pravokutnika. Ne brinite ako slika prelazi granice bloka - mi ćemo to popraviti. Odaberite gornji pravougaonik, idite na meni “Odabir”> “Modifikacija”> “Komprimiraj” (Odaberi> Izmijeni> Ugovor) i unesite 5px u prozor koji se pojavi. Sa odabranim slojem slike, kliknite na ikonu Brza maska na dnu palete slojeva. Dobićete efekat prelepe slike sa okvirom, kao što je prikazano na slici iznad.
Ovako bi trebao izgledati vaš redoslijed slojeva.
Korak 26
Ne zaboravite održavati red. Kreirajte foldere slojeva i organizirajte slojeve u svojoj paleti. Ja sam to uradio na ovaj način.
Dodajte nekoliko lijepih naslova, malo teksta i liste s nabrajanjem i naš rad na web dizajnu je završen. Idemo dalje.
I malo više organizacije slojeva.
Korak 27
Odlučio sam da ovaj blok treba da bude veliki, pa sam ga stavio u veliku kutiju odmah iza glavnog bloka. Prvo nacrtajte veliki svijetlosivi pravougaonik visine oko 220px sa sivim okvirom debljine 1px.
Dodajte malo teksta i gotovi ste!
Korak 28
Sada idemo na podnožje. Nacrtajte veliki tamno sivi pravougaonik visine 400px.
Korak 29
Primijenite svjetlosni efekat tačno onako kako smo opisali u koraku 5.
Korak 30
Korak 31
Kreirajte najniži blok u kojem će se navigacija duplicirati. Možete kopirati gornji pravougaoni blok za navigaciju, postaviti ga na dno i postaviti njegovu visinu na oko 40px. Postavite ga na samo dno vašeg platna. Imajte na umu da ćete možda morati proširiti platno u tu svrhu kako biste primili svu grafiku. U tom slučaju idite na meni "Slika"\u003e "Veličina platna" (Image\u003e Veličina platna) i postavite visinu na kojoj cijeli projekat stane na platno.
Korak 32
Opet obratimo pažnju na male detalje. Dodajmo bijelu liniju debljine 1px duž gornje ivice donjeg navigacijskog bloka, dajući joj lijep efekat ivice.
Korak 33
Napunimo zaglavlje i podnožje sadržajem i uredimo ga lijepo prema našoj mreži.
Korak 34
Konačno, organizirajte sve svoje slojeve u foldere. Ovako sam to uradio.
Dizajn
Ovo je dizajn koji smo na kraju dobili, sa nekoliko izmjena za različite stranice. Gotovi PSD dizajni se, naravno, mogu kupiti na ThemeForest.net.
Nekoliko riječi u zaključku
Nadam se da ste uživali u ovom tutorijalu i naučili nekoliko novih trikova. Sada je vaš red da kreirate nove zadivljujuće dizajne. Ne zaboravite da obraćajući posebnu pažnju na male detalje, možete dizajnirati prekrasne web stranice koristeći samo dva ili tri alata u Photoshopu. Sjajno, zar ne?
Zdravo, prijatelji! Danas želim s vama razgovarati o kreiranju prekrasnih web stranica zasnovanih na WordPressu. Siguran sam da na internetu postoji velika količina informacija koje nije tako lako razumjeti. Posebno je lako izgubiti se u moru informacija ako ste odlučili kreirati svoju prvu web stranicu ili, možda, tek stječete iskustvo u kreiranju web stranica/blogova. Neću vas opterećivati nikakvim teorijskim i tehničkim informacijama, ali ću vam reći koje resurse koristim za izradu prekrasnih web stranica (već ih imam pet).
Počeću, možda, s time kako sam napravio svoju prvu web stranicu - O SMM-u - bez znanja o izgradnji web stranica.
U maju će biti dvije godine otkako sam napravio svoju prvu web stranicu - About SMM. U to vrijeme nisam znao apsolutno ništa o tome kako napraviti web stranicu, kako učiniti da izgleda pristojno i privlačno posjetiteljima. Šta da kažem! Nisam baš znao kako da pišem članke. Sve je za mene bila novina i morala sam da se navikavam korak po korak i naučim da sve radim sama. Još uvijek radim na stranici bez ičije pomoći - polako i sam.
Predlošci za stranicu Elegantne teme
Očekivano, prvo sam pronašao odgovarajući hosting. Zatim sam instalirao WordPress i počeo tražiti dobar šablon za web stranicu. U prvoj fazi sam preuzeo besplatnu temu za WordPress, ali nekako nisam bio zadovoljan rezultatom. Zaista sam željela da moj blog impresionira posjetitelje i izgleda profesionalno od samog početka. Inače, u tome sam uspio i dalje ću vam pričati kako sam to uspio. Niko ne bi pretpostavio da je sajt napravio osoba koja nije imala pojma kako se sajtovi uopšte stvaraju :)
Pošto mi besplatni predložak nikako nije odgovarao, a nisam imao novca za dizajnera, počeo sam tražiti dostojne premium teme koje ne bi dovele do bankrota blogera početnika. Ne sjećam se kako, ali sam naišao na vrlo dobrog programera - Elegant Themes. Odmah su mi se svidjele njihove teme, a cijena mi se učinila razumnom. Uostalom, za gotovo istu cijenu koju traže drugi programeri šablona, dobio sam pristup ne jednom, već 87 lijepih, modernih tema, pa čak i 5 vrlo korisnih dodataka pored toga. Naravno, nisam htela da koristim sve teme odjednom, ali sama činjenica je bila veoma prijatna :) Danas, gledajući unazad, verujem da je kupovina pristupa ovim temama i dodacima bila moja najbolja investicija u blog i da je već lijepo isplatio.
Bilješka: momci, u julu 2016. sam promenio dizajn sajta, tako da ovo što sada vidite nije više Divi. Odlučio sam da promijenim smjer razvoja svog bloga, pa sam u potpunosti redizajnirao stranicu. Međutim, Divi je i ostaje jedna od najboljih tema na tržištu i toplo ga preporučujem. Inače, ovog ljeta će objaviti veliko i vrlo šik ažuriranje! Sada možete direktno mijenjati dizajn stranice dok "lutate" po stranici, odnosno novi vizualni uređivač će se pojaviti u prednjem dijelu. Biće veoma zgodno!
Elegantne teme, kao što već razumijete, ima puno originalnih predložaka. Najzanimljivije je to što su sve teme vrlo različite i pogodne za različite projekte: od blogova i portfelja, do online trgovina i web stranica kompanija. Ako ste pogledali web stranice programera, vjerovatno ste vidjeli da često nije lako pronaći razlike između predložaka istog programera. Sve je nekako monotono i dosadno. Momci iz Elegantnih tema očito nemaju problema sa maštom. Unatoč velikom asortimanu predložaka, smatra se najpopularnijom i najmoćnijom temom Divi, koji, inače, takođe koristim. Na osnovu toga već sam napravio nekoliko web stranica na potpuno različite teme. Mislim da kada jednom probate Divi, biće veoma teško da se prebacite na nešto drugo. Ona je tako moćna i fleksibilna!
Zašto mi se sviđa Divi?
- Prvo, ovo jednostavnost ugradnje I jednostavnost upotrebe. Kao što sam već rekao, nemam posebna znanja ni u programiranju ni u izradi i dizajnu web stranica, pa mi je jednostavnost jako bitna.
— Drugo, Divi i sve druge Elegantne teme imaju adaptivni dizajn, odnosno izgledaju dobro sa bilo kojeg uređaja, bilo da je to računar, laptop, telefon ili tablet. Pokušajte vidjeti kako se moja stranica mijenja ako je pogledate u potpuno otvorenom prozoru pretraživača ili u manjem prozoru. Vidjet ćete kako se stranica prilagođava veličini vašeg ekrana ili pretraživača. Ovo je vrlo važno jer sve više ljudi čita web stranice na mobilnim uređajima i ako vaša stranica nije prikladna za gledanje na pametnim telefonima i tabletima, izgubit ćete čitatelje i potencijalne kupce. A mi to ne želimo, zar ne?
— Još jedna velika prednost Divija je njegova fleksibilnost. Ovaj ima 
postoji šablon ugrađeni konstruktor, s kojim možete kreirati originalne stranice i odredišne stranice za koje imate samo dovoljno mašte. Sve što trebate je da pomjerite različite blokove i ubacite ih gdje god vam je potrebno. I moji su napravljeni uz pomoć takvog konstruktora. Tu je, naravno, mnogo više mogućnosti nego što sam ja iskoristio. Ovdje je glavna stvar biti kreativan, probati i testirati - Divi ima mnogo toga za dizajn.
Inače, sada rade na univerzalnom konstruktoru koji će raditi na svim temama. Zašto je ovo dobro? Dobra stvar je što ako se odlučite prebaciti s jednog predloška na drugi, vaša stranica se neće pretvoriti u neshvatljivu zbrku, već će za nekoliko sekundi dobiti novi dizajn. Ovo je jako velika prednost, jer ko od nas ima vremena da petlja po web stranici po nekoliko dana pri prelasku s jedne teme na drugu?!
Kliknite na gornju fotografiju da vidite sve prednosti Divi-a svojim očima. Stranica je na engleskom, ali mnogo toga će biti jasno.
— Pa, još jedan veliki plus šablona je što je tema nedavno u potpunosti prevedena ruski jezik! Ako vam engleski ne odgovara, to sada uopće nije problem, jer su programeri u potpunosti preveli sam predložak i sve njegove funkcije na ruski, što uvelike pojednostavljuje rad. Nekad sam proveo dosta vremena prevodeći sve na ruski, ali sada je to automatski lokalizovano. Veoma je lepo!
Dodaci Elegant Themes
Pored prekrasnih predložaka, Elegant Themes ima još 2 super dodatka: “Site u izradi” i “Dugmad za društvene mreže”. Zapravo, imaju 5 dodataka, ali 3 od njih (mobilna stranica, kratki kodovi i builder) su sada ugrađena u sve teme, tako da nema posebne potrebe za njihovo instaliranje.
Ono što je dobro u vezi ovog dodatka ne može se reći ukratko, jer se tome može posvetiti poseban članak. Možda čak i više od jedne - ima toliko različitih funkcija! Šta je? Različiti dizajni dugmadi (boja, oblik, brojači i oh-toliko), fleksibilnost u izboru i lokaciji tastera, prilagodljivost (odnosno, radi na svim vrstama uređaja), detaljna statistika. U najnovijem ažuriranju, programeri su dodali još jednu super cool funkciju - društvene tipke u iskačućim prozorima koji se mogu pojaviti nakon određenog pokretača, na primjer, nakon komentara, kupovine, % pomicanja stranice, itd. Ovo nisam čak ni koristio značajka još, ali njene mogućnosti su, kao što i sami shvatate, neverovatne!
Prema najnovijim vijestima, Elegant Themes sada radi na još jednom super moćnom dodatku - Bloomu. Glavna ideja ovog dodatka su iskačući prozori s ponudama pretplate. Znajući da programeri uvijek rade savjesno, siguran sam da će ovo biti još jedna bomba. Dodatak bi uskoro trebao biti objavljen.
Čini se da je ovo sve što sam htio reći o Elegantnim temama i mom vrlo ugodnom iskustvu korištenja njihovih tema. Prije nego što se Divi pojavio, koristio sam njihovu drugu temu - Nexus, koji mi nije baš odgovarao zbog potrebe za korištenjem velikih fotografija i nedostatka dizajnera. Uskoro će biti objavljena još jedna jaka tema pod nazivom Extra, pogodna za projekte sa velikom količinom sadržaja. Najvjerovatnije ću se prebaciti na nju, jer obećavaju da će tema biti vrlo lagana, društveno orijentirana i pogodna za projekte poput O SMM-u. Ne može čekati!
Rado ću odgovoriti na vaša pitanja, jer je teško u jednom članku pokriti sve što vam treba.
Sretno u izradi Vaše web stranice!
