Cum de a face un grup în contact și de a crea un meniu drop-down grafica, designonstop - pe design

Fac un grup Vkontakte
Grupuri de calitate de proiectare și VC Publice, meniu fix, meniul drop-down, meniul grafic intern, cataloage, navigare interna - preturi si portofoliu.

Pasul 1.
Crearea unui nou document Photoshop undeva 850h700 pixel umple cu alb. În acest exemplu, am lăsat o dată o interfață de top VKontakte pentru claritate. Acum trebuie să taie în stratul de două ferestre prin care să peep de fapt, aspect foarte grafic. Mai întâi selectați 200h500 dreptunghi de pixeli și apăsați Del. Apoi selectați dreptunghiul dimensiunea 510h309 și, de asemenea, apăsați Del.

Dreptunghiuri aliniate de-a lungul marginii inferioare, distanța dintre figurile 50 pixeli. Acest clearance-ul se calculează pentru un nume de linie de grup, o linie de stare, și trei linii de descriere și informații tehnice. Dacă aveți un număr diferit de rânduri, atunci locul personaliza înălțimea imaginii din stânga.

Etapa 2.
Acum, sub acest strat avem toate noastre de design grafic. În acest caz, am pus o imagine de fundal principal, iar apoi a scris textul, și apoi în dreptunghiul din stânga a creat cinci elemente de meniu.

Pasul 4.
În această etapă, trebuie să ne taie noastre de download imagini Vkontakte. Pentru a face acest lucru, chiar sub descrierea grupului, selectați blocul „Ultimele știri“, în opinia mea, cum este numit în original. L-am redenumit „Menu“. Faceți clic pe "Edit." Important! În primul rând, trebuie să aveți o deschide un grup, mai degrabă decât cea a paginii. Din moment ce un astfel de articol de pe pagină nu există. Și în al doilea rând, managementul comunității Meniu> Informații> Materialele trebuie să fie selectate „Open“.

Etapa 5.
Deci, în fila „Editarea“ facem clic pe pictograma cameră, și încărcați noastre cinci imagini meniu tăiat. VKontakte le încărca în sine, reducând dimensiunea de 400 de pixeli în lățime și atribuirea de imagine noborder tag-ul. În etapa următoare trebuie să îmbunătățim un pic de cod.

Mai jos este codul de lucru original al meniului meu. Puteți să-l utilizați ca bază. În ea, modificați imaginile pe cont propriu, înlocuiți dimensiunea și prescrie legăturile lor. Și asigurați-vă că în codul nu există decalaje între paranteze pătrate, și a existat o linie nouă, în caz contrar vor exista decalaje între imaginile din imagine grafică.