Örülök, hogy tetszik, bár ez még nem nagy dolog 🙂 Ámulatra méltó, hogy miket lehet elérni!
Webes doboz, avagy software csomagolás
Írta: Tupacko | 2007. október 03. | kategóriák: Photoshop, Speciális effektekSoftware 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.
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ó 🙂
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.
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 :).
Én is szoktam apró dolgokat csinálni de itt azért többről van szó és ennek igazán örülök,mert én is szeretnék többet tudni.
Gratulálok a tutorialhoz 🙂
Elképesztő miket nem lehet csinálni PS-el!
Am magam is webdesign-elek 1 picinyt 😛