|
okt
03
|
|
 Software dobozok a kirakat üvegén vagy a plakáton. Valódi dobozok lefényképezve? Netán 3ds programokkal készítették? Mindkettő meglehet, bár mindez Photoshoppal is kivitelezhető. A következő bejegyzés erről szól: hogyan készítsük el saját webes dobozunkat Photoshop segítségével.
Első lépésként szükségünk van a képre, amiből a dobozt fogjuk összehajtogatni? A leírás erejéig egy egyszerű képet választottam, hogy jobban látszódjanak a dolgok.
Ha kiválasztottad a képet, amiből a doboz készül majd, akkor tedd a következőket. Vágd vertikálisan kettőbe a képet, így elválasztva a doboz élén lévő képet a doboz elején elhelyezkedő képtől. A kapott eredmény nem más, minthogy a két képrészlet külön rétegeken lesz (kinézetileg nincs változás). Jelenleg három rétegünk van, az alsó az alap réteg, fölötte a doboz elejének és oldalának rétege.
 Jelöld ki a doboz élének rétegét, majd válasszd a Free Transfrom menüpontot: Edit / Free transform, vagy Ctrl+T (Command + T Macen) kombináció. Fogd meg a réteg bal szélét és húzd kicsitt össze a képet (vagyis jobb fele). Ha ezzel kész vagy, akkor jobbklikk a rétegen és válaszd a Perspective pontot. Ragadd meg a bal also sarokban lévő négyzetecskét és told el fölfele, így elfordítod a doboz oldalát.
Most a doboz elején lévő kép formálása következik. Jelöld ki a réteget, majd válaszd a Free Transformot, majd Perspective. A doboz szembelső oldalának a jobb alsó sarkát fogd meg, majd told föl egy keveset, így 3ds hatást érsz el. Kattints újból a rétegen a jobb egérgombbal és válaszd a Free transformot, majd csökkents a réteg szélességén, megtartva az arányokat.
Következik a design része. Duplázd mindkét réteget. Fogd meg az egyiket és válts Free Transformra. Jobb klikk, majd Flip vertical és üss entert. Most megfodult az a réteg. Mozgasd a réteget lefele egészen addig, amíg a két réteg csak egy pontban érintkezik.
 Ha megvagy az előző lépéssel, akkor Free Transform, jobb klikk és a Skew opció. Fogd meg a bal felső sarkát, majd told föl egészen addig, amíg eléri a doboz sarkát. Végezd el a műveleteket a doboz első oldalán is. Amikor megvan a két tükröződés, akkor válaszd ki a két réteget, majd üss Ctrl+E (Command + E) kombinációt a rétegek összeolvasztásához.
A tükrözés befejezéséhez adj hozza a réteghez egy maskot, majd egy színátmenettel tedd halványan áttetszővé. (a mask gomb a rétegek ablakocskán van, balról a második) Amennyiben a hátteret is feltuningoljuk egy kis színátmenettel, a kívánt hatás még érezhetőbb lesz.
Ezek az ikonok ún. közösségi könyvjelző oldalakra mutatnak, ahol meg lehet osztani másokkal is amit fontosnak találsz.
 Loading ... |
9 hozzaszólás a "Webes doboz, avagy software csomagolás" bejegyzéshez.
Gratulálok a tutorialhoz 
Elképesztő miket nem lehet csinálni PS-el!
Am magam is webdesign-elek 1 picinyt 
Örülök, hogy tetszik, bár ez még nem nagy dolog Ámulatra méltó, hogy miket lehet elérni!
Szia tényleg nagyon jól sikerült. Én is szoktam photoshoppal kisebb-nagyobb dolgokat csinálni de ilyet még nem próbáltam :). Megcsinálom ezt a tuttorirált bár nem vok nagyon híve a tuttorialról készitett dolgoknak mert nem egyéni alkótás de ez télleg jó
Szerintem abszolut nem rossz dolog leírások után tanulni! A tanulás sosem egyedi, mindig valaki munkáján gyakorolsz, a suliban is, máshol is Szerintem a legjobb és legkönnyebb tanulási mód az a tutoriálok elkészítése.
Na látod ebben igazod van régen mikor kezdtem a photoshoppot akkor még én is tutorialok alapján tanultam de már nagyjából tudok készíteni cuccokat. Amúgy nagyon jó az oldal amúgy el árulom hogy régen a te tutorialáljaid alapján tanultam meg nagyjából photoshopzni, mert még régen a tutorial.hu-n néztem tutorialokat és láttam hogy, készitő tuppacko és fel mentem a honlapodra és ott néztem tutorialokat :). Csak van 1 gondom a mostani oldallal sok tutorial hiányzik ami a régin fent volt és sok jó volt azok között néhányat fel rakhatnál ide is.
Felfogok, csak legyen időm és kapjam meg a régi gépemen az adatbázis mentést. Célom, ki van válogatva egy pár. Örömet okoztál azzal, hogy mondtad tőlem is tanultál, de a nevem ha lehet ne írd el, koszi 
Bocsi hogy el írtam nem figyeltem :). Most ki javítom a hibát:láttam hogy, készitő Tupacko és fel mentem a honlapodra és ott néztem tutorialokat :).
Ok, de lassan eltértünk a témától. Ha nem vág cikk témájához a dolog, akkor azt a fórumba ird légyszíves
ok akkor nézd meg majd a fórumot mert most írok oda is
|
|
