SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
"A kreativitást
az ötletek
összecsapása
hozza
működésbe."
     Donatella Versace
Tartalom                3.




             Ez meg mi?
                                                             ely
                                                  gazin, m
                                       itális ma                f
                             egy dig                 ásra, pd
             A K
             h
                 reatinet
                           hónapra
               ónapról- n. Olvasásához
                                        ke  rül kiad
                                                    az Adob
                                                        szüksé-
                                                                e
                                                                              Tartalom
             form  átumba                pd  f olvasó innen:
                             evezésű                etsz
              Re ader eln gyenesen letölth
                          et in                 er/
              ges, mely               om/read
                         t.adobe.c                                      04/
               http://ge                                       va-            Logo trend
                                                     leges ro
                                       ó   és külön tsz, mint
                           in álland                sha
                A magaz n témákról olva rketing és
                           lya                      ma                  06/
                taiban o                 t, online                            PS tutorial- footer
                            n , interne
                webdesig n.
                           ete
                 üzlet a n                                    nta a
                                                    sd havo             10/
                                   magaz   int kere      Ha elláto
                                                                    -         Design eszköztár
                  A K reatinet            web  oldalon.           ed,
                               tinet.hu                 mail cím
                  w ww.krea              sm   egadod e aládádba
                             oldalra é        nnal a p
                                                       ost              11/
                  gatsz az          skor azo                       m          Pályázat
                                  é                      n, így ne
                   a megjelen írlevél formájába em.
                                 k h                   ról s
                   kézbesítjü egyetlen lapszám
                                le                                      12/
                    maradsz                                                   krea•TIPP


                                                                        14/   Design cucc

                    a b s o lu t e ly fr e e
                                                                        15/   Fashion Color
                 Ez egy ingyenes kiadván
                                             y, melyre a
                 Creative Commons Nevezd
                                             meg! - Ne add
                 el! - Ne változtasd! 2.5 Magya
                                                rország (CC             16/   Digi Scrapbook
                 BY-NC-ND 2.5) licence événye
                                              s.
                 http://creativecommons.hu/
                                                                        20/ BOOKta- ajánló
                                                                        20/ BOOKta
                Terjeszd és oszd meg!
Impresszum




             • Kiadja: FreshWeb Solutions Kft. - a www.webdesigntanfolyam.eu szervezője és üzemeltetője
             • Web: www.kreatinet.hu • Email: hello@kreatinet.hu • Facebook: www.facebook.com/kreatinet
             • Lapszámunk szerkesztői: Oszkocsil Ágnes, Thurzó Katalin, Cziráki Barbara • Felhasznált
             képek forrása: www.sxc.hu, www.depositphotos.com, ill. az egyes cikkeknél külön jelölve a
             forrás
4.               Logo trend




Festék- hatás                                                               Áttetszőség
Maszatos, akvarell-, vagy vízfesték jellegű,          A logóban megjelenő embléma, vagy ikonok
mindegy. A lényeg, hogy a logóban megjelen-            áttetszősége az adott színtől és a kívánt ha-




                               Logo
nek az erre a kisiskolás technikára utaló stílus-   tástól függően kb. 40-60%. Szimpatikus trend,
jegyek.                                                        remélem marad még egy darabig :)




Mintázatok                     trend
A logóban szereplő objektumok kitöltése ilyen-
                                                                       Matrica- hatás
                                                      A kedvencem. A betűlogók körvonala, vagy
olyan mintázatokkal, motívumokkal. Akárcsak          a logóban szereplő objektumok matricaként
egy tapéta.                                             hatnak a vetett árnyéknak köszönhetően.




                          Tipp:                                         Lounge   oldalát:
                                                           d fel a Logo
                                        tren dekér t keres
                           További logó
                           www.logolo unge.com




                        Írta és készítette: Cziráki Barbara, webdesigner oktató
                        www.webdesigntanfolyam.eu
5.




A webdesigner
a jövő szakmája




       … kreatív munka, jobb élet!

   www.webdesigntanfolyam.eu




 http://www.facebook.com/webdesigner.tanfolyam
6.           PhotoShop tutorial - footer
                                                              rázspálca (Magic Wand Tool –

Kreatív                                                       W) segítségével ki kellett jelölni
                                                              a papír képét, majd jobb egér
                                                              gomb megnyomásával előhívni

footer                                                        a lehetőségeket és ott a „Layer
                                                              via Copy” paranccsal új rétegre
                                                              másolni a kijelölt papír-képet.

Adobe                                                         Ezt a képe másoljuk (húzzuk) át
                                                              az új dokumentumunkba, és ott
                                                              méretezzük a megfelelő mére-

PS- pal                                                       tűre.




Ma már nem elegendő jónak lenni, hanem a
sok-sok jóból kell kitűnnöd az egyediséged-
del, kreativitásoddal. Légy merész és bátran
alkalmazd a trendi és különleges elemeket a
weboldaladon, mint egy jó háttérkép, érdekes
menü kialakítás, vagy mint az előző számban
bemutatott kreatív űrlapok.                     Step 2
Most egy különleges hangulatú footer ké-
szítését mutatom meg Neked lépésről-lé- A mozgató eszközt választva (Move Tool – V),
pésre.                                          húzzunk két segédvonalat és így osszuk három
                                                egyenlő részre a dokumentumot. Amennyi-
A legfrissebb verziójú PS- ot ingyenesen „elvi- ben nincs bekapcsolva a vonalzó, azt a View/
heted” egy 30 napos próbakörre innen:           Rulers menüpontban tudod aktiválni.
http://adobe.ly/FqN0u
                                                Step 3
                                             	
                                             A vízszintes szöveg eszköz (Horizontal Type
Step 1                                       Tool – T) segítségével írjuk be a kívánt szöveget.
                                             Jelen esetben egy „Kapcsolat”, egy „Online kap-
Nyissunk meg egy 950*300 pixel méretű és 72 csolatfelvétel” és egy „Utolsó blogbejegyzések”
dpi felbontású új dokumentumot.              mező fog szerepelni a footerben. Választha-
Ezután nyissunk meg egy régi, kopott papír- tunk tetszőleges betűtípust, ami illik a webol-
képet (én egy OldPaper nevezetű 1500*2027 dalunkhoz és a footer stílusához. Én a „Bradley
pixel méretű képet használok most). Az én Hand ITC” fontot használtam.
esetemben mivel az eredeti képen a papírnak
háttere is van amire nincs szükségünk, a va-
PhotoShop tutorial - footer                                                                7.

A szövegeket igazítsuk el, de nem feltétlenül
kell egy vonalba rendezni őket.




                                                   A küldés szövegdoboz alá jobb oldalra el-
                                                   tolva egy másik betűtípust (pl: Agency FB)
                                                   és #9c1a2d színt használva írd ki: „KÜLDÉS”.
                                                   Ugyanezt a színnel egy ecsetet használva kari-
Step 4                                             kázd be a feliratot.


Húzzunk be egy újabb segédvonalat az online
kapcsolati űrlap szövegbeviteli dobozainak,
majd a téglalap kijelölő eszközt használva
(Rectangular Marqee Tool – M) készítsük egy
téglalapot. Fontos, hogy egy új réteget nyis-
sunk, arra álljunk és a téglalapot CTRL+DELETE
lenyomásával fehér színnel (#ffffff) töltsük ki.   Step 6

                                                   Most nyiss meg egy másik – a háttérként hasz-
                                                   nált papírhoz hasonló képet, ha szükséges a
                                                   már ismert módon vágd ki. Másold (húzd) ezt
                                                   is a dokumentumra, majd kicsinyítsd le, és ki-
                                                   csit döntsd is meg. Helyezd el a footer bal ol-
                                                   dalánál lent, és vízszintes szöveg eszközt hasz-
                                                   nálva ide írhatod például, hogy „Minden jog
                                                   fenntartva”, vagy „Designed by…”

                                                 Ezt követően „ecsetvonás”-ecsetet használunk
                                                 az oszlopok elnevezésének kiemelésére. Az
                                                 általam használt ecset eredetileg majdnem
Step 5                                           függőleges, ezt az ecset választó mellett ta-
                                                 lálható beállításoknál tudjuk módosítani. Az
A fehér téglalap rétegén állva CTRL+J billentyű- iránytű-szerű eszközzel tudunk az ecsetek
kombinációval csináljunk még két másolatot, forgásirányán változtatni, ha ezt beállítottuk
és igazítsuk őket a segédvonalak mentén a a megfelelőre irányúra, akkor a #9c1a2d színt
feliratok mellé. Az üzenet dobozát CTRL+T le- használva a címek alá festünk egy új rétegre.
nyomásával jelöljük ki transzformálásra, majd CTRL+T használatával megnyújtjuk az ecset-
az alsó szélét húzzuk le, amíg a szövegdoboz vonást és egy kicsit össze is nyomjuk, így egy
a kellő méretű nem lesz. Ezután a segédvona- vékony aláhúzás hatását érhetjük el. CTRL+J-
lakra már nem lesz szükségünk.                   kombinációval készítünk még két másolatot
                                                 az ecsetnyomatról és az előbb említett mó-
                                                 don, ha kell, még méretezzük.
8.             PhotoShop tutorial - footer




Step 7                                               Step 8

Most jön a díszek megrajzolása, hiszen már jól       Az általam hasznát vektorok ecset formátum-
látható, hol van üres hely, hova fér el rajz. Elő-   ban is letölthetők, így most azokat használva,
ször egy sugár-szerű mintát készítünk. (Ügyelj,      a már meglévő vektoros rajzok mellé kicsivel,
hogy a minták rétegei a szöveg és a papír ré-        színes lenyomatokat készítünk. A használt szí-
tegek között legyenek majd!) Ehhez vektoros          nek: #9c1a2d, #788fa2, #87a369. Az ecsetek
rajzokat (shape) fogunk használni. A bal oldali      átlátszóságát vegyük le 50%-ra. Tetszőlegesen
eszköztárban válasszuk a Custom Shape Tool           használhatunk még egyéb ecseteket is az üres
(U) eszközt. Válasszunk ki a letöltött minták kö-    helyek kitöltésére. Ha a lenyomatok elkészül-
zül egy sugár formát. Állítsuk a színt #cfbf9c-      tek radír eszközre váltunk és a már korábban
re, style: nincs. Készítsük el a rajzot...           használt ecsetvonás-mintát beállítva, belera-
                                                     dírozunk a színes lenyomatokba. Ügyeljünk
                                                     arra, hogy mindig azon a rétegen álljunk, ame-
                                                     lyiket radírozni szeretnénk.




                                                     Mint látható, a vektorok rajza, az ecsetek le-
... majd vegyük le a rajz átlátszóságát 32%-ra.      nyomata itt-ott lelóg a papír háttérről. Ezt a
                                                     következőképpen orvosoljuk:

                                                  a., Először a vektorokat kell átalakítani. Mint lát-
                                                  ható, a shape-ek vektor-maszkkal készültek. Eze-
                                                  ket kell „raszterizálni”. Ráállunk a shape rétegre
                                                  és jobb egérgombot nyomunk. (kicsit a kapocs
                                                  felé kattintsunk, hogy feljöjjenek a lehetőségek)
Újabb vektoros rajzokat használva készítsük el Itt válasszuk a „Rasterize Layer” parancsot. Így
a díszítést. Itt a beállításoknál a style legyen: sima réteget kapunk a vektor-maszkból.
1px Stroke 0% Fill Opacity!
PhotoShop tutorial - footer                                                                   9.

b., Ezután álljunk a papír rétegre és CTRL-T nyom-      Step 9
va kattintsunk a papírréteg bélyegképére, így kije-
lölve azt. Majd a bal oldali eszközöknél válasszuk
ki például a varázspálcát, és jobb egérgombbal          Hogy jobban érvényesüljön a kész footer, én
kattintsunk a kijelölésre. Itt a „Select Inverse” pa-   még betettem a hátterébe egy fekete-szürke
ranccsal megfordíthatjuk a kijelölést.                  fa-hatású háttérképet. És lám, íme a végered-
                                                        mény:




                                                        Minden általam használt kép, vektor, ecset in-
                                                        gyenesen letölthető a www.devianart.com ol-
                                                        dalról.

c., A kijelölést hagyjuk aktívan és álljunk rá egye-    Remélem élveztétek ezt a kis tutoriált,
sével azokra a rétegekre, amelyek túllógnak a           megismertetek belőle új eszközöket,
háttéren, majd radírozzuk ki őket.                      technikákat és részben vagy egészben
(Ne aggódj, csak a kijelölt területen belül fog a       hasznosítani fogjátok majd a tanultakat.
radír radírozni.)
                                                        Szeretettel,

                                                                                   Oszkocsil Ágnes
                                                                                     webdesigner
                                                                              www.myweb-design.hu
10


                                                  PHp
                                                 form                                         Adobe kuler
       deviant art
                                        Egy kis űrlap gyár a sok                       Színpaletta készítéshez hasz-
  Képek, design elemek, ki-           közül. Különböző kitöltendő                     nálhatod az Adobe professzi-
váló művészek, PS ecsetek             mezőkkel, egyszerű formák-                     onális és ingyenes eszközét, a
                                      kal és választható színekben                   Kulert is. A kész paletták PS- ba
és még sorolhatnánk... Min-
                                       készülhetnek itt az űrlapok.                  behívhatók és felhasználhatók.
dent megtalálsz itt, ami egy
webdesigner szem- szájnak               HTML kód letölthető.                             http://kuler.adobe.com
                                            www.phpform.org
  ingere :)
    www.deviantart.com




                                       PS
                                    Tutorial                                  Digi
                                                                           scrapbook
                           PhotoShop tutorialok és
                          kreatív leírások a kezdőtől             Alapok, amiket a digitá-
                         a haladó szintig a PhotoShop           lis scrapbook- ról tudni kell.
                         Suli honlapján. Legyen szó re-        Blog friss ötletekkel, letölthe-
                          tusálásról vagy trükkökről.
                                                               tő anyagokkal és kivitelezési
                               www.photoshopsuli.hu              segédlettel, tutorialokkal.

                                                                      www.7szindizajn.hu




                                                                    1st
                                                                webdesigner

                                                          Az egyik legrangosabb kül-
                                                            földi webdesigner blog.

                                                            www.1stwebdesigner.com
Készíts színpalettát!
      kreatív pályázat


A pályázat kiírója:
a Profi Otthoni Webdesign Tanfolyam
-
www.webdesigntanfolyam.eu

A pályázat ideje:                                Értékelés:
2012. szeptember 7- től 17- ig                   A legszebb/ legjobb/ legötletesebb palet-
                                                 tát a két tagú zsűri fogja kiválasztani: Kira
A pályázat témája:                               Kati, a www.trendlikeu.hu divatblog házi-
színpaletta a kedvenc fotódból                   asszonya és Cziráki Barbara, webdesigner
                                                 oktató.
A teendők részletes leírása:
Kedvenc fotód felhasználásával készíts           Díjazás:
színpalettát az alábbi módon:                    A kiválasztott színpaletta készítője egyedi
1. A kiválasztott fotóból kreálj színpalet-      dizájnos pólót kap ajándékba, a
tát, melyhez részletes útmutatást adunk          www.onlinepolo.hu jóvoltából.
Facebook oldalunkról letölthető oktató vi-
deóval:
http://on.fb.me/OVkZxN
2. Töltsd le a mellékelt ábrán is látható
sablont (maszk) az alábbi linkről:
http://bit.ly/NYesQD
(kezdőknek png, haladóknak psd formá-
tumban is megtalálható a letöltött zip fájl-
ban)
3. Ezen magazinunk 16. oldalán találha-
tó Gimp tutorial segítségével, hasonlatos
módon készítsd el a kedvenc fotódból és
a színpalettából összeállított pályázati ne-
vezési anyagot.
4. Az elkészült anyagot, ami nagy való-
színűséggel hasonlóan néz ki, mint itt,                                    Eredmény
mentsd el jpg formátumban és töltsd fel                                   hirdetés:
a Profi Otthoni Webdesign Tanfolyam                                       2012. szeptember
Facebook üzenőfalára, ezen a linken:                                     18- án, Facebook
https://www.facebook.com/webdesigner.tanfolyam                           oldalunkon
5. Mutasd meg ismerőseidnek, azaz                                       postoljuk ki a nyer-
oszd meg és lájkoltasd a munkádat :)                                    test.
12.             krea•TIPP

                        www.m
                                    oo.com
                        Névjegyk
                                 árty
                       közel sem ák, címkék, matr
                                   a megsz              icák, min                       http://bit.ly/TYF9Y0
                       ben. A m              okott for            i kártyák
                                 oo.com-               mában é               -
                      lálkozhats           on olyan             s minősé
                                 z                   exkluzív              g-
                      megszok ezekkel, ami ideh               kivitelben
                                                                          ta-
                                                                                        A Moleskine az a mél-
                               ott. A külö            a
                     kat akár a            nleges kis za egyáltalán nem                 tán híres és népszerű
                                z üzleted            kártyákat                          jegyzetfüzet, amibe pl.
                     golás és             be                   és matric
                              dekoráció n is felhasználha                 á-            Picasso és Hemingway is
                                          céljára.            tod, csom
                                                                         a-             rajzolt/ írt egykor. Kivá-
                                                                                        ló minőség, bőr borítás,
                                                                                        letisztult és egyszerű,
                                                                                        mégis exkluzív megjele-
                                                                                        nés jellemzi. Ha borsos
                                                                                        ára ellenére beszerzel
                                                                                        egy ilyet, megérezheted,
      http://bit.ly/RGhldG
                                                                                        milyen különleges érzés
                                                                                        egy Moleskine noteszbe
      A Post-it megszállottjainak egy kreatív
                                                                                        jegyzetelni. Ötleteid így
      emlékeztető- tábla elkészítése, lépésről-
                                                                                        mindig kéznél lesznek.
      lépésre.




                                                                     krea•TIPP   kreatív ötletek és tippek




                                              H
                             it.l  y/P33Ao
                    http://b
                                                          sipesz?
                                               nséges c
                               t jó  egy közö           sén kívü
                                                                 l
                     Mire lehe uhák kiteregeté                 ta-
                                   r                      Szám
                     A mosott                 indenre.
                               yo  n is sok m ötlet megvaló-
                     még nag            dizájnos              nok,
                      lan kr eatív és               kel. Olya
                                a fa     csipeszek       a :)
                       sítható                oltál voln
                                 e m is gond
                       amikre n




                         Rovatszerkesztő: Cziráki Barbara, webdesigner oktató
                         www.webdesigntanfolyam.eu
reatiNET
    kreatív webdesign netmagazin




  Terjeszd, küldd tovább,
oszd meg a Facebook- on

     www.facebook.com/kreatinet
14.             Design cucc

                                                                         2.
       1.




                                                 MK
                                                                                                      3.



                                              MICHAEL KORS

                                           Apple tokok és táskák




               5.                                                                  4.




A világhírű designer, Michael Kors exkluzív, Apple termékekhez gyártott cuccait keresd az Apple Store- ban:
http://store.apple.com/hu/search?find=kors
1. iPhone tok • 2. MacBook Pro kézitáska • 3. iPhone 4S tárca • 4. MacBook Air tok • 5. JetSet utazó kézitáska
Fashion Colors                                                15.




                                                                                    Fashion Colors rovatun-
                                                                                    kat ezúttal a TrendLikeU
                                                                                    divatblog házigazdája,
                                                                                    Kira Kati állította össze.


                                                                                    Mi az, ami jól
                                                                                    áll Neked?
               őszi lább elik trendje                                               Találd meg
2012                                 felme   rül, legtöbb
                                                            eknek a Sze
                                                                          x
                                                                       yűjte-
                                                                                    egyéni stílusod!
                     kapcsolata                          méltó cipőg
Ha a n  ő és a cipő        jut eszébe     . Irigylésre        n. Hiú ábrá
                                                                            nd      Iratkozz fel hamarosan
             rk Carrie-je                       darabokba
és New Yo              a szebbnél
                                       szebb
                                                          i hasonló k
                                                                       ész-         induló „Trended legyen
ménye     bővelkedik                szert   fogok tenn                közt
                     n valaha is                        em többek                   rendben!” mini email
azt h  inni, hogy é                     . E törekvés         lőtt új évsza
                                                                            k
                         edhetek rá                                                 kurzusunkra ingyenesen!
 letre, de  azért törek             minde     n évben mie hogy felvá-
                      meg, hogy                 ztetést érze
                                                              k,
 abba   n nyilvánul             atatlan kés
                 be, ellenállh                 darabokat.
                                                                                    www.trendlikeu.hu
  köszöntene                ivat szerinti
               legújabb d
  sároljam a                                                     kat rúgja, d
                                                                               e
                                            yár m  ár az utolsó             az
                          rít, hogy a n         dat, hogy e
                                                              ljött az idő
   Egyrész  ről elszomo         l tölt el a tu                     lnék, feltér-
                r izgalomma                  sz nélk  ül nekiindu
   ugyanakko                a. Mielőtt é
   újabb cip  ővadászatr           cipődivatot.
                                                   ..
                  2 012-es őszi
    képezem a
                                                 atblogon:
                  vább a Tre   ndLikeU div
    ... olvasd to
                   /Q23QVm
     http://bit.ly




                                                                                   A bemutatott Zara, Guess és Scarpe Italiane
                                                                                    modellek hamarosan megvásárolhatók a
                                                                                       www.trendlikeu.hu webshopban.
16.             Digi scrapbook- Gimp tutorial
                                                       Válasszunk ki 8 db hangulatos nyári fotót és
                                                       másoljuk át egy külön mappába
                                                       Töltsük le a Nyári tabló gyorslapot:
                                                    rteb-
                                       gyre isme
               okozás      fogalma e        hetjük sz
                                                       http://bit.ly/TmV5Ye
                                                       e-
 A scrapbo                     Megörökít
                álunk is.                nk történ
                                                     etét,
 bé válik n                  ket, életü                       Indítsuk el a programot és nyissuk meg a
                  ényein                      dezési és
 mélyes élm umokat, lakberen                                   nyaritablo.png nevű fájlt. Ez a fájl egy réteg-
                    lb                            rom fő
  kö  nyveket, a              észíth  etünk. Há                ből áll, melynek átlátszó részei vannak, fotó-
                rgyakat k
  ajándéktá          :                                         ink keretéül fog szolgálni. A Fájl/Megnyitás
   vált  ozata van                                              menüpont segítségével megnyitunk egy ab-
                    yos (kézi),
   • hagyomán                                              -    lakot ahol meg tudjuk keresni. Jelöljük ki és
    • digitális
                 és                           unka kom
                       a digitá  lis és kézim                    kattintsunk a Megnyitás gombra.
    •h   ibrid (azaz
     binálása).                                lis fájlokra
                         apbook    hoz digitá         rkesz-     Nyissuk meg a 8 db fotót. Ezt egyszerre is
     A d   igitális scr          ) és e  gy képsze                megtehetjük. A Fájl/Megnyitás rétegként
                   grafikákra                      indössze
      (fotókra,                   zük ségünk, m rkesz-            menüpontot válasszuk ki. A megnyíló ab-
                   mra van s                     ysze
      tő progra                      a kiadván                    lakban keressük meg az a mappát, amely-
                       ülönbözik                    es célok-
       a nnyiban k                 épe  k személy                  ben a 8 fotó található. Kattintsunk rá a
                     y ezek a k
       téstől, hog                                                 mappa nevére. Válasszuk ki egyszerre a
                         .
        ra  készülnek                                              8 fotót úgy, hogy rákattintunk az elsőre,
                                                          benyomva tartjuk a shift gombot, majd
                                                          rákattintunk az utolsóra. Kattintsunk a
                                                       Megnyitás gombra.




Nyári   emléktabló
készítése
(digitális scrapbook GIMP-pel)

A következő cikk segítségével el fogunk ké-
szíteni egy hangulatos nyári tablót. Bizonyá-
ra Te is sok fotót készítettél a nyár folyamán.
Ha mégsem, akkor itt az alkalom, hogy bepó-
told. Nemcsak nyaralást, fontos eseményeket,
szép városokat és tájakat lehet fotózni, hanem
teljesen hétköznapi dolgokat is. Nézzük meg
ezeket más szemszögből! Fotózzunk egysze-
rű tárgyakat, pillanatokat, amelyeket máskor
észre sem vennénk.
Töltsük le és telepítsük az ingyenes GIMP kép-
szerkesztő programot. Link:
http://bit.ly/PLYkD6
Digi scrapbook- Gimp tutorial                                                          17.




                                                  Kapcsoljuk össze a fo-
                  A rétegek párbeszédablak-       tók rétegeit. A Rétegek párbeszédablakban a
ban látható, hogy megjelentek az új rétegek is.   láthatóságot jelző szem ikon és a fotó ikonja
Ezek a rétegek vastag betűs felirattal jelennek   közti üres részre kattintva egy láncszem fog
meg. Ez egy fontos tulajdonságot jelez, az alfa   megjelenni. A lánc segítségével egy műveletet
csatorna, azaz az átlátszóság hiányát.            valamennyi kijelölt rétegen egyetlen kattintás-
                      Mentsük el az egész fájlt   sal végrehajthatunk. Valamennyi fotó rétegé-
                                                   vel ismételjük meg ezt a műveletet. (A hátte-
                                                   ret hagyjuk lánc nélkül! )	




xcf formátumban: Fájl/Mentés Másként, a
megjelenő ablakban írjuk át a kiterjesztést xcf-
re. Az xcf a GIMP saját rétegeket tartalmazó                    Jelöljük ki a felső fotót a Réte-
formátuma. Kattintsunk a Mentés gombra.          gek párbeszédablakban, vagy ha különböző a
                                                 méretük, akkor a legkisebbet. Az eszköztárból
A fotókhoz adjunk hozzá átlátszóságot. A ré- válasszuk ki az Átméretezési eszközt. Az esz-
tegek párbeszédablakban jelöljük ki a réteget, köztár alsó felében pipáljuk ki a Méretarány
kattintsunk a jobb egérgombbal. A megjelenő megtartása felirat melletti négyzetet. Az egér-
helyi menüből válasszuk ki az Alfa csatorna gombot lenyomva húzzuk a kép középpontja
hozzáadása menüpontot. Ismételjük meg ezt felé az egeret. Ekkor megjelenik egy ablak,
valamennyi réteggel. A Rétegek párbeszédab- ahol tudjuk követni az aktuális méretet. Húz-
lakban láthatjuk, hogy a feliratok vastagsága zuk akkorára (kb 865 pixel magasság fekvő tá-
megváltozik.                                     jolású képek esetében), hogy arányos legyen a
                                                 képkeret kör alakú kivágásaival. A pontos mé-
                                                 retet beírhatjuk a megjelenő ablakba is.


                                                                            Kezdő, digitális
                                                                        scrapbook tanfolyam
                                                                                 indul
                                                                        2012. szeptember 10- én
              A tutorialt készítette: Thurzó Katalin
              www.7szindizajn.hu
18.           Digi scrapbook- Gimp tutorial
                                                  Ha fedik egymást a fotók, akkor nagyítsuk ki a
Kattintsunk az Átméretezés gombra.                képnézetet az Eszköztárban található Nagyító
                                                  eszköz segítségével. A rétegek párbeszédab-
                                                  lakban jelöljük ki azt a réteget, amin dolgoz-
                                                  ni szeretnénk. Válasszuk ki a téglalap kijelölő
                                                  eszközt, ezzel kerítsük be azt a részt, amit meg
                                                  akarunk tartani a fotóból.




               Kapcsoljuk ki a láncokat a réte-
gek párbeszédablakban. Kattintsunk a lánc-
szem ikonokra, így tudjuk törölni azokat. Az
eszköztárból válasszuk ki az Áthelyezési esz-
közt. A bal egérgombbal ragadjuk meg az egyes
rétegeket és mozgassuk a kör alakú kivágások      A
                                        fölé.     menüből válasszuk ki: Kijelölés/Invertálás. Ez-
                                                  zel megfordítottuk a kijelölést. Válasszuk ki
                                                  a Szerkesztés/Kivágás menüpontot. Állítsuk
                                                  vissza a képnézetet akkorára, hogy a teljes
                                                  képet lássuk a képernyőn. Ezt a kép ablak bal
                                                  alsó sarkában lévő, legördíthető menü segít-
                                                  ségével is megtehetjük. Általában 18 vagy 25%
                                                  a megfelelő érték. Mentsük el a képet először
                                                  xcf formátumban, hátha még később módo-
                                                  sítani szeretnénk: Fájl/Mentés. Végül mentsük
                                                  el jpg formátumban: Fájl/Mentés másként, a
A rétegek                                         kiterjesztést írjuk át jpg-re, majd kattintsunk a
párbeszédablakban ragadjuk meg az alsó Hát-       Mentés gombra.
tér réteget, azaz tablónk keretét és húzzuk fe-
lülre úgy, hogy az összes fotó alá kerüljön.
Ellenőrizzük a fotókat, nem lóg-e




                                                  Kellemes időtöltést és kreatív szórakozást
                                                  kívánok!
valamelyik át a másikra, megfelelő-e a méret.
Ha a mérettel van probléma az előbb már                                             Szeretettel,
használt átméretezési eszköz segítségével                                        Thurzó Katalin
korrigálhatjuk.                                                              www.7szindizajn.hu
knek
Digitális scrapbook tanfolyam indul kezdő
                                      an!
     online, tá  voktatásos formáb
               www.7szindizajn.hu
20.         BOOKta- könyvajánló
                              Webergonómia Jakob Nielsen nyo-
                              mán
                              Jakob Nielsen a web világának nem egyszerűen egy
                              meghatározó alakja, hanem ahogy a New York Times
                              találóan fogalmazott ő a weblap-használhatósági
                              guru. Ezen a területen ma valószínűleg neki van a
                              legnagyobb tapasztalata a világon. A használhatósági
                              vizsgálódásának vezéreszméje mindenekelőtt az egy-
                              szerűségre való törekvés. A web nem termékkataló-
                              gus, nem újság, nem könyv és nem televízió, még csak
                              nem is ezek analógiájára működik. Hanem kattintás
                              alapú interaktív tevékenység, használói élményalko-
                              tás, információvadászat és mozgás együttese. Ez a
                              könyv az elmúlt két évtized jó és rossz webalkalmazási
                              tanulságait összegzi a kiadónál korábban megjelent
                              Web-design című kötete alapján, megújítva a szerző
Webergonómia                  további használhatósági jelentéseinek segítségével. A
                              webergonómia nem a fejlesztők belső ügye, hanem
                              mindnyájunké, hiszen - frivolan fogalmazva - ma már
                              az olvasó is felhasználó. A kötetet a hazai ergonómia
                              bemutatásával Izsó Lajos nyitja meg, és az editition 2.0
                              hagyományainak megfelelően két fiatal webergomán,
                              Bőviz László és Rung András kommentjei kísérik.

                              Megjelent a Typotex Kiadó gondozásában:
                              http://www.typotex.hu/konyv/webergonomia



    Infografika               Az információ gyönyörű
                              Mesés infografikák, mint egy albumba gyűjtve.

                              Megjelent a Typotex Kiadó gondozásában:
                              http://bit.ly/RsQCwV



                              Seth Godin: Mi a bőgés?
                  Marketing   A Te üzletedben, számodra mi a „lila tehén”? Mi az,
                              amivel figyelemfelkeltő és megjegyezhető leszel? 33
                              esettanulmánnyal segít erre rájönni az amerikai mar-
                              keting guru, Seth Godin.

                              Megjelent a HVG Kiadó gondozásában:
                              http://bit.ly/YKd3l
A fiatal tehetségek
ötletességével és
a kezdők lelkesedésével...


... elkészítik a Te céged
weboldalát is!
                                  u
                esignert anoncok.e
       w ww.webd
, akik szeretnének
“Praktikus stílus és divattanácsok azoknak
                                                  kiváltani
    öltözködésükkel még inkább “HŰHA” érzést
                       környezetükben!”




       divatblog & webshop
               www.trendlikeu.hu

Contenu connexe

En vedette

Signage – Turning the tables for e-commerce retailers
Signage – Turning the tables for e-commerce retailersSignage – Turning the tables for e-commerce retailers
Signage – Turning the tables for e-commerce retailersQualDev
 
Continuity Editing
Continuity EditingContinuity Editing
Continuity EditingShiva Kumar
 
Thesis defense
Thesis defenseThesis defense
Thesis defenseppapez
 
Follow people on twitter
Follow people on twitterFollow people on twitter
Follow people on twittercbcampuscmh
 
Tablet hotels power point
Tablet hotels power pointTablet hotels power point
Tablet hotels power pointakram75015
 
Asee Klub Ruma 2012. Vojislav Rodić
Asee Klub Ruma 2012. Vojislav RodićAsee Klub Ruma 2012. Vojislav Rodić
Asee Klub Ruma 2012. Vojislav RodićAdizesSEE
 
Wf gfs and enterprise efficiency
Wf gfs and enterprise efficiencyWf gfs and enterprise efficiency
Wf gfs and enterprise efficiencyHolly Fields
 
Ebook outlook-sharepoint-dropbox-oh-my
Ebook outlook-sharepoint-dropbox-oh-myEbook outlook-sharepoint-dropbox-oh-my
Ebook outlook-sharepoint-dropbox-oh-myIncentive Inc
 
Notícia Carlos slim
Notícia Carlos slimNotícia Carlos slim
Notícia Carlos slimgemmalum
 
444 presentation
444 presentation444 presentation
444 presentationturkb
 
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEE
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEEAsee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEE
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEEAdizesSEE
 

En vedette (13)

Signage – Turning the tables for e-commerce retailers
Signage – Turning the tables for e-commerce retailersSignage – Turning the tables for e-commerce retailers
Signage – Turning the tables for e-commerce retailers
 
Continuity Editing
Continuity EditingContinuity Editing
Continuity Editing
 
5651 Loglama Çözümleri
5651 Loglama Çözümleri5651 Loglama Çözümleri
5651 Loglama Çözümleri
 
Thesis defense
Thesis defenseThesis defense
Thesis defense
 
Follow people on twitter
Follow people on twitterFollow people on twitter
Follow people on twitter
 
Tablet hotels power point
Tablet hotels power pointTablet hotels power point
Tablet hotels power point
 
Asee Klub Ruma 2012. Vojislav Rodić
Asee Klub Ruma 2012. Vojislav RodićAsee Klub Ruma 2012. Vojislav Rodić
Asee Klub Ruma 2012. Vojislav Rodić
 
Wf gfs and enterprise efficiency
Wf gfs and enterprise efficiencyWf gfs and enterprise efficiency
Wf gfs and enterprise efficiency
 
Ebook outlook-sharepoint-dropbox-oh-my
Ebook outlook-sharepoint-dropbox-oh-myEbook outlook-sharepoint-dropbox-oh-my
Ebook outlook-sharepoint-dropbox-oh-my
 
Notícia Carlos slim
Notícia Carlos slimNotícia Carlos slim
Notícia Carlos slim
 
444 presentation
444 presentation444 presentation
444 presentation
 
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEE
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEEAsee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEE
Asee Klub Banja Koviljača 2013.Pozitivna Produktivnost Srđan Nonković ASEE
 
Healthy lifestyle
Healthy lifestyleHealthy lifestyle
Healthy lifestyle
 

Kreatinet webdesign magazin 2012 augusztus

  • 1.
  • 3. Tartalom 3. Ez meg mi? ely gazin, m itális ma f egy dig ásra, pd A K h reatinet hónapra ónapról- n. Olvasásához ke rül kiad az Adob szüksé- e Tartalom form átumba pd f olvasó innen: evezésű etsz Re ader eln gyenesen letölth et in er/ ges, mely om/read t.adobe.c 04/ http://ge va- Logo trend leges ro ó és külön tsz, mint in álland sha A magaz n témákról olva rketing és lya ma 06/ taiban o t, online PS tutorial- footer n , interne webdesig n. ete üzlet a n nta a sd havo 10/ magaz int kere Ha elláto - Design eszköztár A K reatinet web oldalon. ed, tinet.hu mail cím w ww.krea sm egadod e aládádba oldalra é nnal a p ost 11/ gatsz az skor azo m Pályázat é n, így ne a megjelen írlevél formájába em. k h ról s kézbesítjü egyetlen lapszám le 12/ maradsz krea•TIPP 14/ Design cucc a b s o lu t e ly fr e e 15/ Fashion Color Ez egy ingyenes kiadván y, melyre a Creative Commons Nevezd meg! - Ne add el! - Ne változtasd! 2.5 Magya rország (CC 16/ Digi Scrapbook BY-NC-ND 2.5) licence événye s. http://creativecommons.hu/ 20/ BOOKta- ajánló 20/ BOOKta Terjeszd és oszd meg! Impresszum • Kiadja: FreshWeb Solutions Kft. - a www.webdesigntanfolyam.eu szervezője és üzemeltetője • Web: www.kreatinet.hu • Email: hello@kreatinet.hu • Facebook: www.facebook.com/kreatinet • Lapszámunk szerkesztői: Oszkocsil Ágnes, Thurzó Katalin, Cziráki Barbara • Felhasznált képek forrása: www.sxc.hu, www.depositphotos.com, ill. az egyes cikkeknél külön jelölve a forrás
  • 4. 4. Logo trend Festék- hatás Áttetszőség Maszatos, akvarell-, vagy vízfesték jellegű, A logóban megjelenő embléma, vagy ikonok mindegy. A lényeg, hogy a logóban megjelen- áttetszősége az adott színtől és a kívánt ha- Logo nek az erre a kisiskolás technikára utaló stílus- tástól függően kb. 40-60%. Szimpatikus trend, jegyek. remélem marad még egy darabig :) Mintázatok trend A logóban szereplő objektumok kitöltése ilyen- Matrica- hatás A kedvencem. A betűlogók körvonala, vagy olyan mintázatokkal, motívumokkal. Akárcsak a logóban szereplő objektumok matricaként egy tapéta. hatnak a vetett árnyéknak köszönhetően. Tipp: Lounge oldalát: d fel a Logo tren dekér t keres További logó www.logolo unge.com Írta és készítette: Cziráki Barbara, webdesigner oktató www.webdesigntanfolyam.eu
  • 5. 5. A webdesigner a jövő szakmája … kreatív munka, jobb élet! www.webdesigntanfolyam.eu http://www.facebook.com/webdesigner.tanfolyam
  • 6. 6. PhotoShop tutorial - footer rázspálca (Magic Wand Tool – Kreatív W) segítségével ki kellett jelölni a papír képét, majd jobb egér gomb megnyomásával előhívni footer a lehetőségeket és ott a „Layer via Copy” paranccsal új rétegre másolni a kijelölt papír-képet. Adobe Ezt a képe másoljuk (húzzuk) át az új dokumentumunkba, és ott méretezzük a megfelelő mére- PS- pal tűre. Ma már nem elegendő jónak lenni, hanem a sok-sok jóból kell kitűnnöd az egyediséged- del, kreativitásoddal. Légy merész és bátran alkalmazd a trendi és különleges elemeket a weboldaladon, mint egy jó háttérkép, érdekes menü kialakítás, vagy mint az előző számban bemutatott kreatív űrlapok. Step 2 Most egy különleges hangulatú footer ké- szítését mutatom meg Neked lépésről-lé- A mozgató eszközt választva (Move Tool – V), pésre. húzzunk két segédvonalat és így osszuk három egyenlő részre a dokumentumot. Amennyi- A legfrissebb verziójú PS- ot ingyenesen „elvi- ben nincs bekapcsolva a vonalzó, azt a View/ heted” egy 30 napos próbakörre innen: Rulers menüpontban tudod aktiválni. http://adobe.ly/FqN0u Step 3 A vízszintes szöveg eszköz (Horizontal Type Step 1 Tool – T) segítségével írjuk be a kívánt szöveget. Jelen esetben egy „Kapcsolat”, egy „Online kap- Nyissunk meg egy 950*300 pixel méretű és 72 csolatfelvétel” és egy „Utolsó blogbejegyzések” dpi felbontású új dokumentumot. mező fog szerepelni a footerben. Választha- Ezután nyissunk meg egy régi, kopott papír- tunk tetszőleges betűtípust, ami illik a webol- képet (én egy OldPaper nevezetű 1500*2027 dalunkhoz és a footer stílusához. Én a „Bradley pixel méretű képet használok most). Az én Hand ITC” fontot használtam. esetemben mivel az eredeti képen a papírnak háttere is van amire nincs szükségünk, a va-
  • 7. PhotoShop tutorial - footer 7. A szövegeket igazítsuk el, de nem feltétlenül kell egy vonalba rendezni őket. A küldés szövegdoboz alá jobb oldalra el- tolva egy másik betűtípust (pl: Agency FB) és #9c1a2d színt használva írd ki: „KÜLDÉS”. Ugyanezt a színnel egy ecsetet használva kari- Step 4 kázd be a feliratot. Húzzunk be egy újabb segédvonalat az online kapcsolati űrlap szövegbeviteli dobozainak, majd a téglalap kijelölő eszközt használva (Rectangular Marqee Tool – M) készítsük egy téglalapot. Fontos, hogy egy új réteget nyis- sunk, arra álljunk és a téglalapot CTRL+DELETE lenyomásával fehér színnel (#ffffff) töltsük ki. Step 6 Most nyiss meg egy másik – a háttérként hasz- nált papírhoz hasonló képet, ha szükséges a már ismert módon vágd ki. Másold (húzd) ezt is a dokumentumra, majd kicsinyítsd le, és ki- csit döntsd is meg. Helyezd el a footer bal ol- dalánál lent, és vízszintes szöveg eszközt hasz- nálva ide írhatod például, hogy „Minden jog fenntartva”, vagy „Designed by…” Ezt követően „ecsetvonás”-ecsetet használunk az oszlopok elnevezésének kiemelésére. Az általam használt ecset eredetileg majdnem Step 5 függőleges, ezt az ecset választó mellett ta- lálható beállításoknál tudjuk módosítani. Az A fehér téglalap rétegén állva CTRL+J billentyű- iránytű-szerű eszközzel tudunk az ecsetek kombinációval csináljunk még két másolatot, forgásirányán változtatni, ha ezt beállítottuk és igazítsuk őket a segédvonalak mentén a a megfelelőre irányúra, akkor a #9c1a2d színt feliratok mellé. Az üzenet dobozát CTRL+T le- használva a címek alá festünk egy új rétegre. nyomásával jelöljük ki transzformálásra, majd CTRL+T használatával megnyújtjuk az ecset- az alsó szélét húzzuk le, amíg a szövegdoboz vonást és egy kicsit össze is nyomjuk, így egy a kellő méretű nem lesz. Ezután a segédvona- vékony aláhúzás hatását érhetjük el. CTRL+J- lakra már nem lesz szükségünk. kombinációval készítünk még két másolatot az ecsetnyomatról és az előbb említett mó- don, ha kell, még méretezzük.
  • 8. 8. PhotoShop tutorial - footer Step 7 Step 8 Most jön a díszek megrajzolása, hiszen már jól Az általam hasznát vektorok ecset formátum- látható, hol van üres hely, hova fér el rajz. Elő- ban is letölthetők, így most azokat használva, ször egy sugár-szerű mintát készítünk. (Ügyelj, a már meglévő vektoros rajzok mellé kicsivel, hogy a minták rétegei a szöveg és a papír ré- színes lenyomatokat készítünk. A használt szí- tegek között legyenek majd!) Ehhez vektoros nek: #9c1a2d, #788fa2, #87a369. Az ecsetek rajzokat (shape) fogunk használni. A bal oldali átlátszóságát vegyük le 50%-ra. Tetszőlegesen eszköztárban válasszuk a Custom Shape Tool használhatunk még egyéb ecseteket is az üres (U) eszközt. Válasszunk ki a letöltött minták kö- helyek kitöltésére. Ha a lenyomatok elkészül- zül egy sugár formát. Állítsuk a színt #cfbf9c- tek radír eszközre váltunk és a már korábban re, style: nincs. Készítsük el a rajzot... használt ecsetvonás-mintát beállítva, belera- dírozunk a színes lenyomatokba. Ügyeljünk arra, hogy mindig azon a rétegen álljunk, ame- lyiket radírozni szeretnénk. Mint látható, a vektorok rajza, az ecsetek le- ... majd vegyük le a rajz átlátszóságát 32%-ra. nyomata itt-ott lelóg a papír háttérről. Ezt a következőképpen orvosoljuk: a., Először a vektorokat kell átalakítani. Mint lát- ható, a shape-ek vektor-maszkkal készültek. Eze- ket kell „raszterizálni”. Ráállunk a shape rétegre és jobb egérgombot nyomunk. (kicsit a kapocs felé kattintsunk, hogy feljöjjenek a lehetőségek) Újabb vektoros rajzokat használva készítsük el Itt válasszuk a „Rasterize Layer” parancsot. Így a díszítést. Itt a beállításoknál a style legyen: sima réteget kapunk a vektor-maszkból. 1px Stroke 0% Fill Opacity!
  • 9. PhotoShop tutorial - footer 9. b., Ezután álljunk a papír rétegre és CTRL-T nyom- Step 9 va kattintsunk a papírréteg bélyegképére, így kije- lölve azt. Majd a bal oldali eszközöknél válasszuk ki például a varázspálcát, és jobb egérgombbal Hogy jobban érvényesüljön a kész footer, én kattintsunk a kijelölésre. Itt a „Select Inverse” pa- még betettem a hátterébe egy fekete-szürke ranccsal megfordíthatjuk a kijelölést. fa-hatású háttérképet. És lám, íme a végered- mény: Minden általam használt kép, vektor, ecset in- gyenesen letölthető a www.devianart.com ol- dalról. c., A kijelölést hagyjuk aktívan és álljunk rá egye- Remélem élveztétek ezt a kis tutoriált, sével azokra a rétegekre, amelyek túllógnak a megismertetek belőle új eszközöket, háttéren, majd radírozzuk ki őket. technikákat és részben vagy egészben (Ne aggódj, csak a kijelölt területen belül fog a hasznosítani fogjátok majd a tanultakat. radír radírozni.) Szeretettel, Oszkocsil Ágnes webdesigner www.myweb-design.hu
  • 10. 10 PHp form Adobe kuler deviant art Egy kis űrlap gyár a sok Színpaletta készítéshez hasz- Képek, design elemek, ki- közül. Különböző kitöltendő nálhatod az Adobe professzi- váló művészek, PS ecsetek mezőkkel, egyszerű formák- onális és ingyenes eszközét, a kal és választható színekben Kulert is. A kész paletták PS- ba és még sorolhatnánk... Min- készülhetnek itt az űrlapok. behívhatók és felhasználhatók. dent megtalálsz itt, ami egy webdesigner szem- szájnak HTML kód letölthető. http://kuler.adobe.com www.phpform.org ingere :) www.deviantart.com PS Tutorial Digi scrapbook PhotoShop tutorialok és kreatív leírások a kezdőtől Alapok, amiket a digitá- a haladó szintig a PhotoShop lis scrapbook- ról tudni kell. Suli honlapján. Legyen szó re- Blog friss ötletekkel, letölthe- tusálásról vagy trükkökről. tő anyagokkal és kivitelezési www.photoshopsuli.hu segédlettel, tutorialokkal. www.7szindizajn.hu 1st webdesigner Az egyik legrangosabb kül- földi webdesigner blog. www.1stwebdesigner.com
  • 11. Készíts színpalettát! kreatív pályázat A pályázat kiírója: a Profi Otthoni Webdesign Tanfolyam - www.webdesigntanfolyam.eu A pályázat ideje: Értékelés: 2012. szeptember 7- től 17- ig A legszebb/ legjobb/ legötletesebb palet- tát a két tagú zsűri fogja kiválasztani: Kira A pályázat témája: Kati, a www.trendlikeu.hu divatblog házi- színpaletta a kedvenc fotódból asszonya és Cziráki Barbara, webdesigner oktató. A teendők részletes leírása: Kedvenc fotód felhasználásával készíts Díjazás: színpalettát az alábbi módon: A kiválasztott színpaletta készítője egyedi 1. A kiválasztott fotóból kreálj színpalet- dizájnos pólót kap ajándékba, a tát, melyhez részletes útmutatást adunk www.onlinepolo.hu jóvoltából. Facebook oldalunkról letölthető oktató vi- deóval: http://on.fb.me/OVkZxN 2. Töltsd le a mellékelt ábrán is látható sablont (maszk) az alábbi linkről: http://bit.ly/NYesQD (kezdőknek png, haladóknak psd formá- tumban is megtalálható a letöltött zip fájl- ban) 3. Ezen magazinunk 16. oldalán találha- tó Gimp tutorial segítségével, hasonlatos módon készítsd el a kedvenc fotódból és a színpalettából összeállított pályázati ne- vezési anyagot. 4. Az elkészült anyagot, ami nagy való- színűséggel hasonlóan néz ki, mint itt, Eredmény mentsd el jpg formátumban és töltsd fel hirdetés: a Profi Otthoni Webdesign Tanfolyam 2012. szeptember Facebook üzenőfalára, ezen a linken: 18- án, Facebook https://www.facebook.com/webdesigner.tanfolyam oldalunkon 5. Mutasd meg ismerőseidnek, azaz postoljuk ki a nyer- oszd meg és lájkoltasd a munkádat :) test.
  • 12. 12. krea•TIPP www.m oo.com Névjegyk árty közel sem ák, címkék, matr a megsz icák, min http://bit.ly/TYF9Y0 ben. A m okott for i kártyák oo.com- mában é - lálkozhats on olyan s minősé z exkluzív g- megszok ezekkel, ami ideh kivitelben ta- A Moleskine az a mél- ott. A külö a kat akár a nleges kis za egyáltalán nem tán híres és népszerű z üzleted kártyákat jegyzetfüzet, amibe pl. golás és be és matric dekoráció n is felhasználha á- Picasso és Hemingway is céljára. tod, csom a- rajzolt/ írt egykor. Kivá- ló minőség, bőr borítás, letisztult és egyszerű, mégis exkluzív megjele- nés jellemzi. Ha borsos ára ellenére beszerzel egy ilyet, megérezheted, http://bit.ly/RGhldG milyen különleges érzés egy Moleskine noteszbe A Post-it megszállottjainak egy kreatív jegyzetelni. Ötleteid így emlékeztető- tábla elkészítése, lépésről- mindig kéznél lesznek. lépésre. krea•TIPP kreatív ötletek és tippek H it.l y/P33Ao http://b sipesz? nséges c t jó egy közö sén kívü l Mire lehe uhák kiteregeté ta- r Szám A mosott indenre. yo n is sok m ötlet megvaló- még nag dizájnos nok, lan kr eatív és kel. Olya a fa csipeszek a :) sítható oltál voln e m is gond amikre n Rovatszerkesztő: Cziráki Barbara, webdesigner oktató www.webdesigntanfolyam.eu
  • 13. reatiNET kreatív webdesign netmagazin Terjeszd, küldd tovább, oszd meg a Facebook- on www.facebook.com/kreatinet
  • 14. 14. Design cucc 2. 1. MK 3. MICHAEL KORS Apple tokok és táskák 5. 4. A világhírű designer, Michael Kors exkluzív, Apple termékekhez gyártott cuccait keresd az Apple Store- ban: http://store.apple.com/hu/search?find=kors 1. iPhone tok • 2. MacBook Pro kézitáska • 3. iPhone 4S tárca • 4. MacBook Air tok • 5. JetSet utazó kézitáska
  • 15. Fashion Colors 15. Fashion Colors rovatun- kat ezúttal a TrendLikeU divatblog házigazdája, Kira Kati állította össze. Mi az, ami jól áll Neked? őszi lább elik trendje Találd meg 2012 felme rül, legtöbb eknek a Sze x yűjte- egyéni stílusod! kapcsolata méltó cipőg Ha a n ő és a cipő jut eszébe . Irigylésre n. Hiú ábrá nd Iratkozz fel hamarosan rk Carrie-je darabokba és New Yo a szebbnél szebb i hasonló k ész- induló „Trended legyen ménye bővelkedik szert fogok tenn közt n valaha is em többek rendben!” mini email azt h inni, hogy é . E törekvés lőtt új évsza k edhetek rá kurzusunkra ingyenesen! letre, de azért törek minde n évben mie hogy felvá- meg, hogy ztetést érze k, abba n nyilvánul atatlan kés be, ellenállh darabokat. www.trendlikeu.hu köszöntene ivat szerinti legújabb d sároljam a kat rúgja, d e yár m ár az utolsó az rít, hogy a n dat, hogy e ljött az idő Egyrész ről elszomo l tölt el a tu lnék, feltér- r izgalomma sz nélk ül nekiindu ugyanakko a. Mielőtt é újabb cip ővadászatr cipődivatot. .. 2 012-es őszi képezem a atblogon: vább a Tre ndLikeU div ... olvasd to /Q23QVm http://bit.ly A bemutatott Zara, Guess és Scarpe Italiane modellek hamarosan megvásárolhatók a www.trendlikeu.hu webshopban.
  • 16. 16. Digi scrapbook- Gimp tutorial Válasszunk ki 8 db hangulatos nyári fotót és másoljuk át egy külön mappába Töltsük le a Nyári tabló gyorslapot: rteb- gyre isme okozás fogalma e hetjük sz http://bit.ly/TmV5Ye e- A scrapbo Megörökít álunk is. nk történ etét, bé válik n ket, életü Indítsuk el a programot és nyissuk meg a ényein dezési és mélyes élm umokat, lakberen nyaritablo.png nevű fájlt. Ez a fájl egy réteg- lb rom fő kö nyveket, a észíth etünk. Há ből áll, melynek átlátszó részei vannak, fotó- rgyakat k ajándéktá : ink keretéül fog szolgálni. A Fájl/Megnyitás vált ozata van menüpont segítségével megnyitunk egy ab- yos (kézi), • hagyomán - lakot ahol meg tudjuk keresni. Jelöljük ki és • digitális és unka kom a digitá lis és kézim kattintsunk a Megnyitás gombra. •h ibrid (azaz binálása). lis fájlokra apbook hoz digitá rkesz- Nyissuk meg a 8 db fotót. Ezt egyszerre is A d igitális scr ) és e gy képsze megtehetjük. A Fájl/Megnyitás rétegként grafikákra indössze (fotókra, zük ségünk, m rkesz- menüpontot válasszuk ki. A megnyíló ab- mra van s ysze tő progra a kiadván lakban keressük meg az a mappát, amely- ülönbözik es célok- a nnyiban k épe k személy ben a 8 fotó található. Kattintsunk rá a y ezek a k téstől, hog mappa nevére. Válasszuk ki egyszerre a . ra készülnek 8 fotót úgy, hogy rákattintunk az elsőre, benyomva tartjuk a shift gombot, majd rákattintunk az utolsóra. Kattintsunk a Megnyitás gombra. Nyári emléktabló készítése (digitális scrapbook GIMP-pel) A következő cikk segítségével el fogunk ké- szíteni egy hangulatos nyári tablót. Bizonyá- ra Te is sok fotót készítettél a nyár folyamán. Ha mégsem, akkor itt az alkalom, hogy bepó- told. Nemcsak nyaralást, fontos eseményeket, szép városokat és tájakat lehet fotózni, hanem teljesen hétköznapi dolgokat is. Nézzük meg ezeket más szemszögből! Fotózzunk egysze- rű tárgyakat, pillanatokat, amelyeket máskor észre sem vennénk. Töltsük le és telepítsük az ingyenes GIMP kép- szerkesztő programot. Link: http://bit.ly/PLYkD6
  • 17. Digi scrapbook- Gimp tutorial 17. Kapcsoljuk össze a fo- A rétegek párbeszédablak- tók rétegeit. A Rétegek párbeszédablakban a ban látható, hogy megjelentek az új rétegek is. láthatóságot jelző szem ikon és a fotó ikonja Ezek a rétegek vastag betűs felirattal jelennek közti üres részre kattintva egy láncszem fog meg. Ez egy fontos tulajdonságot jelez, az alfa megjelenni. A lánc segítségével egy műveletet csatorna, azaz az átlátszóság hiányát. valamennyi kijelölt rétegen egyetlen kattintás- Mentsük el az egész fájlt sal végrehajthatunk. Valamennyi fotó rétegé- vel ismételjük meg ezt a műveletet. (A hátte- ret hagyjuk lánc nélkül! ) xcf formátumban: Fájl/Mentés Másként, a megjelenő ablakban írjuk át a kiterjesztést xcf- re. Az xcf a GIMP saját rétegeket tartalmazó Jelöljük ki a felső fotót a Réte- formátuma. Kattintsunk a Mentés gombra. gek párbeszédablakban, vagy ha különböző a méretük, akkor a legkisebbet. Az eszköztárból A fotókhoz adjunk hozzá átlátszóságot. A ré- válasszuk ki az Átméretezési eszközt. Az esz- tegek párbeszédablakban jelöljük ki a réteget, köztár alsó felében pipáljuk ki a Méretarány kattintsunk a jobb egérgombbal. A megjelenő megtartása felirat melletti négyzetet. Az egér- helyi menüből válasszuk ki az Alfa csatorna gombot lenyomva húzzuk a kép középpontja hozzáadása menüpontot. Ismételjük meg ezt felé az egeret. Ekkor megjelenik egy ablak, valamennyi réteggel. A Rétegek párbeszédab- ahol tudjuk követni az aktuális méretet. Húz- lakban láthatjuk, hogy a feliratok vastagsága zuk akkorára (kb 865 pixel magasság fekvő tá- megváltozik. jolású képek esetében), hogy arányos legyen a képkeret kör alakú kivágásaival. A pontos mé- retet beírhatjuk a megjelenő ablakba is. Kezdő, digitális scrapbook tanfolyam indul 2012. szeptember 10- én A tutorialt készítette: Thurzó Katalin www.7szindizajn.hu
  • 18. 18. Digi scrapbook- Gimp tutorial Ha fedik egymást a fotók, akkor nagyítsuk ki a Kattintsunk az Átméretezés gombra. képnézetet az Eszköztárban található Nagyító eszköz segítségével. A rétegek párbeszédab- lakban jelöljük ki azt a réteget, amin dolgoz- ni szeretnénk. Válasszuk ki a téglalap kijelölő eszközt, ezzel kerítsük be azt a részt, amit meg akarunk tartani a fotóból. Kapcsoljuk ki a láncokat a réte- gek párbeszédablakban. Kattintsunk a lánc- szem ikonokra, így tudjuk törölni azokat. Az eszköztárból válasszuk ki az Áthelyezési esz- közt. A bal egérgombbal ragadjuk meg az egyes rétegeket és mozgassuk a kör alakú kivágások A fölé. menüből válasszuk ki: Kijelölés/Invertálás. Ez- zel megfordítottuk a kijelölést. Válasszuk ki a Szerkesztés/Kivágás menüpontot. Állítsuk vissza a képnézetet akkorára, hogy a teljes képet lássuk a képernyőn. Ezt a kép ablak bal alsó sarkában lévő, legördíthető menü segít- ségével is megtehetjük. Általában 18 vagy 25% a megfelelő érték. Mentsük el a képet először xcf formátumban, hátha még később módo- sítani szeretnénk: Fájl/Mentés. Végül mentsük el jpg formátumban: Fájl/Mentés másként, a A rétegek kiterjesztést írjuk át jpg-re, majd kattintsunk a párbeszédablakban ragadjuk meg az alsó Hát- Mentés gombra. tér réteget, azaz tablónk keretét és húzzuk fe- lülre úgy, hogy az összes fotó alá kerüljön. Ellenőrizzük a fotókat, nem lóg-e Kellemes időtöltést és kreatív szórakozást kívánok! valamelyik át a másikra, megfelelő-e a méret. Ha a mérettel van probléma az előbb már Szeretettel, használt átméretezési eszköz segítségével Thurzó Katalin korrigálhatjuk. www.7szindizajn.hu
  • 19. knek Digitális scrapbook tanfolyam indul kezdő an! online, tá voktatásos formáb www.7szindizajn.hu
  • 20. 20. BOOKta- könyvajánló Webergonómia Jakob Nielsen nyo- mán Jakob Nielsen a web világának nem egyszerűen egy meghatározó alakja, hanem ahogy a New York Times találóan fogalmazott ő a weblap-használhatósági guru. Ezen a területen ma valószínűleg neki van a legnagyobb tapasztalata a világon. A használhatósági vizsgálódásának vezéreszméje mindenekelőtt az egy- szerűségre való törekvés. A web nem termékkataló- gus, nem újság, nem könyv és nem televízió, még csak nem is ezek analógiájára működik. Hanem kattintás alapú interaktív tevékenység, használói élményalko- tás, információvadászat és mozgás együttese. Ez a könyv az elmúlt két évtized jó és rossz webalkalmazási tanulságait összegzi a kiadónál korábban megjelent Web-design című kötete alapján, megújítva a szerző Webergonómia további használhatósági jelentéseinek segítségével. A webergonómia nem a fejlesztők belső ügye, hanem mindnyájunké, hiszen - frivolan fogalmazva - ma már az olvasó is felhasználó. A kötetet a hazai ergonómia bemutatásával Izsó Lajos nyitja meg, és az editition 2.0 hagyományainak megfelelően két fiatal webergomán, Bőviz László és Rung András kommentjei kísérik. Megjelent a Typotex Kiadó gondozásában: http://www.typotex.hu/konyv/webergonomia Infografika Az információ gyönyörű Mesés infografikák, mint egy albumba gyűjtve. Megjelent a Typotex Kiadó gondozásában: http://bit.ly/RsQCwV Seth Godin: Mi a bőgés? Marketing A Te üzletedben, számodra mi a „lila tehén”? Mi az, amivel figyelemfelkeltő és megjegyezhető leszel? 33 esettanulmánnyal segít erre rájönni az amerikai mar- keting guru, Seth Godin. Megjelent a HVG Kiadó gondozásában: http://bit.ly/YKd3l
  • 21. A fiatal tehetségek ötletességével és a kezdők lelkesedésével... ... elkészítik a Te céged weboldalát is! u esignert anoncok.e w ww.webd
  • 22. , akik szeretnének “Praktikus stílus és divattanácsok azoknak kiváltani öltözködésükkel még inkább “HŰHA” érzést környezetükben!” divatblog & webshop www.trendlikeu.hu