Cum se configurează smartphone-uri și PC-uri. Portal informativ

Cum să faci fotografii frumoase de peisaj. Cum să creezi un colaj frumos

Încercați să fotografiați într-o lumină bună, în mod ideal ar trebui să fie natural. Experimentați cu lumina, încercați să focalizați camera pe diferite părți ale cadrului: luminoase și întunecate.

Faceți mai multe fotografii la rând, caz în care o puteți alege pe cea mai bună.

Utilizați formatul orizontal, cu excepția cazului în care circumstanțele cer altfel. Oamenii uită adesea să-și întoarcă smartphone-ul și să fotografieze în modul portret, ceea ce face ca fotografiile să arate ca dungi tăiate. Pentru cei mai uituci, există chiar și un program special Horizon Camera care aliniază orizontul.

Faceți fotografii cu tasta de volum. Butonul fizic este mai convenabil, este mai ușor să îl apăsați la momentul potrivit. Și datorită feedback-ului fizic, vei înțelege imediat că ai făcut o poză.

Înainte de a fotografia, inspectați întotdeauna obiectul sau scena cu ochiul liber, abia apoi priviți prin ecran. Ajută la alegerea unghiului.

Abonați-vă la fotografi celebri. Lasă-i să te inspire și să fie un bun exemplu. Da, uită-te la lucrare. brahmino , this wildidea , mikekus sau National Geographic.


Fotografiază mult și cu sârguință - doar așa poți trezi fotograful din tine. Dar nu vă completați Instagramul personal cu toate cadrele la rând. Alege ce e mai bun.

Profitați la maximum de telefonul dvs

Decupați fotografiile, tăiați detaliile inutile care strică fotografiile.

Stilizați fotografiile cu filtre încorporate, dar alegeți-le.

Asigurați-vă că rezoluția maximă a cadrului este setată în setările camerei. Uneori utilizatorii uită acest detaliu și filmează cu o cameră setată la calitate medie sau scăzută.

Utilizați altele suplimentare care extind posibilitățile Instagram. De exemplu, creați colaje originale în editorul Snapseed sau editați fotografiile terminate.

Utilizați grila din setările camerei dvs. pentru a urma regula treimii.

Nu uitați de accesorii suplimentare. De exemplu, un obiectiv atașat sau un trepied vă va aduce fotografiile mai aproape de cele profesionale. O carcasă rezistentă la apă vă va permite să faceți fotografii spectaculoase sub apă.

Încercați diferite idei, unghiuri, parcele

Evită clișeele: pisici, mâncare, selfie-uri de același tip... Prea banal pentru tine, nu-i așa? Dar dacă decideți să faceți un autoportret, atunci folosiți.

Dar încercați să nu vă fotografiați. În schimb, încercați să împușcați mai des alte persoane, situații neobișnuite, obiecte și locuri interesante.

Caută constant povești noi. Încercați să umpleți pozele cu valoare artistică, creativitate, umor, până la urmă.


Capturați nu numai imaginea, ci și sentimentele, încercați să transmiteți starea de spirit.

Experimentați cu unghiuri.

Acordați atenție micilor detalii, priviți în jur. De exemplu, aveți grijă la siluete, lumini și umbre.

Machiajul frumos este întotdeauna armonios. Accentele sunt aranjate astfel încât să excludă vulgaritatea sau aglomerația. Nuanțele sunt folosite numai pe cele care sunt combinate cu nuanța pielii, culoarea ochilor și a părului. Fondurile sunt aplicate în conformitate cu toate regulile. În acest articol, vom vorbi despre ce instrumente aveți nevoie pentru a crea un machiaj frumos, pentru a împărtăși trucuri de frumusețe, precum și instrucțiuni foto și video care vă vor ajuta să vă creați un look de zi și de seară pe cont propriu.

10 reguli pentru un machiaj frumos

Zece instrumente de care veți avea nevoie pentru a crea un machiaj frumos. Plus cum să te descurci cu ei.

corector

Utilizați-l numai în scopul pentru care a fost destinat. Dacă aplicați corector sau fond de ten, de exemplu, ca bază pentru pleoape, există o mare probabilitate ca umbrele să se rostogolească.

Crema tonificanta

Dacă doriți să obțineți o acoperire translucidă, întindeți-o cu degetele, dacă este mai densă - cu o pensulă.

În primul rând, tratați cu ea acele zone care încep să strălucească mai devreme decât altele (de regulă, aceasta este zona T) și abia apoi - restul, într-un strat foarte subțire.

Nu uitați să-l aplicați pe fața, gâtul și zona decolteului, astfel încât nuanța pielii să fie în general uniformă. Faceți acest machiaj la lumina naturală.

Zâmbește înainte de a aplica. Apoi treceți pensula pentru fard de obraz peste merele obrajilor, amestecând pigmentul de-a lungul părții centrale a liniei imaginare dintre bărbie și vârful urechilor.

Instrument pentru sprâncene

Pentru a „ridica” instantaneu fața, subliniază linia superioară a sprâncenelor cu un creion sau pudră de sprâncene.

Pentru a o aplica uniform, începeți să pictați peste buze cu „arcada cupidonului”, apoi întindeți pigmentul în colțuri - înainte de a închide buzele împreună.

Fard de pleoape

Oricare ar fi machiajul ochilor, pielea pleoapelor trebuie să fie pregătită pentru acesta - întinde pe pleoapa superioară (și amestecă spre sprâncene) umbre mate de o nuanță neutră, care se potrivește cu culoarea celei mai deschise părți a feței.

Tus de ochi

În loc să te uiți drept înainte în oglindă, mișcă-te cât mai aproape de ea, aruncă-ți capul pe spate. Începeți să vă aliniați ochii din colțurile interioare, trecând treptat spre cele exterioare.

Pictați peste gene, începând de la rădăcini (ține puțin peria în această zonă), apoi treptat treptat spre vârfuri într-o mișcare în zig-zag.

Cum să faci un machiaj frumos pentru ochi?

Ce face machiajul ochilor frumos? Vorbim despre tehnici, nuanțe și mijloace.

Începeți cu sprâncenele

Frumos conturat atrage atenția asupra ochilor. Cu o perie curată, pieptănați firele de păr în sus, apoi completați „golurile” dintre ele cu umbre care repetă nuanța sprâncenelor în culoare. Treceți de la baza sprâncenei la „coadă”. Dacă ți se potrivește grosimea sprâncenelor, folosește un gel transparent pentru a coafa și fixa firul de păr pur și simplu.

Nu uitați de baza de sub umbră

Pentru ca machiajul să reziste cât mai mult, nu neglijați primerul pentru ochi. Va netezi pielea și o va pregăti pentru aplicarea fardului de pleoape.

Creați adâncime

Pentru a face aspectul profund, distribuiți umbre ușoare pe întreaga suprafață a pleoapei și aplicați în pliu pe cele închise, din aceeași culorile- Amesteca-l corect. Un astfel de truc de machiaj va oferi machiajului un efect 3D.

Alegeți cu grijă nuanțele

Poate că unul dintre cei mai importanți pași în machiaj este alegerea unei nuanțe care să se potrivească cu culoarea ochilor tăi. O regulă universală: alege culorile umbrelor care sunt opuse culorii ochilor tăi de pe roata culorilor. Astfel, pentru ochii albaștri, nuanțele de bronz și cupru sunt perfecte, pentru verde și maro - mov și taupe. Printre altele, acordați atenție nuanței pielii: cu cât este mai închisă, cu atât trebuie alese nuanțe mai calde de umbre.

Nu uitați sub apă

Aplicați gel, lichid sau creion de-a lungul liniei superioare a genelor. Dacă ochii sunt deschisi, folosiți o căptușeală maro, dacă întunecată - negru. Sub genele inferioare, aplicați fardul de pleoape maro sau negru cu o pensulă mică pentru a crea un efect „fumuriu”. Principalul lucru este să vă asigurați că pleoapa superioară converge cu creionul inferior în colțul exterior al ochiului.

Aplicați iluminatorul în mod corect

Iluminează zona de sub sprâncene și colțurile interioare ale ochilor pentru a „deschide” instantaneu aspectul. Pentru a face acest lucru, utilizați un iluminator sau umbre strălucitoare.

Atingerea finală - cerneală

Ondulează-ți genele cu un ondulator înainte de a le colora. Apoi aplica rimel in doua sau trei straturi. Puteți alege diferite formule - dacă doriți atât să vă lungiți genele cât și să le adăugați volum, aplicați alternativ două produse.

Cum să faci un machiaj frumos pentru buze?

Daca totul este mai mult sau mai putin clar cu balsam si luciu de buze, machiajul cu ruj necesita cunoasterea anumitor tehnici de machiaj. Ce?

Creați o fundație

Înainte de a aplica rujul, trebuie să exfoliați cu atenție pielea buzelor. În caz contrar, poți sublinia imperfecțiunile, mai ales dacă rujul are o textură densă sau o nuanță închisă. Scrub-ul poate fi preparat acasă - de exemplu, amestecați mierea cu zahărul.

strat de corector

Pentru ca rujul de pe buze să arate la fel ca în stick, înainte de a-l aplica, acoperiți buzele cu un strat subțire de fond de ten sau corector - astfel încât buzele să nu aibă o nuanță naturală roz, ci o nuanță a pielii. O alternativă este să întindeți un balsam hidratant pe buze, să uscați cu o cârpă curată și uscată, apoi să aplicați un strat de pudră translucidă.

Cheia este reziliența

Mai ales dacă machiajul ar trebui să fie de seară. Aplicați un strat de ruj, ștergeți buzele cu un șervețel curat și uscat și adăugați un strat de pudră translucidă folosind o pensulă mare pentru fard de pleoape. Apoi aplicați încă unul sau două straturi de ruj în același mod.

Mărimea contează

In cazul in care urmeaza sa te machiezi cu ruj rosu, tine minte: astfel de nuante pot reduce buzele deja subtiri. În loc de ruj roșu clasic, folosește roșu-portocaliu.

  • O altă modalitate de a mări vizual buzele este să le machiezi cu un creion de contur. Alegeți două produse din aceeași gamă de culori, unul sau două tonuri diferite unul de celălalt. Lumină aduce buza superioară, întuneric - inferioară. Efectul nu va fi evident, dar totuși vizibil.

Alege rozul perfect pentru fiecare zi

Trageți-vă buza de jos înapoi sau priviți partea interioară a obrazului - aceasta este nuanța perfectă de roz care se va combina cu aspectul dvs.

Experiment

O nuanță neobișnuită de luciu de buze - de exemplu, mov delicat sau liliac - poate transforma orice machiaj. Aplicați-l peste ruj pentru a vă împrospăta aspectul.

O zi bună, dragi cititori de blog

Victor este cu tine. Astăzi vreau să vă aduc în atenție o altă traducere interesantă de pe site-ul http://net.tutsplus.com/. Acest articol vă va arăta cum puteți desena un site web frumos cu aproape zero cunoștințe în Photoshop.

Merge…

Vrei să creezi un site web frumos, dar nu ai idee cum se face? Vrei să înveți cum să creezi un site web? Sincer să fiu, asta mi s-a întâmplat acum câțiva ani. Am întâlnit o mulțime de site-uri web frumoase în timp ce navigheam pe web și întotdeauna mi-am dorit să pot crea singur astfel de site-uri web. Acum știu deja cum să o fac și sunt gata să te învăț cum să o faci! În esență, acest lucru necesită niște abilități Photoshop și atenție la detalii. În acest ghid, voi acorda atenție acelor detalii aparent nesemnificative care alcătuiesc un design frumos de site web. Porniți Photoshop și să începem!

Montaj: Rog Victor

Bună ziua, mă numesc Marko, sunt web designer din minunata țară Croația. Dezvolt site-uri web ambițioase, cu aspect cool și moderne. De asemenea, scriu articole pentru Themeforest și Graphicriver și îmi place să scriu ghiduri. În timpul meu liber, vorbesc doar cu copiii mei sau mă gândesc la următorul Big Project. Oh, ca toți ceilalți, eu blog pe Twitter.

Pasul 1 - Descărcați șablonul 960 Grid System

Dezvolt aproape toate modelele bazate pe sistemul 960 Grid. Prin urmare, trebuie mai întâi să descarcăm aceste șabloane de bloc pentru Photoshop, care pot fi găsite pe site-ul oficial 960.gs. Doar despachetați fișierul zip și găsiți șabloanele PSD în el. Veți vedea două tipuri de șabloane: unul este 12_col, celălalt este 16_col. După cum puteți vedea din nume, ele diferă prin aceea că una este formată din 12 coloane, iar cealaltă din 16. Pentru a explica puțin mai precis, să presupunem că designul dvs. va consta din trei blocuri verticale, atunci trebuie să luați șablonul 12_col , deoarece 12 este un multiplu al lui 3 Și dacă designul dvs. va consta din patru blocuri verticale, atunci puteți utiliza atât 12_col, cât și 16_col ca șablon, deoarece atât 12, cât și 16 sunt multipli ai lui 4. Ne vom uita la asta cu un exemplu mai târziu. în tutorial.

Pasul 2 - Definiți structura

Înainte de a deschide șablonul PSD și de a începe să desenăm, trebuie mai întâi să decidem asupra structurii site-ului nostru. Aceasta va fi o structură destul de complicată, deoarece vom folosi straturi imbricate. Acest lucru este ilustrat în figura de mai sus.

Pasul 3

După ce ne-am hotărât asupra structurii site-ului, putem merge mai departe. Deschideți șablonul 16_col.psd. Accesați meniul „Imagine”> „Dimensiunea pânzei” (Imagine> Dimensiunea pânzei). Setați dimensiunea la 1200px lățime și 1700px înălțime. Setați culoarea de fundal la #ffffff.

Pasul 4

Pasul 5

Creați un nou strat deasupra zonei dreptunghiulare și setați modul strat la „Suprapunere” (Suprapunere). Cu tasta Ctrl apăsată, faceți clic pe stratul cu dreptunghi. Acesta va fi evidentiat. Selectați o perie moale (perie moale) cu o grosime de 600 px, setați culoarea la alb și faceți clic de câteva ori, plasând marginea pensulei chiar deasupra zonei selectate, așa cum se arată în imagine. Astfel, vei crea un efect de lumină frumos și ușor. De asemenea, puteți lega aceste două straturi.

Pasul 6

Strat nou. Selectați din nou instrumentul Dreptunghi și desenați un dreptunghi subțire gri închis, așa cum se arată.

Pasul 7

Cu Instrumentul dreptunghi selectat, desenați un bloc mare la aproximativ 500 px sub dreptunghiul de sus. Faceți-o 575 px înălțime și acordați-i un gradient liniar între #d2d2d0 și #ffffff , unghi de -90° și scară 100%.

Pasul 8

Acum vom crea același efect de lumină descris în Pasul 5. Vom mai folosi acest truc de câteva ori, așa că data viitoare vă voi trimite doar la Pasul 5 pentru efect.

Creați un nou strat deasupra tuturor straturilor curente. Țineți apăsată tasta Ctrl și faceți clic pe dreptunghiul mare. Selectați o perie moale de 600 px grosime, setați culoarea la alb și faceți clic de câteva ori, plasând marginea pensulei chiar deasupra zonei selectate, așa cum se arată în imagine.

Pasul 9

Creați un nou strat și desenați un dreptunghi mare de 400 de pixeli. Va fi folosit pentru antetul site-ului nostru. Aplicați peste el un gradient albastru frumos de la #2787b7 la #258fcd.

»Vezi ce tranziție blândă de nuanțe?





Pasul 10

Adăugați o linie albastru închis de 1px de-a lungul marginii de jos a antetului, aplicați un efect de umbră. Pentru a suprapune umbra, utilizați modul Înmulțire (Multiplicare), opacitate (Opacitate) 65%, unghi (unghi) -90 °, offset (Distanță) 1px, dimensiune (Dimensiune) 6px. Apoi, creați un nou strat deasupra și trageți o altă linie albă de 1px sub linia albastră. În acest fel, vom crea o chenar distinctă pentru blocul nostru de conținut principal. În principiu, poți aplica această tehnică de design a bordurilor pentru fiecare bloc al proiectului tău, doar cu alte nuanțe.

Pasul 11

Creați un nou strat și utilizați instrumentul Dreptunghi pentru a desena un dreptunghi înalt de 50 de pixeli în partea de sus a pânzei, așa cum se arată. Va servi drept bară de navigare.

Aplicați o umbră folosind opțiunile prezentate în imagine.

Pasul 12

Este timpul să începem navigarea. Utilizați instrumentul dreptunghi rotunjit și setați raza la 5px. Desenați un dreptunghi, umpleți-l cu #f6a836 și aplicați următoarele efecte:

- Umbra interioară - Culoare: #ffffff, Mod: Suprapunere, Opacitate: 60%, Unghi: 120°, Offset: 7px, Dimensiune: 6px.

- Strălucire interioară - Mod: Normal, culoare: #ffffff, Dimensiune: 4px, lăsați alți parametri impliciti.

- Stroke - Dimensiune: 1px, Poziție: Interior, Culoare: #ce7e01.

Acum selectați acest dreptunghi cu Ctrl și faceți clic pe mouse. Accesați meniul „Selectare”> „Modificare”> „Comprimare” (Selectare> Modificare> Contract) și introduceți 1px în fereastra care apare.

Creați un nou strat deasupra, setați modul la „Suprapunere” (Suprapunere) și aplicați efectul descris la Pasul 5, doar de această dată folosind o pensulă mai mică. Apoi, adăugați text de navigare. Am folosit fontul Arial pentru link-urile de navigare, toate litere mari și fără anti-aliasing.

Pasul 13

Acum să creăm un câmp de căutare. Folosind Instrumentul dreptunghi rotunjit cu o rază de 5 pixeli, creați o casetă de căutare în partea dreaptă a grilei șablonului marcat, în mijlocul barei gri de sus creată la Pasul 4. Adăugați următoarele stiluri de strat la strat:

- Umbra interioară (Umbra interioară) - culoare: # 000000, Mod: Înmulțire (Multiplicare), Opacitate (Opacitate): 9%, Unghi (Unghi): 90 °, Offset (Distanță): 0px, Dimensiune (Dimensiune): 6px.

- Stroke (Stroke) - Dimensiune (Dimensiune): 1px, Poziție: Interior (Poziție: interior), culoare: #dfdfdf.

În acest moment, avem deja o mulțime de straturi și trebuie să le aranjam puțin. Pentru a face acest lucru, vom crea un nou Folder Straturi și îl vom numi „Căutare”. Selectați toate straturile care alcătuiesc câmpul de căutare și pur și simplu trageți și plasați noul folder. În viitor, vom distribui alte elemente în foldere, astfel încât să avem o paletă de straturi concisă, ordonată.

Pasul 14

Creați un nou strat și desenați butonul „Înscrieți-vă” în același mod în care am desenat câmpul de căutare, lat doar pe jumătate. Plasați-l sub câmpul de căutare, în centrul blocului de navigare.

Din nou creăm efectul descris în Pasul 5.

Utilizați o perie moale mai mică. În acest caz, am setat dimensiunea la 45px.

Pasul 15

După ce ați adăugat sigla și subtitrarea, site-ul nostru ar trebui să arate așa.

Pasul 16

Acum să revenim la ordonarea straturilor, pe care am menționat-o mai sus. Creați un nou dosar de strat gol și numiți-l „bara_de sus”. Mutați toate straturile grafice din partea de sus a șablonului în el (sigla, subtitrarea, caseta de căutare, butonul de înregistrare, bara de navigare și elementele de fundal).

Creați un alt dosar de strat gol și numiți-l „antet”. Vom muta grafica din antetul șablonului nostru în ea. Așa ar trebui să arate.

Pasul 17

Antetul nostru pare puțin rustic până acum, așa că haideți să-i adăugăm același efect de iluminare pe care l-am aplicat altor elemente ale site-ului. Selectați blocul antet (cel în albastru). Creați un nou strat gol deasupra și setați modul acestuia la „Suprapunere” (Suprapunere).

Selectați o perie moale mare de 600 px, culoare #ffffff și faceți clic de câteva ori în zona de sub bara de navigare. De asemenea, pentru un efect mai profund, putem trece la negru și facem același lucru în partea de jos a antetului. Incearca-l!

Pasul 18

În acest pas, vă voi explica cum am făcut reflecția pentru imaginile din antet. Găsiți câteva imagini la alegere, am folosit capturi de ecran ale browserului Safari cu imagini ale celorlalte două șabloane ale mele. Faceți unul dintre ele mai mic și puneți-l sub al doilea, care este mai mare. Duplicați ambele straturi și utilizați instrumentul Transformare gratuită pentru a răsturna prima imagine, apoi a doua. Mutați ambele imagini în jos cu câțiva pixeli. Acum faceți o selecție din partea de jos a părții exterioare până la mijlocul primei imagini inversate folosind instrumentul Marquee dreptunghiular (Marcă dreptunghiulară). Accesați meniul „Selectare”> „Modificare”> „Feathering” (Selectare> Modificare> Feather) și în fereastra care apare, introduceți 30px sau mai mult. Ar trebui să obțineți aceeași selecție ca cea prezentată în imagine. Apăsați butonul Ștergere de câteva ori pentru a obține o reflexie umbrită plăcută a imaginii originale. Repetați același pas pentru a doua imagine.

Acum, pentru a face ambele imagini să iasă puțin în evidență, creați un nou strat și setați modul acestuia la Suprapunere. Aplicați efectul descris la Pasul 5.

Așa ar trebui să arate antetul nostru după adăugarea unui antet frumos și a câtorva butoane. Nu uitați să grupați toate straturile grafice antet în folderul „antet” pentru a păstra ordinea în paleta de straturi.

Pasul 19

Privind la previzualizarea finală a designului nostru, veți observa file frumoase în blocul cu conținutul principal. Pentru a crea astfel de file, va trebui să facem câțiva pași suplimentari, dar cu siguranță merită. În primul rând, folosind Instrumentul dreptunghi rotunjit, desenați o formă dreptunghiulară mare de 70 px înălțime, cu o rază a colțului de 10 px sau mai mult, dacă doriți. Acum trebuie să scăpăm de colțurile inferioare rotunjite și să le facem perfect drepte. Selectați instrumentul „Zona (linie orizontală)” (Selectare directă) și setați-l pe marginea formei. Faceți clic pe punctul axei verticale și, ținând apăsată tasta Shift, trageți-o în jos până ajunge la nivelul axei orizontale. Deja bun, dar colțul este încă deformat. Se vede o coadă mică. Faceți clic pe el și glisați-l până la nivelul axei orizontale.

Am făcut un unghi drept perfect. Așa ar trebui să arate. Acum repetați acest pas pentru colțul din dreapta jos.

Pasul 20

Selectați instrumentul Line, 1px grosime.

Pasul 21

Desenați separatori în gri în timp ce țineți apăsată tasta Shift.

Pasul 22

Plasați câteva pictograme, titluri și descriere pentru fiecare filă. Am folosit pictogramele lui Ray Cheng, care pot fi descărcate de pe WebAppers.com. De regulă, o filă este întotdeauna activă, în timp ce altele rămân inactive. Pentru ca acest lucru să fie clar vizibil în designul nostru, trebuie să găsim o modalitate de a-l arăta. Am desaturat restul pictogramelor și am redus opacitatea titlurilor și textului, lăsând prima filă activă colorată și strălucitoare.

Pasul 23

Pentru a face fila activă mai vizibilă, îi vom da un fundal alb umbrit. Pentru a face acest lucru, selectați mai întâi întreaga formă, apoi scădeți excesul din selecție, astfel încât doar prima filă să rămână selectată.

Așa ar trebui să arate selecția.

Utilizați o perie moale mică pentru a crea un fundal alb.

Pasul 24

Să adăugăm o umbră. Desenați un dreptunghi gri închis sub file, așa cum se arată.

Adăugați o mască vectorială (mască vectorială) făcând clic pe pictograma mică din partea de jos a paletei de straturi.

Setați culoarea la negru, alegeți o perie mare moale și începeți să eliminați dreptunghiul în secțiuni mici până când aveți un efect de umbră frumos sub filele noastre.

În sfârșit, să fim atenți la detalii. Desenați o linie gri de 1px de-a lungul marginii de jos a barei de file. Adăugați din nou masca la strat așa cum este descris mai sus și cu o perie mare moale îndepărtați marginile liniei din stânga și din dreapta. Acum avem o linie frumos umbrită care scoate în evidență umbra de sub filele noastre.

Așa ar trebui să arate filele noastre.

Pasul 25

Este timpul să începem să proiectăm conținutul principal al primei noastre file. Avem nevoie de o imagine frumos proiectată, un titlu frumos și ceva text. Mai întâi, să decorăm imaginea. Mi s-a părut că ar fi frumos să spargem simplitatea designului nostru creând un efect frumos de fotografii stivuite. Pentru a realiza acest lucru, desenați un dreptunghi alb cu un chenar gri și o grosime de 1px și dați-i un efect de umbră.

Importați imaginea pregătită și plasați-o deasupra dreptunghiurilor albe. Nu vă faceți griji dacă imaginea este în afara limitelor - vom repara asta. Selectați dreptunghiul de sus, mergeți la meniul „Selectare”> „Modificare”> „Comprimare” (Selectare> Modificare> Contract) și în fereastra care apare, introduceți 5px. Cu stratul de imagine selectat, faceți clic pe pictograma Mască rapidă din partea de jos a Paletei Straturi. Veți obține efectul unei imagini frumoase cu un cadru, așa cum se arată în imaginea de mai sus.

Așa ar trebui să arate ordinea straturilor.

Pasul 26

Nu uitați să păstrați ordinea. Creați foldere de straturi și organizați straturi în ele pe paleta dvs. Am făcut-o așa.

Adăugăm titluri frumoase, niște texte și liste cu marcatori și putem considera munca noastră de web design finalizată. Mergem mai departe.

Și un pic mai multă organizare a straturilor.

Pasul 27

Am decis că acest bloc ar trebui să fie mare, așa că l-am plasat într-o cutie mare imediat după blocul principal. Mai întâi, desenați un dreptunghi mare, gri deschis, cu o înălțime de aproximativ 220 px, cu un chenar gri de 1 px.

Adăugați ceva text și gata!

Pasul 28

Acum să aruncăm o privire la subsol. Desenați un dreptunghi mare, gri închis, cu o înălțime de 400 px.

Pasul 29

Aplicați efectul de lumină exact așa cum am descris în Pasul 5.

Pasul 30

Pasul 31

Creați blocul cel mai de jos în care navigarea va fi duplicată. Puteți să copiați caseta de navigare dreptunghiulară de sus, să o plasați în partea de jos și să îi setați înălțimea la aproximativ 40 px. Așezați-l chiar în partea de jos a pânzei dvs. Vă rugăm să rețineți că poate fi necesar să extindeți pânza în acest scop pentru a se potrivi cu toate elementele grafice. În acest caz, deschideți meniul „Imagine”> „Dimensiune pânză” (Imagine> Dimensiune pânză) și setați înălțimea la care se potrivește întregul proiect pe pânză.

Pasul 32

Să fim din nou atenți la micile detalii. Să adăugăm o linie albă de 1px de-a lungul marginii superioare a blocului de navigare de jos, dându-i un efect de chenar frumos.

Pasul 33

Să umplem subsolul cu conținut și să-l aranjam frumos conform grilei noastre.

Pasul 34

În cele din urmă, organizați toate straturile în dosare. Am făcut-o așa.

Proiecta






Acesta este designul pe care l-am făcut cu câteva modificări pentru diferite pagini. Modelele PSD gata făcute pot fi, desigur, achiziționate de pe ThemeForest.net.

Câteva cuvinte în concluzie

Sper că v-a plăcut acest tutorial și ați învățat câteva trucuri noi. Acum este rândul tău să creezi noi modele grozave. Nu uitați că acordând o atenție deosebită micilor detalii, puteți crea site-uri web frumoase cu doar două sau trei instrumente în Photoshop. Este grozav, nu-i așa?

Bună prieteni! Astăzi vreau să vă vorbesc despre crearea de site-uri web frumoase bazate pe WordPress. Sunt sigur că există o cantitate mare de informații pe Internet, care nu este atât de ușor de înțeles. Este deosebit de ușor să te pierzi într-o mare de informații dacă te-ai hotărât să creezi primul tău site web, sau poate doar să câștigi experiență în ceea ce privește crearea de site-uri web/bloguri. Nu vă voi încărca cu câteva informații teoretice și tehnice, dar vă voi spune ce resurse folosesc pentru a crea site-uri web frumoase (am deja cinci dintre ele).

Voi începe cu modul în care am creat primul meu site - Despre SMM - fără cunoștințe de construcție a site-ului.

În mai se vor împlini doi ani de când am creat primul meu site - Despre SMM. La acel moment, nu știam absolut nimic despre cum să creez un site web, cum să-l fac să arate decent și să fie plăcut de vizitatori. Da, ce să spun! Nici nu știam să scriu articole. Pentru mine totul a fost o curiozitate și a trebuit să stăpânesc pas cu pas și să învăț să fac totul singur. Încă lucrez pe site fără ajutorul nimănui - încet și pe cont propriu.

Șabloane de site-uri Teme elegante

După cum era de așteptat, mai întâi am găsit o găzduire potrivită. Apoi am instalat WordPress și am început să caut un șablon de site frumos. În prima etapă, am descărcat o temă gratuită pentru WordPress, dar cumva nu am fost mulțumit de rezultat. Mi-am dorit foarte mult ca blogul meu să impresioneze vizitatorii și să arate profesionist încă de la început. Apropo, am reușit și mai departe vă voi spune cum am făcut-o. Nimeni nu a ghicit că site-ul a fost făcut de o persoană care habar n-are cum sunt create site-urile în general 🙂

Deoarece șablonul gratuit nu mi se potrivea deloc și nu aveam bani pentru un designer, am început să caut teme premium demne care să nu strice un blogger începător. Nu-mi amintesc cum, dar am dat peste un dezvoltator foarte bun - Elegant Themes. Temele lor m-au atras cumva imediat, iar prețul mi s-a părut acceptabil. La urma urmei, pentru aproape același preț pe care îl cer alți dezvoltatori de șabloane, am avut acces nu la unul, dar 87 de teme frumoase și moderne și 5 plugin-uri foarte utileîn plus. Desigur, nu am intenționat să folosesc toate temele deodată, dar faptul a fost foarte plăcut 🙂 Astăzi, privind în urmă, cred că cumpărarea accesului la aceste teme și plugin-uri a fost cea mai bună investiție a mea într-un blog și a dat deja roade frumos.

Notă: Băieți, în iulie 2016 am reproiectat site-ul, așa că ceea ce vedeți acum nu mai este divi. Am decis să schimb direcția blogului meu, așa că am reproiectat complet site-ul. Cu toate acestea, Divi este și rămâne una dintre cele mai bune teme de pe piață și o recomand cu căldură. Apropo, vara aceasta vor lansa o actualizare mare și foarte șic! Acum va fi posibil să schimbați designul site-ului direct „rătăcind” prin site, adică un nou editor vizual va apărea în frontend. Va fi foarte convenabil!

Elegant Themes are o mulțime de șabloane originale, așa cum ați înțeles deja. Cel mai interesant lucru este că toate temele sunt foarte diferite și sunt potrivite pentru diverse proiecte: de la bloguri și portofolii până la magazine online și site-uri web ale companiilor. Dacă ați răsfoit site-urile web pentru dezvoltatori, probabil ați văzut că adesea nu este ușor să găsiți diferențele dintre șabloanele de la același dezvoltator. Totul este cumva monoton și plictisitor. Băieții de la Elegant Themes, evident, nu au probleme cu fantezia. În ciuda sortimentului mare de șabloane, cea mai populară și puternică temă este Divi Pe care, de altfel, îl folosesc și eu. Pe baza lui, am creat deja mai multe site-uri cu subiecte complet diferite. Cred că odată ce vei încerca Divi, va fi foarte greu să treci la altceva. Este atât de puternică și flexibilă!

De ce îmi place Divi?

- În primul rând, asta ușurință de instalareși ușurință în utilizare. După cum am spus mai sus, nu am cunoștințe speciale în programare sau în construcția și proiectarea site-urilor, așa că simplitatea este foarte importantă pentru mine.

- În al doilea rând, Divi și, toate celelalte teme elegante, au design adaptiv, adică arată bine de pe orice dispozitiv, fie el computer, laptop, telefon sau tabletă. Încercați să vedeți cum se schimbă site-ul meu dacă îl priviți într-o fereastră de browser complet deschisă sau într-una mai mică. Veți vedea cum se adaptează site-ul la dimensiunea ecranului sau a browserului dvs. Acest lucru este foarte important, deoarece tot mai mulți oameni citesc site-uri web pe dispozitive mobile și dacă site-ul dvs. nu este potrivit pentru vizualizare pe smartphone-uri și tablete, atunci veți pierde cititori și potențiali cumpărători. Și nu vrem asta, nu-i așa?

„Un alt mare avantaj al Divi este flexibilitatea sa. Acest există un șablon constructor încorporat, cu care poți crea pagini originale și pagini de destinație pentru care ai doar suficientă imaginație. Tot ce aveți nevoie este să mutați diverse blocuri și să le introduceți unde doriți. Mei, precum și , sunt doar realizate folosind un astfel de constructor. Există, desigur, mult mai multe posibilități decât am folosit. Principalul lucru aici este să fii creativ, să încerci și să testezi - Divi are de unde să proiectezi.

Apropo, în prezent lucrează la un constructor universal care va funcționa pe toate temele. De ce este bine? Și lucrul bun este că dacă te hotărăști să treci de la un șablon la altul, site-ul tău nu se va transforma într-o mizerie de neînțeles, ci va dobândi un nou design în câteva secunde. Acesta este un avantaj foarte mare, din moment ce câți dintre noi au timp să joace mai multe zile cu site-ul când trecem de la un subiect la altul?!

Faceți clic pe fotografia de mai sus pentru a vedea toate avantajele Divi cu ochii tăi. Site-ul este în engleză, dar multe vor fi clare.

- Ei bine, un alt mare plus al șablonului - tema a fost recent tradusă complet în Limba rusă! Dacă nu sunteți în întregime prieten cu engleza, atunci aceasta nu este deloc o problemă, deoarece dezvoltatorii au tradus complet șablonul în sine și toate funcțiile sale în rusă, ceea ce simplifică foarte mult munca. Odată am petrecut mult timp pentru a traduce totul în rusă, iar acum este localizat automat. Este foarte dragut!

Pluginuri de teme elegante

Pe lângă minunatele șabloane, Elegant Themes are încă 2 super-plugin-uri: „Site în construcție” și „Butoane sociale”. De fapt, au 5 plugin-uri, dar 3 dintre ele (site-ul mobil, coduri scurte și constructor) sunt acum încorporate în toate temele, deci nu este nevoie specială de a le instala.

Ce este bun la acest plugin pe scurt și nu puteți spune, deoarece îi puteți dedica un articol separat. Poate chiar mai mult de unul - are atât de multe funcții! Ce este? Design variat al butoanelor (culoare, formă, contoare și oh-oh-foarte mult), flexibilitate în alegerea și locația butoanelor, adaptabilitate (adică funcționează pe toate tipurile de dispozitive), statistici detaliate. În cea mai recentă actualizare, dezvoltatorii au adăugat o altă caracteristică super tare - butoane sociale în ferestre pop-up care pot apărea după un anumit declanșare, de exemplu, după un comentariu, achiziție, % defilare în pagină etc. Nici măcar nu am folosit această funcție încă, dar posibilitățile ei, după cum știți, sunt incredibile!

Potrivit ultimelor știri, Elegant Themes lucrează în prezent la un alt plugin super puternic - Bloom. Ideea principală a acestui plugin este ferestrele pop-up cu oferta de abonament. Știind că dezvoltatorii lucrează mereu din greu, sunt sigur că aceasta va fi o altă bombă. Pluginul ar trebui să fie disponibil în curând.

Acesta pare să fie tot ce am vrut să spun despre temele elegante și despre experiența mea foarte plăcută de a folosi temele lor. Înainte de apariția Divi, am folosit cealaltă temă a lor - Nexus, care nu mi s-a potrivit tocmai din cauza necesității de a folosi fotografii mari și a lipsei unui designer. Foarte curând va fi lansată o altă temă puternică numită Extra, potrivită pentru proiecte cu mult conținut. Cel mai probabil voi trece la el, deoarece ei promit că subiectul va fi foarte ușor, orientat social și convenabil pentru proiecte precum Pro SMM. Nu pot sa astept!

Voi fi bucuros să vă răspund la întrebări, deoarece este dificil să acoperiți tot ce aveți nevoie într-un singur articol.

Succes cu construirea site-ului dvs.!

Top articole similare