Primjeri i Objašnjenja Kako raditi u photoshopu

Odprite fotografijo, kjer se nahaja kak velik kamen ali podobno.

1.

Odprite fotografijo, kjer se nahaja kak velik kamen ali podobno.

2.

Na to fotografijo bomo dodali e obraz.

Kliknite zgoraj na File in izberite Place...

3.

Odpre se okno z raziskovalcem.

Izberite poljubno fotografijo in kliknite na gumb Place.

Jaz bom dodal fotografijo prijatelja Braneta.

4.

Fotografija z obrazom je kot novi layer dodana na prvotno fotografijo.

Z miko ji spremenite velikost in obliko, tako da jo drite z robove in vleete.

Ko boste konali, pritisnite tipko ENTER.

5.

Pritisnite tipko D in nato tipko X, da nastavite belo barvo (rna spodaj).

6.

Kliknite zgoraj na Filter, Sketch in izberite Photocopy...

Odpre se novo okno.

Detail doloite 2 in Darkness 25.

Mogoe boste morali za bolji konni rezultat spreminjati nastavitve, saj so te dobre za moje pogoje.

Kliknite na gumb OK.

7.

Layerju z obrazom doloite senenje na Color Dodge (glej sliko).

8.

Sedaj bomo pobrisali dele obraza, ki jih ne elimo gravirati.

Izberite orodje Eraser Tool (blinjica je tipka E).

9.

Poklikajte na predele fotografije obraza, ki jih elite izbrisati.

10.

Pritisnite tipki CTRL + T, da boste fotografijo z obrazom e bolj prilagodili fotografiji z kamnom.

Potem pa kliknite na oznaeno fotografijo z desnim mikinim gumbom in izberite Perspective.

11.

Drite fotografijo z obrazom za robove in jo prilagajajte za bolje rezultate.

Pritisnite tipko ENTER, ko boste konali.

12.

Zmanjajte e Opacity na okoli 77%.

Seveda se z vrednostjo transparentnosti fotografije malo poigrajte.

13.

Kliknite zgoraj na Layer, Layer Style in izberite Blending Options....

Odpre se novo okno.

Drite tipko ALT in z miko primite drsnik pri polju Underlying Layer...

14.

...in ga premaknite na desno stran toliko, dokler ne boste zadovoljni z rezultatom.

Kliknite na gumb OK.

15.

Pogled na konno sliko.

Brane, e malo, pa bo postal del svetovnih u

TEKST SA VATROM

1. korakNapravite novi dokument (File -> New) 400x500px.Ispunite pozadinu crnom bojom (Edit -> Fill -> Black).Napiite tekst koji elite koristei Type tool (Arial Black; 300 pt; bijelom bojom).

2. korakNapravite novi sloj /layer (Alt+Ctrl+Shift+N)Spojite sve vidljive slojeve/layere pomou Alt+Ctrl+Shift+E (Stamp visible).Zarotirajte s Edit -> Transfortm -> Roatate 90o CCW.

3. korakOdaberite Filter -> Stylize -> Wind koristei sljedee postavke:Ponovite filter pritiui Ctrl+F. Uinite to dva puta.

4. korakZarotirajte ponovno na poetni poloaj Edit -> Transfortm -> Roatate 90o CW.Primijenite Filter -> Blur -> Gaussian Blur (Radius 3px).

5. korakIzaberite Image -> Adjustments -> Hue/Saturation (Ctrl+U)Oznaite kvaicu pokraj Colorize. Namjestite Hue na 50; Saturation na 100.

6. korakKopirajte obojeni sloj/layer.Idite na Image -> Adjustments -> Hue/Saturation (Ctrl+U)Oznaite kvaicu pokraj Colorize. Namjestite Hue na 15; Saturation na 100.

7. korakKopirajte ovaj sloj/layer. Namjestite Blending Mode ovog kopiranog sloja na Overlay.

8. korakSpojite Layer 1 copy s Layer 1 pomou Layer -> Merge Down (ili Ctrl + E).Idite na Filter -> Liquify (Shift+Ctrl+X) i nacrtajte plamenove kako izlaze iz slova.

9. korakKopirajte ovaj sloj/layer. Namjestite Blending Mode na Screen i va zapaljeni tekst je gotov!

Dodatak:1. korakSada moemo dodati neto boje gornjem tekstu.Ispunite tekst sivom bojom(npr. #C1BEBC).Uite u Quick Mask mode .Pritisnite D.Koristei Gradient tool povucite od dna do vrha teksta.

2. korakIzaite iz Quick Mask moda. Pritisnite Delete. Diselektirajte.

3. korakDodajte layer style:Drop shadow

i Inner Shadow

Idite na Filter -> Blur -> Gaussian Blur (Radius 0,5px)

4. korakDodajte novi sloj/layer.Spojite sve vidljive slojeve/layere pomou Alt+Ctrl+Shift+E (Stamp visible).Idite na Edit -> Transform -> Flip VerticalKoristei Move Tool (V) pomaknite dobiveni layer prema dolje do ispod teksta.Namjestite Opacitiy na 50%.

Like this page? Share!0

PHOTOSHOP KOLA

Kako izraditi novu teksturu?

pie: Ivan HluikaSAVJETI ZA KORISNIKE NAJPOPULARNIJEG PROGRAMA ZA OBRADU SLIKE

Izradite stjenovitu teksturu, oblikujte ju po svojim eljama i uklesajte u nju zanimljive motive.

Korisno je znati izraditi prirodnu teksturu (voda, drvo, kamen i sl.). Ne samo zbog njihove upotrebe na webu ili u tisku, ve i to njihovom izradom moete nauiti dosta dodatnih opcija, trikova i efekata. Danas opisana tehnika vrlo je promjenjiva i moete je iskoristiti za kreiranje cijelog seta tekstura i efekata. Promijenite odreenu postavku i eksperimentirajte.

Pola ure tekstureStvorite novi dokument (File - New) veliine 400x400 piksela, moda RGB i sa bijelom pozadinom. Prvi je zadatak na novom sloju napraviti kamenu teksturu. Stoga stvorite novi sloj i ispunite ga s 50% sive boje (Edit - Fill). Unutar Fill okvira Photoshop vam automatski nudi "Use:" 50% Gray.Ok! Pokrenite Filter - Noise - Add Noise da bi napravili "TV um" efekt. Amount stavite na 20%, odaberite Gaussian distribuciju piksela, a kako bi izbjegli eventualno stvaranje kolornih piksela ukljuite opciju Monochromatic. Pritisnite OK.Filter - Render - Lighting Effect dodat e malo prirodnog osvijetljenja na stvorenu teksturu. Kako? Odaberite bilo koji od tri RGB kanala kod opcije "Texture Channel" ime prividno izdiete odreene svijetle boje i time stvarate izgled asfalta.Nije od presudne vanosti da sve postavke stavljate identino kao to su navedene. Slobodno kombinirajte i isprobavajte. Kada gledate nekakvu stijenu moete uoiti da sam izgled teksture nije ujednaen na svim djelovima. Da bi stvorili slian efekt na naem asfaltu, odaberite Filter - Brush Strokes / Spatter.To je filter prskanja koji e napraviti malo difuzniji izgled teksture. Moete primijeniti njegove osnovne postavke, Spray Radius 10 i Smoothness 5. Stvorite novi sloj i ispunite ga sa 50% sive boje. Na tastaturi pritisnite slovo "D". Zato? Zato to time vraate Foreground i Backgroung boju u osnovne postavke, tj. da je Foreground crn, a Background bijel.Ovo ste podesili iz razloga to Filter - Render - Clouds funkcionira, tj. izrauje oblake na temelju Foreground i Background boje. Primijenite ga!Na dobiveni sloj sa oblacima opalite jedan Auto Levels (Image / Adjustmens / Auto Levels) zbog malo jaeg kontrasta. U Layers paleti promijenite mod sloja iz Normal u Multiply, a kliza opacity podesite na 70% vidljivosti.Poto vie nema potrebe da oblaci i kamena tekstura budu u zasebnim slojevima, spojite ih uz pomo Ctrl+E, to je kratice za Merge Down. Kao to i sama opcija govori spaja se selektirani (plava boja) sloj sa slojem ispod njega. Pokrenite Levels dijaloki okvir (Image / Adjustmens / Levels) u kojem kliza svijetlih tonova pomaknite na lijevo, do nivoa 211...

VANO: Ovaj tekst nije u cijelosti prenesen iz asopisa Vidi.Preostali dio teksta, sa svim slikama, komentarima pod slikama, grafikonima, tablicama, shemama i drugim popratnim sadrajem moete pronai u tiskanom izdanju asopisa Vidi. Svrha ovih tekstova na web-u je pruanje boljeg pregleda sadraja asopisa Vidi. Ukoliko vas neki lanak koji ste nali na web-u vie zanima, vie informacija o toj temi moete pronai u tiskanom

In this Photoshop tutorial I am going to show you how to achieve a look of a design or text that has been engraved or chiseled into stone or any other material that you would like. Its actually a quite easy effect to achieve.To start off with you are going to need two things. You will need the material that you would like to engrave and you will need the design that you want to engrave, this design can easily be text instead of a design. I will be using the following images. The image on the left is the material I will be engraving and the image on the right is the design I will be engraving. (click for bigger)

Open up the material you chose in Photoshop, in my case the green marble pictured above. Now go to your channels palette and add your design or text into a new channel. If you are using a design you have already created, simply open up your design, copy it, then paste it into a new channel. If you have not made a design, create a new channel and simple make your design directly in the newly created channel. If you are working with text simply write your text in the newly created channel. Your channels palette should now look something like this.

Now we are going to be working with Adjustment Layers and we need to make a layer mask with the design or text that we put in our newly created channel. To do this load the newly created channel as a selection by holding down CTRL and clicking the newly created channel. Now go back to your layers palette the Create new fill or adjustment layer button. This will pop-up a list, from the list choose levels as the type. In the levels dialog box that pops up move the white output levels slider inward to darken the image. Doing so here will darken just the part that we are going to engrave without increasing the contrast in the rest of the image.

The rest of the work that we will be doing will take place on the adjustment layer that we just created so make sure you are working on it. Lets get started with what will have the biggest effect on the image, an inner shadow. Open up your Layers Styles (Layer/Layer Style/Inner Shadow), the settings here are purely by taste. Use your mouse cursor to drag around the shadow until you achieve a look that you like. Dont hit ok when you are done though, we arent done with the layer styles quite yet.

Now lets create a nice beveled edge. Again, these settings are kind of to taste. I chose an Outer Bevel. I chose to really pump up the intensity for both the highlights and the shadow, moving them all the way up to 100%, I also changed their blending mode as well. You can see the settings I used in the picture below.

To enhance the carving lets enhance the shadow. I used the inner glow layer style to do this. Make your inner shadow color black and change the color mode to Color Burn. Also lower the opacity and increase the size. You can see the settings I used below.

To enhance the shadow a bit more I added a drop shadow as well. This will help to help to define the shading. I put the drop shadow in overlay mode, used a fairly good sized Size setting and made the distance zero. Again, see my settings below.

To help with the illusion of depth we can shift the image in the engraved out areas. To do this, select the background image and then CTRL click the adjustment layer to load its selection and then go to your offset filter (Filters/Other/Offset). You just want to shift this a bit so that the patterns dont match up so use a small value, I used 7 for both the horizontal and the vertical.

And here is the final result.

That about covers engraving. One really cool thing about this is since you did almost all the of the changes in the adjustment layer that all you have to do is drag a new texture layer into the image and then repeat the last offset step and the effects will be added to the new layer. Here are a few examples:Ove godine je u web dizajnu iznimno popularan efekt utisnutih slova ili po naki Letterpress. U ovom vrlo kratkom photoshop tutorialu nauiti emo kako ga napraviti, a izgledati e ovako:

letterpress efektOtvorimo novi dokument i na prvi layer izlijemo svjetloplavu boju ili njeni gradient. (slika 1)

slika 1Odaberemo jedan od modernih boldanih fontova na kojem e se efekt lijepo vidjeti i na novi layer napiemo eljeni tekst. Mi smo koristili font futura. (slika 2)

slika 2Desnom tipkom mia kliknemo na layer sa tekstom a zatim na blending options i otvoriti e nam se prozor kao na slici 3

slika 3Namjestiti emo slijedee postavke:drop shadow: blend mode color dodge, #e6f1fb, opacity 43%, angle 90, distance 1, spread 0, size 1Inner shadow: blend mode multiply, #000000, opacity 75%, angle 90, distance 2, choke 0, size 1gradient overlay: normal, opacity 100 %, gradient #196ccb #418cd5, style: linear, angle 90, scale 100%.Rezultat vidimo na slici 4.

slika 4Ako smo zadovoljni rezultatom moemo svoj stil spremiti klikom na new style a zatim potvrditi na ok. Idui puta ovaj stil emo nai u dockeru styles i lako emo mu izmjeniti boju gradienta dok sve ostale postavke moemo koristiti iste.Da bi sve bilo zanimljivije i efektnije moemo na kraju preko novog layera proliti diskretni pattern kao na slici 5 i dati mu blending option Linear burn za jae boje i kontrast. Ili ne

slika 5I to bi bilo to, dobru zabavu

Dizajniranje web stranice u photoshopu

Autor/ica WebericaZavrila fotografiju na PU, a nakon toga grafiki i web dizajn. Roena, ivi i radi u epicentru Zagreba. Stalni lan Kroativ mree i autor mnogih korisnih lanaka, radi kao stalni suradnik Web Inkubator studija.Oglas Do sada smo na Kroativu objavili nekoliko tutoriala o dizajniranju i kodiranju web stranice Osnovni raspored i irine kolona u web dizajnu, Rezanje psd dizajna za kodiranje u HTML , Kako napraviti moderni web d.0 dizajn i Kako napraviti magazin style dizajn.Danas emo pisati o dizajniranju web stranice u photoshopu. Neemo ii previe u irinu i detalje nego emo pokuati poetnicima objasniti nekoliko osnovnih stvari i nadovezati se na post o osnovnom rasporedu i irinama kolona u web dizajnu. Pretpostavka je da svi ve znamo rukovati Adobe ps. alatima te ovdje nee biti podrobnih objanjenja za to.Za primjer emo uzeti vrlo jednostavni dizajn koriten i u tutorialu o rezanju PSD za HTML (slika 1)

slika 1Pogledajmo od ega se sastoji : Header sa logotipom i ilustracijom, topnavigacija sa 5 tabova za linkove, dio za izdvojeni tekst, dio za glavni tekst i footer. Sadraj je smjeten u tri kolone.GRID 960 PSD TEMPLATEDizajniranje a kasnije i kodiranje web stranice jako e nam olakati grid 960 system psd template pa savjetujemo da ga skinete i spremite na svoj PC. Psd template nalazi se u mapi 960_download/templates/photoshop/960_grid_12.psd.Kada ga otvorimo u photoshopu izgledati e ovako:

slika 1Veliina dokumenta e biti 1000 x 1000 px pa emo prvo poveati canvas (image / canvas size / ) i namjestiti na 1920 x 1000 px . Zatim emo ga spremiti pod drugim imenom u drugu mapu tako da nam originalan template ostane za budue projekte.Ruiaste crte moemo iskljuiti i ukljuiti a nalaze se u mapi 12-coll-grid. Takoer moemo ukljuiti i iskljuiti guides (view / show/ guides) da nam ne smetaju dok crtamo. Nemoramo se bojati da emo ih pomaknuti tokom rada jer su svi ti layeri zakljuani. Meutim, moramo paziti da ne pomaknemo guides.irina containera nae web stranice jednaka je irini od prve lijeve zelene crte do krajnje desne (guides) i iznosi 960px. Na sadraj (tekst i slike) nalaziti e se unutar ruiastih kolona tj unutar 940px.Pa ponimo:BODY BACKGROUND1) Dupliciramo bg layer i na njega izlijemo boju cappuccino pjene koju smo uzeli sa slike sa alicom. To e biti na body background.2) Otvorimo novi layer, odaberemo front color tamno smeu i nacrtamo 250 px visoki pravokutnik. Na blending options damo pravokutniku lagani gradient overlay u dvije nijanse tamnosmee boje koje smo uzeli sa alice.HEADER - gornji dioNa lijevu stranu headera dolazi logotip a pored njega moe doi neka zgodna ilustracija koja e nau web stranicu uiniti zanimljivijom. Ova ilustracija je sloena pomou radial gradienta, kista sa viticama i ikone alice sa kavom. (slika 2)

slika 2NAVIGACIJA3) Sada na red dolaz top navigacija. Rub prvog taba namjestimo da se poklapa sa rubom logotipa i rubom prve kolone, 10 px od margine. Kako bi nam svi tabovi bili iste veliine moemo nacrtati samo prvi a zatim ih duplicirati i poravnati rubove i razmak meu njima. Za poetak moemo sve tabove nacrtati u istoj tamnosmeoj boji za a: stanje.

slika 3TOP CONTENT - izdvojeni sadraj4) Na novom layeru nacrtati emo novi pravokutnik boje bijele kave, visok oko 300 px.Otvoriti emo jo jedan layer i na njega staviti sliicu izlivene kave koju smo napravili koristei pjenu iz alice.Sada emo pravokutniku dati lagani gradient koji e se savreno stopiti sa nijansom prolivene kave, dati mu stroke u najsvjetlijoj nijansi odabranog gradienta i sjenu na donjem rubu.Zatim emo promijeniti i boju prvog taba navigacije (za a:hover stanje) kako bi mu donji rub bio neprimjetan. (slika 4)

slika 4FOOTER dno stranice5) Sada nam preostaje jo nacrtati pravokutnik za footer. U naem sluaju visok je samo 50 px i ima isti tamnosmei gradient kao i pozadina header-a.Time smo nacrtali osnovni dizajn nae jednostavne web stranice. Svaki dio nalazi se na svom layeru i moe se po elji poveati, smanjiti ili mu se moe izmjeniti boja.ELEMENTI Takoer je vano u dizajnu predvidjeti sve elemente za koje mislimo ili nam je reeno da e biti potrebni na web stranici. Osim topnavigacije, naslova, podnaslova i teksta to mogu biti jo i trailica, kontakt forme, login i register, box sa novostima, vremenska prognoza, flickr galerija, dodatna okomita navigacija, padajua navigacija, razne galerije slika, liste nabrajanja itdDobro je barem vizualno zapamtiti i razne js slidere, galerije, efekte navigacije itd kako bismo ih znali predvidjeti u naem dizajnu. Na kroativu smo ve objavljivali linkove sa jQuery, Mootools i flash primjerima pa ih se dobro ponekada prisjetiti.Ne smijemo zaboraviti odrediti i boju linkova za a i a:hover stanje kako u navigacijama tako i unutar teksta.CONTENT sadraj6) Sadraj je sav tekst i sve fotografije koje nisu dio dizajna same web stranice ve ih odreuje klijent sam. Iako niti jedan dio sadraja neemo rezati iz PSD-a, ipak ga moramo prikazati u dizajnu.Zadaa dizajnera je da odabere vrstu i veliinu fonta, irine kolona, veliine i smjetaj fotografija i svih ostalih elemenata na stranici . Klijent to sve eli vidjeti prije nego odobri dizajn.Font za logotip moemo odabrati po elji jer emo ga kasnije ubaciti kao sliku. Za sve ostalo najbolje je za poetak koristiti samo web safe fontove. Ne moramo imati kompletne tekstove od klijenta, dovoljan nam je tzv. dummy tekst. Najee se koristi Lorem ipsum a moemo ih kopirati odavde.Na odvojene layere ubaciti emo sadraj. Layere emo grupirati u mape za pojedine elemente mapa navigacija, top tekst, lijeva kolona, srednja kolona, desna kolona i footer. Time emo olakati posao i sebi i onome tko e na dizajn kodirati.Paziti emo da je na dizajn konzistentan tj da se poklapaju rubovi naslova sa rubovima teksta i slika kao i da su nam margine svuda jednake. Ovdje e nam odlino posluiti na grid 960 template (slika 5)

slika 5I to bi bilo to. Na dizajn je spreman za pokazivanje klijentu, rezanje i za kodiranje u grid 960 frameworku.

gotovi dizajnNAPOMENEVano je zapamtiti da se dizajn za tisak i dizajn za web razlikuju po jednoj vrlo vanoj stvari a to su DETALJI. Dok tisak podnosi velike jednobojne povrine i debele obrube u web dizajnu sve je puno suptilnije. Ovdje nema mjesta za kriave jarke boje, debele sjene i obrube. Gradienti moraju biti suptilni, a razlika izmeu najtamnijeg i najsvjetlijeg dijela neka bude u samo nekoliko nijansi. Na Kroativu smo ve pisali o novim trendovima u web dizajnu, tipografiji, teksturama itd pa poetnici imaju od kuda poeti.Primjer lijepog dizajna sa puno suptilnih detalja i svim potrebnim elementima za blog moemo pogledati i besplatno downloadirati ovdje, a izradio ga je i poklanja vam ga na Webmaster.

free psd web designPostoje web dizajneri (ili bi bolje bilo rei developeri) koji uope ne koriste photoshop nego stranicu stilski urede iskljuivo u Css-u bez koritenja slika. Iako i to ponekada moe dati zgodne rezultate mislim da bi web bio jako dosadno mjesto kada bismo uvijek sve stranice radili na taj nain.

PHOTOSHOP TUTORIJALI

Pretapanje slika

U ovom tutorijalu emo nauiti kako pomou Photoshopa napraviti da se dvije slike pretapaju, dakle nemaju vidljivi kraj.

Mi emo koristiti slike iz prolog tutorijala. Otvorite Photoshop, i spojite dvije slike u jednom dokumentu (dva layera) da to izgleda ovako:

Ako ne znate kako to napraviti pogledajte ovaj tutorijal.

Kada ste to napravili, oznaite najgornji layer tako da kliknete u njega. Zatim kliknite na padajui izbornik Layer -> Layer mask -> Reval All.

Zatim odaberite Gradient Tool i boje postavite tako da vam Foreground Color bude bijele boje, a Background Color crne boje.

Zatim povucite Gradient Tool-om otprilike ovako:

I konani rezultat bi trebao ispasti otprilike ovako:

Fora zar ne :)


Kako napraviti rupu od metka

Otvorite Photoshop, File -> New i postavite dimenzije na npr. 200 x 200. Obojajte pozadinu bojom kojom elite. Napravite novi layer (Ctrl + Shift + N) I imenujte ga kao npr. Krug

Odaberite Elliptical Marquee Tool

I kada pravite selkciju drite Shift da napravite pravilan krug. Zatim ga ispunite crnom bojom.

Napravite novi Layer i imenujte ga kao Rub. Zatim ga premjestite ispod Layera Krug

Odaberite Polygonal Lasso Tool.

Zatim oznaite Layer Rub i napravite ovakvu selkciju oko ruba.

Zatim odaberite Gradient Tool i podesite ga ovako:

Zatim povucite od vrha selekcije prema dolje tako da izgleda kao ovo.

Zatim pritisnize Ctrl+D da odselektirate selekciju.

Kliknite na Layer Rub i idite na Filter-> Stylize-> Emboss i podesite vrijednosti kao na slici.

Zatim kliknite na Filter - > Stylize -> Diffuse kliknite na Darken only i kliknite na OK.

Kliknite na Layer Krug i idite na Filter -> Pixelate -> Fragment. Zatim idite na Filter -> Brush Strokes -> Sprayed Strokes i postavite postavke kao na slici.

Sada idite na Filter -> Blur -> Motion Blur i unesite ove vrijednosti:

Angle: -43Distance: 3 Pixels

Evo konanog rezultata:

Ako malo kombinirate Layer Rub sa crvenom bojom moete lako napraviti nekom metak u elu :-)


Kako napraviti pomrinu Sunca

Napravite novi dokument (File -> New) npr. 300 x 300. Zatim pozadinu obojajte s crnom bojom koristei Paint Bucket Tool.

Zatim koristite Elipse tool i drei Shift napravite krug.

Neka pozadina kruga bude bijela. Zatim idite na Layer -> Rasterize - > Shape. Sada emo dodati vjetar (wind), idite na Filter - > Stylize - > Wind i kliknite na OK sa defaultnim postavkama.

Sada idite na Image -> Rotate Canvas 90 CW i ponovo dodajte vjetar. Stisnite Ctrl + F . Idite ponovo na Image -> Rotate canvas 90 CW, dodajte ponovo vjetar, pa opet Rotate Canvas 90 CW i opet stisnite Ctrl + F. Ponovite ovaj postupak jo jednom. Trebali bi ste dobiti neto kao ovo:

Zatim opet koristite Elipse tool i drei Shift napravite krug preko ovoga samo neka ovaj bude crni. Napravite to tako da izgleda kao na ovoj slici:

Sada kliknite na Layer na kojemu ste napravili bijeli krug. Koristite Blur tool i smekajte malo otrinu da izgleda priblino kao na slici ispod.

Sada na tipkovnici stisnite (Shift + Ctrl + E) kako bi ste spojili sve layere u jednu sliku. Idite na Filter -> Render -> Lense Flare sa 105mm Prime lense i brightness na 75%.



Izrada okvira

1. Otvorite sliku koju hoete urediti. Napravite novi layer i nazovite ga Frame. On mora biti iznad originalnog layera.

2. Uzmite Polygonal Lasso Tool i napravite eljenu selekciju oko glavne slike (i dalje morate biti na Frame layeru!). Tada kliknite Select > Inverse da biste selekciju ograniili samo na rub.

HINT: Ako elite ravne crte pri koritenju Polygonal Lasso Toola stisnite Shift pri povlaenju crta.

3. Uzmite neke Sparkle i Chaotic brusheve i slobodno iarajte cijelu selekciju. Budite nasumini, ali i originalni

4. Sada dolazi najlaki dio. Kliknite dvaput na Frame layer i unesite sljedee postavke:

HINT: Kod Gradient Overlay dijela sa padajueg izbornika izaberite opciju boja koja vam najvie pae.

5. Odite na Image > Adjustments > Hue/Saturation i unesite postavke koje vam najvie pau. Ja sam stavio Hue: 29, Saturation: 68, Lightness: -73.

6. Opcionalno moete neke dijelove okvira izbrisati. Konani rezultat meni je ispao ovakav:


Koritenje brusheva

1. Skinite brush sa neke stranice (primjerice www.deviantart.com )

2. Brush koji ste dobili kopirajte u sljedei folder: C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Brushes .

HINT: Ako ne koristite Photoshop CS2, u pathu rije CS2 zamijenite za vaom verzijom.

3. Pri sljedeem pokretanju Photoshopa brushevi e biti instalirani i moete ih koristiti. Da biste to uinli kliknite na Brush ikonu na alatnoj traci.

1) Tada otvorite Brush Preset menu.2) Odaberite Brush Set menu.3) Izaberite neki brush set.4) im otvorite brush set ponuditi e vam se razliiti brushevi unutar njega. Izaberite jedan.(koraci su prikazani na slici)

4. Sada otvorite novi dokument i napravite novi layer. Prvo malo pobojajte sa bijelom bojom, pa onda napravite novi layer na kojem bojajte sa crnom i tako isponova. Igrajte se po vaoj elji sve dok ne dobijete zadovoljavajui rezultat.

HINT: Ako je layer crn, onda uzmite bijelu boju za brush, ako je layer bijel, uzmite crnu boju.

5. Na kraju trebate sve jo samo pobojati. Da biste to uinili napravite Layer > New Adjustments Layer > Hue/Saturation i izaberite boju koja vam se svia.

To je to! Evo to je meni ispalo...

HINT: Ako elite da sve bude u raznolikim bojama kliknite na Hue/Saturation Layer i odite na Filter > Render > Clouds. Tada napravite novi Hue/Saturation layer ali ovaj put sa drugaijo bojom te opet stavite Clouds.

HINT 2: Ako elite nekim layerima stavite mode na Overlay ili Soft Light, da bi bolje izrazili razlike.


Izrada grunge teksta

1. Skinite font Base 02 i instalirajte ga. Napiite neku rije na novom dokumentu i primjenite taj font.

2. Primjenite sljedee postavke duplim klikom na layer fonta:

3. Sada duplicatajte font layer (desni klik na layer > Duplicate). Stavite ga ispod originalnog font layera. Odite na Filter > Stylize > Wind i unesite ove postavke (pritom kliknite ok da bi dopustili Rasterize):

4. Drite Ctrl i onda kliknite na originalni font layer. Napravite novi layer. Uzmite brush i brushajte sa crnom bojom mjestimino preko selekcije. Tada novi layer sa brushem stavite skroz gore i mode mu namjestite na Overlay ili Soft Light.

5. Drite Ctrl i onda kliknite na modificrani font layer koji je razvuen. Napravite novi layer. Uzmite brush i brushajte sa crnom bojom mjestimino preko selekcije. Tada novi layer sa brushem stavite skroz gore i mode mu namjestite na Overlay ili Soft Light.

To je to! Meni je na kraju ispalo ovako:


Dodavanje Patterna

1. Otvorite prvo jedan dokument veliine 10x10 pixela. Uzmite Pencil Tool i stavite veliinu olovke na 1px.

Duplicatajte Backgorund layer i zbrite ga nakon toga. Bijelu boju na kopiji obriite sa Eraser Toolom.

2. Tada zoomajte to blie moete.

Napravite teksturu klikajui jedanput na svako polje kao to sam ja ovdje:

3.Nakon to to zavrite kliknite Edit > Define Pattern i nazovite ju kose crte.

4. Odite na sliku koju elite modificirati i napravite novi layer iznad svega. Kliknite Edit > Fill i izaberite pattern koji ste napravili.

5. Layeru na kojem se nalaze crte smanjite opacity na 20%. Moete sa nekih djelova zbrisati crte. I gotovo! Meni je ispalo ovako:


Izrada web layouta

ZA SREDNJI STUPANJ

Logo

1. Prvo e vam trebati logo za site. Dakle, otvorite novi dokument veliine 750x100. Napravite Layer > New > Layer set i nazovite ga "Logo".

Napravite novi layer po imenu "gradient" i ispunite ga bijelom bojom. Odite pod njegove Blending options i unseite sljedee postavke:

HINT: Kod podeavanja Gradienta "povucite" bijelu boju na tek maleni dio prostora.

2. Napravite novi layer i nazovite ga "scanlines". Odite na Fill > Pattern i izaberite kose crte. Stavite opacity layera na 20%.

3. Napravite novi layer i nazovite ga "little gradient". Sa Rectangular Marque Toolom oznaite gornji dio povrine logoa (tako da iznad njega bude bijela, a ispod plava boja od pozadine) i ispunite ga bijelom bojom. Na blending options primjenite sljedee postavke:

4. Napravite novi layer i imenujte ga "sign". Uzmite neki tech brush i dodajte neki cool znak u lijevi ugao. Layer smjestite ispod layera "little gradient". Za sada meni je ispalo ovako:

5. Uzmite font Arial, veliinu 12, stavite Strong i izaberite crnu boju. Napiite opis vaeg sitea na "little gradient" crtu.

Tada uzmite font Robo, veliinu 28, stavite Strong i izaberite bijelu boju (opcionalno moete staviti 1px outside black stroke u blending optionsima). Napiite ime vaeg sitea odmah pored "signa".

HINT: Text layeri bi trebali biti uvijek na vrhu!

I banner je gotov!

Ovako bi vam trebao izgledati poredak layer na kraju:

Layout

6. Napravite novi dokument veliine 750x1000. Prenesite Layer set "Header" iz prolog tutoriala u taj novi dokument i namjestite ga na vrh.

Napravite novi Layer set i ovaj ga put nazovite "Layout". Stavite ga ispod "Header" seta.

7. Napravite novi layer imenom "menu". Napravite selekciju odmah ispod bannera i ispunite ju bijelom bojom. Kod Blending optionsa stavite Gradient Overlay i iste postavke kao i kod layera "little gradient". Takoer stavite 1px black outside stroke. Uzmite Arial font, veliine 14, stavite Strong i napiite dijelove menija.

8. Napravite novi layer sa imenom "middle spacer". Sa Rectangular Marque Toolom ispod bannera napravite malenu selekciju i ispunite ju sa bijelom bojom. U Blending Optionsima stavite 1px black outside stroke. Nemojte deselektirati!

Napravite novi layer imenom "scanlines" i stavite Fill > Pattern i izaberite kose crte. Layeru opacity stavite na 20%.

9. Napravite novi layer i nazovite ga "left menu". Napravite vodoravnu selekciju ispod menija i ispunite ju nekom svijetlom bojom. Ja sam upotrijebio #6BB1DB. U Blending optionsima stavite 1px black outside stroke.

10. Napravite novi layer i nazovite ga "left menu addon". Opet napravite vodoravnu selekciju, ali ovaj put puno uu i smjestite ju na lijevi kraj. Ispunite ju nekom tamnijom bojom. Ja sam uzeo # 1A73B5. Odite na Edit > Transform > Distort i malo se poigrajte.

11. Napravite novi layer imenom "button". Napravite malenu selekciju kao predloak za va gumb. Ispunite ju crnom bojom i unesite sljedee postavke:

Smjestite gumb gdje vam pae i nekoliko ga puta Duplicateajte te posloite. Stavite text preko gumbova sa fontom Arial, bijele boje, veliine i stavite Strong.

Za sada bi vam ovako trebali biti posloeni layeri:

15. Napravite novi layer imenom "footer". Napravite malenu selekciju na dnu stranice i ispunite ju bijelom bojom.

Ne deselektirajte! Napravite novi layer imenom "scanlines" i tada opet Edit > Fill > Pattern i izaberite kose crte. Takoer stavite 1px black outside stroke.

Ovdje napiite malenim fontom svoj copyright. Ja sam uzeo font Visitor, veliine 12, crne boje te obavezno None.

16. E sada napravite novi Layer set imenom "Background" kojeg tebate staviti ipod svih ostalih Layer setova. Tada napravite layer u njemu imenom "background" i obojajte ga cijelog bijelom bojom.

Render

17. Napravite novi Layer set imenom "Render" iznad svih ostalih layera. Napravite novi layer u njemu imenom "duck" (ovo ime zamijenite imenom svoga rendera) i stavite neki render na njega. Render smjestite u skroz gornji desni kut. Duplicateajte taj layer i stavite ga iznad origininalnog layera. Stavite mu mode na Overlay i stavite Filter > Blur > Gaussain Blur. Radius neka bude 1.

Layer setovi bi sad trebali biti poredani ovako:

Final

Napokon je gotovo! Na kraju bi trebalo ispasti ovako:


Izrada metalnog prstena

Napravite novi fajl npr 400x400, ispunite pozadinu crnom bojom. Napravite novi Layer, i koristei Eliptical Marquee Tool napravite krug u sredini. (Drite Shift kad pravite krug da vam ispadne pravilan krug.) Ispunite taj krug bijelom bojom. Zatim napravite jedan manji krug unutar tog kruga i pritisnite tipku Delete na tipkovnici.

To bi vam trebalo izgledati otprilike ovako:

Zatim drite pritisnutu tipku Ctrl i kliknite na Layer da oznaite selekciju. Zatim idite u Channels paletu. Kliknite malu ikonicu ispod za stvaranje novog Channela i stisnite Alt+Ctrl+D, upiite 4 i kliknite na ok. Zatim ispunite selekciju bijelom bojom.

Vratite se ponovo na Layere i kliknite ponovo Ctrl+klik na layer, i idite na Filters -> Render -> Lighting Effects i koristite sljedee postavke:

Intensity = 20 Gloss = 100 Material = 69 Texture channel = Alpha 1

Napravite tako da izvor svjetlosti dolazi odozgora lijevo.

PHOTOSHOP

Izrada reflekcije

1. Napravite dokument veliine 300x100. Uzmite neki font i napiite neto. Ja sam uzeo font Optimus Princeps, veliine 24 sa "Sharp".

2. Kliknite desnim klikom na layer teksta i izaberite Duplicate. Odite na Edit > Transform > Flip Vertical.

3. Koristei gornju strelicu na vaoj tipkovnici lagano pomiite duplicejtani tekst ispod originalnog. Layeru stavite opacity na 20%.

HINT: Na obadva layera moete staviti outer glow sa sljedeim postavkama:

Izrada Userbara

1. Napravite dokument veliine 300x20. Uzmite Gradient Tool i kliknite na trakicu koja odreuje Gradient.

2. U prozoru koji se pojavi kliknite dvaput na dva kvadratia koja su naznaena na slici i odaberete neku boju.

3. Povucite sa Gradient Toolom liniju sa lijeve strane siga na desnu stranu.

4. Napravite novi layer "scanlines" i dodajte Fill > Pattern i izaberite kose crte. Opacity tog layera stavite na 20%.

5. Uzmite font XG Pixo i stavite ga na veliinu 8px, sa "none" i napiite ono ime se bavite. Na blending optionsima ukljuite Drop Shadow.

6. Napravite novi layer "light" i uzmite Eliptical Marque Tool te napravite ovakvu selekciju:

Tada ju ispunite sa bijelom bojom i stavite opacity na 30%. Taj layer stavite ispod tekst layera.

7. Ubacite neku malenu slikicu u lijevo podruje. I to je to!

PHOTOSHOP

Izrada Teksture Metala

1. Napravite novi dokument veliine 400x100. Napravite novi layer "metal background" i ispunite ga svijetlo sivom bojom (ja sam uzeo #AAB0B8).

Odite na Filter > Texture > Grain i unesite sljedee postavke:

2. Sada napravite novi layer "metal detail" i ispunite ga tamno sivom bojom (ja sam uzeo #3E3E3E).

Odite na Noise > Filter > Add Noise i unesite sljedee postavke:

Dodajte Filter > Blur > Motion Blur i unesite sljedee postavke:

3. Napravite novi layer "gradient", ispunite ga nekom bojom i u Blending Optinsima ukljuite Gradient Overlay:

Mode toga layera stavite na Overlayer. Meni je rezultat na kraju ispao ovako:


Slika u tekstu

U ovom tutorijalu emo nauiti kako moemo sliku dodati u slova. Za primjer emo koristiti ovu sliku za pozadinu:

Napravite novi fajl (File -> New) i odredit npr. 400 x 80, s crnom pozadinom. Zatim napiite neki tekst velikim bijelim slovima

Zatim se prebacite na prozor sa onom prvom slikom, stisnite Ctr+A da oznaite sve i stinite Ctrl+C da kopirate sve.

Sada se vratite na prozor s tekstom. Drite tipku Ctrl i kliknite na layer s tekstom da oznaite tekst. Zatim kliknite na Edit -> Paste Into

Evo rezultata:


Zastava nepravilnog oblika

Napravimo novi dokument (Ctrl+N) dimenzija oko 500 x 250.

Za Background Color postavite plavu a za Foreground postavite bijelu boju. Idemo sada napraviti oblake da zastava ljepe izgleda :-)

Kada ste odabrali te boje idite na Filter -> Render -> Clouds. Trebali biste dobiti neto poput ovog.

Zatim napravite novi Layer (Ctrl+Shift+N) i nazovite ga zastava. Naite sliku neke zastave i napravite copy/paste u taj fajl na kojem radimo.

Smanjite malo zastavu da ne bude preko cijelih oblaka. Neka vam to izgleda otprilike ovako:

Idite na izbornik Edit -> Trasnform -> Perspective. Pomakom tokica na rubovima probajte dobiti neto ovako:

Zatim kliknite na izbornik Image -> Rotate Canvas -> 90 supnjeva CW. Sada smo okrenuli sliku, to je potrebno zbog sljedeeg koraka.

Idite na Filter -> Distort -> Shear i pomakom tokica napravite ovako:

Zatim vratimo sliku u normalni poloaj sa Image -> Rotate Canvas -> 90 supnjeva CCW, moete jo napraviti neki stup na kojem je zastava objanjena i to je to

Tabovi

Napravite novi fajl (negjde oko 200x50px). Napravite novi layer i nazovite ga "Tipka". Sada sa Rounded Rectangle Tool-om napravite ovako:

Zatim drei pritisnutu tipku Ctrl kliknite na Layer "Tipka". Uzmite Rectangular Marquee Tool i oznaite donji dio selekcije:

Zatim pritisnite tipku Del na tipkovnici da obriete taj donji dio selekcije. Zatim novonastalu selekciju sa Gradient Tool-om obojajte u eljen boju. Mi emo koristiti dvije vrste plave. Zatim idite na Layer -> Style -> izaberite Stroke i podesite ovako:

Evo kako bi to izgledalo:

Ako elite moete jo i Drop Shadow napraviti, ali to vama na izbor ostavljam.Zatim sa Rectangular Marquee Tool-om opet oznaite donji dio i ispunite ga nekom bojom.

Sada jo napiete neki tekst i to je to.

Napominjem da je tabove za web stranice puno bolje, elegantnije i efikasnije rijeiti pomou CSS-a.


Efekt slaganja slika

Ovo e biti naa poetna slika od koje emo napraviti vie manjih koje tvore jednu cjelinu:

Sada emo ukljuiti ravnala (rulers) da podjelimo sliku na vie dijelova. Idite na View -> Rulers ili jednostavno pritisnite Ctrl + R.

Sada sa Rectangular Marquee Tool-om napravite ovakvu selekciju:

Kada ste napravili takvu selekciju pritisnite Ctrl + J da napravite novi Layer s tom selekcijom.

Ponavljajte taj postupak sa jo 5 preostalih kvadratia slike ali nemojte da sve bude precizno nego ostavite malo razmaka izmeu. (Pripazite kada pravite selekcije da vam je oznaen Background layer inae neete moi to napraviti)

Zatim obriite Background layer tako da ga oznaite i kliknete na kantu ispod:

Zatim oznaite prvi layer kliknite desnim klikom na njega i Blending Options -> Drop Shadow i namjestite ove opcije:

Zatim idite na Stroke i namjestite ovako:

Kliknite na OK. Zatim na taj Layer na kojemu ste napravili Blendig Options kliknite desnim klikom i kliknite na Copy Layer Style (Pripazite da kod desnog klika kliknete na naziv layera a ne na sliicu layera).

Zatim na svaki od Layere kliknite desnim klikom (isto na naziv layera) i kliknite Paste Layer Style.

Sada oznaite neki Layer i pritisnite Ctrl T i probajte malo okretati sliice. To ponovite za pojedine layere koje elite. To vama ostavljam na volju.

Napomena: nakon to okreete sliice kada ste gotovi morate klikniti na bilo koji od alata sa lijeve strane i onda e vas pitati da li elite prihvatiti promjene, kliknite na Yes.


Plazma efekat

U ovom tutorijalu u vam pokazati kako napraviti plazma efekt.

Korak 1: Napravite novi dokument dimenzija kojih hoete (mi emo praviti 400x400)Obojite background layer u crno.

Korak 2:Zatim idite ne Filter -> Artistic -> Plastic Wrap.To bi trebalo izgledati ovako:

Korak 3:Idite na Filter -> Distort -> Wave i napravite ovakve postavke:

To sada treba izgledati ovako:

Korak 4 :Opet idete na Filter -> Artistic -> Plastic Wrap.Sada treba izgledati ovako:

Korak 5 : Bojenje slike Idite na Image -> Adjustments -> Hue/Saturation (Ctrl+u) i podesite ovako postavke:

Naravno, vi mozete koristiti i neku drugu boju ;)

Korak 6 :Duplirajte Background Layer.Prebacite ga u Color Dodge blending opciju, i stavite mu Opacity na 20-30%.

Zatim napravite Hue/Saturation (Ctrl+U) sa ovim postavkama:

I evo rezultata


Vatrena Lopta

Korak 1: Napravite novi dokument veliine 400x400. Pritisnite \"D\" na vaoj tastaturi da resetirate boje na crnu i bijelu. Obojite Background Layer u crno.

Korak 2: Idite na Filter -> Render -> Difference Clouds . Kliknite nekoliko puta ili jednostavno nakon prvog klika, pritisnite Ctrl+F (nekoliko puta). Napravite to 6-8 puta. Sada bi trebalo izgledati ovako:

Korak 3: Idite na Filter -> Artistic -> Plastic Wrap sa ovim postavkama :

Korak 4: Idite na Filter -> Stylize -> Glowing Edges sa ovim postavkama :

Korak 5: Duplirajte layer na kojem radite. Prebacite blending mode na Color Burn.

Vratite se na pocetni (donji) layer.

Korak 6: Idite na Filter -> Render -> Lens Flare sa ovim opcijama

Korak 7: Idite na Image -> Adjustments -> Hue/Saturation (Ctrl+U) sa ovim postavkama :

Evo mog rezultata:

Izrada sjajne teksture

Evo da napravimo jednu vrlo interesantnu teksturu

Korak 1: Napravite novi dokument velicine 400x400. Pritisnite Ctrl+D da resetujete boje na crnu i bijelu. Obojite Background layer u crno.

Korak 2: Idite na Filter>Render>Lens Flare sa ovim postavkama:

Uradite to 4 puta, u svakom uglu po jednom; ovako:

Korak 3: Idite na Filter>Distort>Wave sa ovim postavkama:

Korak 4: Kliknite Ctrl+U (Hue/Saturation) sa ovim postavkama:

Naravno, ako zelite, mozete staviti neku drugu boju.

Korak 5: Duplirajte layer i promjenite mu blending mode na Screen, ovako :

Korak 6: Idite na Edit>Transform>Rotate 90 CW .

I evo kako je to meni ispalo:


Slova kao igrake

1. Otvorite novi list i odaberite Velika slova, te napiite neto (ja sam koristio Arial black).

2. Istaknite svako slovo posebnom bojomOdite na Layer --> Layer Style --> Drop ShadowIskljucite Use Global Light,a Angle stavite na 8

3. U popisu stilo (Layer Styles) odaberite Bevel and Emboss.I postavite ovako kao ja:

Jo nemojte kliknuti OK!4. U popisu stilova (Layer Styles) odaberite Satin.Opacity stavite na 10%,Angel 59%,Distance 1px,Size 250px,Anti allased oznacite

Jo nemojte kliknuti OK!5.U popisu stilova (Layer Styles) odaberite Storke.Size postavite na 3px,Opacity stavite na 82%,Fill tipe promjenite na Gradient.Angel stavite na 35 stupnjeva,Scale na 58%

Moete kliknuti OK!6. To je to sada gotovo,jo moete npr, staviti pomocu Free Transfrom svako slovo zaokrenuti ili iskriviti tekst,npr. ja sam zaokrivio tekst pomocu desnog klika sam odabrao Warp text,izabrao Arc i stavio na -20.Rezultat:

Kako napraviti zaobljene rubove

Za ovo ima vie naina al mi emo koristiti najjednostavniji.

Otvorite novi dokument dimenzija 300 x 200 px. Pritisnite na tipkovnici Ctrl+R kako bi se prikazala ravnala koja e nam kasnije trebati. Zatim napravite novi Layer (Ctrl+Shift+N). Odaberite Rectangular Marquee Tool iz toolbara.

Napravite ovakvu selekciju i sa Paint Bucket Tool-om ju obojate u npr. plavo.

Pritisnite Ctrl+D da "odznaite" selekciju. Odaberite Eliptical Marquee Tool i pozicionirajte onaj mali krii tako da njegova sredina bude tono u gornjem lijevom kutu te drei pritisnutu tipku Shift i lijevi klik mia povlaite selekciju prema dolje-desno.

Ova iscrtkana linija je vana. irite krug toliko dok ne doe do broja 3. Ovo je vano tako da biste i sa lijeve i desne strane napravili istu zaobljenost, da ne bude razliito.

Sada idite na Select -> Inverse kako biste oznaili sve to je izvan tog kruga. Zatim odaberite Eraser Tool.

Klinite na strelicu pored broja kod Brush i otvorit e vam se izbornik gdje moete odrediti veliinu brusha. Odredite je na 50.

Zatim postavite ovako poziciju vaeg mia tako da oznaava samo kut. Zatim pritisnite lijevi klik mia

i evo nakon toga izgleda ovako:

Isti postupak ponovite i za desni kut, i za donje kutove i dobit ete ovo:


Izrada rollover buttona

U ovom tutorialu u vam objasniti kako napraviti jednostavni rollover u programu Adobe Imageready koji dolazi uz Adobe Photoshop.

Korak 1:Napravite novi dokument ovih dimenzija u Imagereadyu:

Korak 2:Sada odaberite Rounded Rectangle tool. Ako ga nema u alatnoj traci, nai ete ga ovako:

Korak 3:Koristite neki od layer style-ova i nacrtajte jedan rounded rectangle (pravouganik zaobljenih uglova (kutova)) kao na slici.

Sada vam neu objasnjavati kako napraviti layer style, nego u samo pisati o procesu izrade rollover buttona.

Korak 4:Sada se morate pobrinuti da imate "Web content" podprozor otvoren. To ete nai na ovaj nain; idite na meni Window -> Web content.

Sada bi vam se trebao pojaviti ovaj prozor:

Korak 5: Sada idite na Slice tool.

Korak 6: Slice toolom obiljeite cijeli dokument, ovako:

Korak 7:Sada idite na web content podprozor. Oznaite slice koji ste upravo napravili.

Korak 8:Desnim klikom na oznaeni slice kliknite "Add rollover state"

Korak 9:Pobrinite se da vam je oznaeni Rollover state na sliceu.

Sada oznaite layer(e) na kojem radite da dobijete rollover (ako radite na vie layera to trebate uraditi; u ovom tutorijalu to nije sluaj)

Layeru dodajte neki drugi style.

Korak 10: Usnimite ovako: File -> Save Optimized As... -> Html and images (.html)

Finished!

Sada to otvorite u vasem internet browseru i probajte :) .

Preview

Uz malo matovitosti i malo vjebe, moete dobiti interesante rezultate. Kasnije, kada postanete bolji sa Photoshopom i ImageReadyem, to mozete kombinirati u izradi weba.

Evo jos nekoliko mojih verzija:

Tekst na pathu

U ovom tutorijalu emo objasniti kako napisati neki tekst tako da on slijedi path koji smo prethodno nacrtali. Jo vam uvijek nije jasno o emu govorim? Pa evo onda tutorijal da vas ne zbunjujem.

Napravite novi fajl npr. 500 x 200 pixela. Napravite novi Layer, i neka vam Foreground i Background color budu bijele boje.

Zatim odaberite Pen tool i nacrtajte ovakav slian path

Zatim odaberite Horizontal Type Tool, postavite Foreground color u neku boju kojom elite da bude ispisan tekst. U mojem sluaju je to neka plava boja.

Sada privuete kursur mia do tog patha dok vam se ovako pokae kosa crta preko kursura:

Sada moete napisati neki tekst po elji i to bi trebalo izgledati otprilike ovako:

Malo koji efekt nabacite i to je to... vama dalje preputam na matu... ja nisam ba matovit pa se nemojte ljutiti to ba nije neki rezultat... bitno je da ste nauili kako ispisati tekst na path.

Efekt munje

Korak 1:Otvorite novi dokument veliine 450x70 (moe i neki drugaiji, ali se pobrinite da je duina bar 5 puta vea od irine).

Korak 2: Napravite gradient crno-bijelo, kao na slici:

Korak 3: Idite na Filter>Render>Difference Clouds. To sada izgleda ovako:

Korak 4: Kliknuti Ctrl+I (nauite koristiti hotkeye, jako su korisni), to je kratica za Invert (Inverziju boja; crno postane bijelo i obrnuto)

Korak 5: Sada pritisnite Ctrl+L (Levels) i povucite ovaj srednji trokuti do bijele.

Korak 6: Pritisnite Ctrl+U, kliknite "colorize" i obojite svoju munju. To sada izgleda ovako:

Uz malo mate i umijea moete napraviti neto ovako:

Munju takoer moete koristiti i na editovanju slika itd.*Napomena*: Kada layer munje prebacujete na neku drugu sliku, onda podesite da je Layer mode - Screen:

Kraj, pozdrav do sljedeeg tutorijala ;)

Jednostavni sgnature

Korak 1:Otvorite novi dokument veliine 450px x 120px.

Korak 2: Naite neku "cool" sliku i prebacite je na dokument.

Korak 3:Stavite neki layer style kao na slici:

Korak 4: Napravite background boje koje elite ( ja sam koristio srebrenu, i malo sam dodao glow na layer; to vi odredite kakav ce background biti )

Korak 5:Koristite brusheve i na nekoliko layera pomalo brushem "maite" =) Nakon to "izmaete", svakom layeru stavite razliit opacity ( providnost layera )

Korak 6:Selektirajte cijelu sliku pritiskom Ctrl+A, napravite novi layer i zatim otiite na Select>Modify>Border, i stavite na 1-2px. Na novom layeru, brushem ofarbajte sve to je selektovano. Nakon to to uradite idete Edit>Transform>Scale ( mora biti selektiran layer; border! ), te ga smanjite jako malo kao na slici. Pomjerite ga malo prema gore.

Korak 7: Napiite neki tekst na signatureu, smjestite ga u neki od uglova i neki layer style dodajte.

Ukoliko elite da to jo malo uredite, koristite i pattern stamp, i jos neke trikove.

Evo kako je to meni izalo:

Izrezivanje dijela slike

Pozdrav, u ovom tutorijalu u vam pokazati kako izrezati lik tj. dio neke slike. Izrezivanje dijelova slika je nuno u dizajnu kod recimo stvaranja signaturea tj. grafikog potpisa. Ova tehnika je jedna od nekoliko i meni najdraa. Za potrebe ovog tutorijala u koristiti jedan dosta zahtjevan screenshot kojeg moete vidjeti i skinuti ispod.

Link na sliku

1. korakOtvorite sliku koju elite izrezivati, u naem sluaju ovaj screenshot. Izrezivat emo ovog patuljka u prvom redu.

2. korakDuplicirajte sloj (jedini koji postoji) na kojem se nalazi slika. Ili desnim klikom na sloj pa 'duplicate layer' ili jednostavno odvucite sloj miem do ikone za stvaranje novog sloja.

3. korakBudite sigurni da vam je taj novi sloj izabran (kliknite na njega) i zatim otiite na Filter>Extract... ili pritisnite Alt+Ctrl+X.

4. korakSada vam se otvorio prozor Extract koji bi trebao izgledati ovako:

5. korakExtract je filter tj. alat koji nam omoguuje izrezivanje jednog dijela dokumenta. On radi na principu razlike kontrasta tako da izbacuje dijelove slike koji se kontrastom razlikuju od dijela kojeg elimo izrezati. Princip rada je taj da sa Edge Highlighter alatom preete preko granice lika kojeg elite izrezati i ostatka slike tako da Extract filter pronae kontrasnu razliku i odstrani neeljeno. Mi neemo prelaziti preko granice jer nam je kontrast izmeu lika i slike slab tako da bi nam pojelo previe od naeg patuljka i morali bi puno doraivati. Pa, krenimo. Odaberite Edge Highlight alat te zumirajte glavu ekia jer emo od njega poeti

6. korakNakon to ste ga odabrali, odaberite sljedee postavke (prema slici koja je ispod). to je vei kist, to e biti vee podruje kojeg ete kasnije morati dodatno sreivati, a to je manji to e na objekt kojeg izrezujemo biti vie oteen (ako naravno ne radimo savreno to nitko ne moe). Najbolje je izabrati zlatnu sredinu koja je u naem sluaju 3 po mojoj procjeni. Takoer stavite 50 pod Smooth. To e donekle umanjiti otre rubove i smanjiti nam kasniji posao.

7. korakCilj nam je kistom okruiti objekt tako da dobijemo neku vrstu zelene aure oko njega (ili neke druge ako ste promjenili boju highlighta). Kistom proite to blie rubu ali ne preko. Ako se to dogodi, ne brinite, jer kasnije se moe sve to ispraviti. Za to bolji rezultat, poveajte podruje na kojem radite to je vie mogue. Povealom zumirate normalno a ako elite odzumirati drite alt i klikajte. Kada ste zavrili, odaberite Fill alat (pogledajte sliku 3 za imena pojedinih alata) i kliknite unutar zelenog kruga te kliknite na Preview. Na slici ispod moete pogledati kako je to meni ispalo i kako bi to trebalo otprilike ispasti vama.

8. korakSada ste se rijeili skoro svog nepotrebnog materijala i jedino to nam preostaje jest urediti na objekt jer su rubovi trenutno katastrofalni. Za to nam slue Cleanup i Edge Touchup (kojeg ja neu koristiti ali vi slobodno isprobajte) alati. Ako vam je lik kojeg izrezujete negdje oteen (to e zasigurno biti), kliknite na Cleanup alat i drei alt preite preko oteenog dijela to e ga vratiti u ivot. Ako pak ne drite alt, Cleanup alat slui kao gumica. Njom obriite sve rune ostatke oko ruba lika. Tipkama od 0 do 9 birate jakou tj. pritisak. I to bi bilo to. Za kraj, ako elite posebno dobar rezultat, koristite Cleanup alat sa slabim pritiskom i njime zagladite rub kako bi se objekt kojeg smo izrezali to bolje uklopio u sliku u koju ga elite umetnuti. Na slici ispod pogledajte kako je ispalo meni.

Nadam se da vam je ovaj tutorijal pomogao, sretno!

Kako napraviti oble selekcije

Budui da u Photoshopu ne moete napraviti oble selekcije sa alatom za selektiranje tj. odabir (jedino uz uporabu Feathera ali to nije to) moramo se posluiti malim trikom.

Korak 1Odaberite Rounded Rectangle alat iz alatne trake. Ukoliko nije vidljiv, drite mi na polju i izaberite ga iz izbornika.

Korak 2Na Options alatnoj traci (ako je nema, ukljuite je putem Window>Options) moete izabrati tri naina rada Rounded Rectangle alata. Izaberite onaj u sredini - Paths.

Korak 3Radijus poljem moete birati zaobljenost vrhova. Nakon to ste napravili odabir koji elite (uoite da jo to nije pravi odabir nego path - naalost ne znam kako ovo zvati na hrvatskom, nadam se da se ne ljutite) otiite do prozora Paths i kliknite na karticu Paths. Vjerojatno ete imati samo jedan Path a ukoliko nemate odaberite onaj kojeg elite pretvoriti u odabir.

Korak 4Sada kliknite desni klik na taj path i odaberite Make Selection... Ukoliko ne elite Feather ostavite ga na nuli i kliknite OK. To je to, sada imate odabir sa zaobljenim vrhovima u svojem dokumentu.

Jednostavni trikovi

Nekoliko trikova koji e va rad u photoshopu uiniti "modernim". Moete ih koristiti za web design, signatureove i slino. Malo naprednijim korisnicima Photoshopa e ovo vjerovatno biti beskorisno, ali poetnike je vano uputiti kako se sve to radi :-). Prilino je jednostavno i mislim da e svatko razumjeti ovaj tutorijal.

1. Pattern Stamp tool

a) Korak 1:Napravite dokument 6x6, sa transparentnom pozadinom. Pen toolom ( uzmite bijelu boju ) i napravite neto sli?no ovom:

Idite Edit - > Define Pattern.

Korak 2:

Sada na dokument koji elite, selektujte Pattern Stamp tool, izaberite pattern ( ispod trake menija ) koji ste upravo napravili, podesite Opacity ( moete to kasnije ure?ivati u layers podprozoru ) i Flow.Napravite novi layer i na njemu se igrajte sa Pattern Stamp toolom.

Preporuka: Naravno, moete koristiti neku drugu boju umjesto bijele ili Pen toolom crtati linije u nekom drugom smjeru.

b)Korak 1:Napravite dokument 9x9, sa transparentnom pozadinom. Pen toolom (drei Shift crtat ete prave linije ) nacrtajte kvadrati poput ovog:

Ponovite postupak iz a) dijela.

2. Sjaj

Korak 1:

Na dokumentu koji elite napravite selekciju koja ide do pola dokumenta.

Korak 2:

Napravite novi layer i obojite ga poznatom "kanticom" tj. Paint Bucket toolom ( bijelom bojom! ). Deselektirajte. Opacity tog layera stavite na 10% 35%. Rezultat:

Preporuka1: Moete koristiti i gradient tool povlaei tako da bijela boja bude dolje, kao na slici:

Rezultat:

Preporuka2: Ako poelite neto malo naprednije, napravite ovakvu selekciju i koristei "kanticu" ili gradient, obojite.

3. Border

Korak 1:

Selektirajte sve sa Ctrl + A. Idite na Select -> Modify -> Border i stavite border od 2 piksela.

Korak 2:

Napravite novi layer i paint bucketom obojite i dobit ete lijepu granicu na rubovima vaeg rada.

Sretno i pozdrav do slijedeeg tutorijala.

Kako od jednostavne osobe napraviti cudoviste :)

Ovo je najlaki, najzabavniji i najsmjeniji nain da u par minuta od jedne normalne osobe (ili neke slavne osobe, to emo mi koristiti u ovom sluaju) nainite udovite, vanzemaljca ili to god ve hoete; ovdje je samo u pitanju vaa kreativnost. Ako moda se osjeate bijesno i ljuto na nekoga, i jo imate njegovu/njezinu sliku, SLUAJNO na vaem kompjuteru, vrijeme je za zabavu. Pa, ponimo!

Za poetak, ako nemate Liquify Filter, neete moi dalje raditi jer je on kljuan za sve ovo. Ja koristim Photoshop CS, mada mislim da Liquify-a ima i na starijim verzijama. Samo provjerite imate li ga izlistanog u Filterima. Ako imate, krenimo na zabavu!

Korak 1:Odaberite sliku. Najbolje je uzeti sliku gdje se tono vidi prikaz neije glave, jer cemo uglavnom na njoj raditi, mada se i tijelo uvijek moe mijenjati. Za ovaj tutorijal ja sam uzeo sliku Alysse Milano.

Korak 2: Ujedno i glavni korak. Otvorite sliku u Photoshopu i idite na Filter > Liquify. I sada, da vas upoznam za glavna tri "alata" koji su najbitnije ovdje. Evo slike, a vi otvorite isto ovaj prozori pa promotrite...

Bloat Tool slui sa irenje nekog odreenog dijela kojeg ste odabrali i za poveavanje. Pucker Tool djeluje suprotno; on smanjuje odabrane dijelove i suuje ih, dok Twirl Tool jednostavno zaokree odreene dijelove tzv. Twirl... ba kao vir na povrini vode. Ima i drugih malih alata ali mi cemo se sada sluiti ovima... i evo ga, slijedi glavni dio.

Krenimo prvo od oiju. Evo, ja cu u ovom slucaju njoj povecati oci. Znaci, za to ce mi posluziti Bloat Tool. Ali, ako vam vec nadolazi inspiracija za stvaranje cudovista, slobodno mozete ili odabrati Pucker Tool pa smanjiti oci da budu kao male tockice ili sl... ali za oci je inace najbolje da ih napravimo gigantskima! Sa desne strane, otprilike odaberite velicinu Brusha oko 55, Brush Densitiy oko 85 B-Pressure 100 i Brush Rate oko 66. Sada postavite kruii znad njezinog oka. I to neka sredite vae krunice (kruia bude njena zjenica. I uprite lijevim klikom mia, ali drite! Nemojte samo na jedan trenutak uprijeti nego drite i vidjet ete, oko se poveava!Naravno, kad vi budete smatrali da je dosta nemojte vie drati klik. Moete to i uiniti s drugim okom, mada sam ja u ovom sluaju uzeo Pucker Tool i smanjio joj ga. Princip je isti, samo drite malo due vrijeme i vidjet ete da se smanjuje. Zatim, moete uzeti Twirl Tool i staviti opet iznad njezinog oka koje je sad smanjeno i opet drati malo due vrijeme dok se oko ne zarotira! Nos... to emo sa njim? Prvo, gledajmo usne da se moemo orijentirati za nos. Inae, ako se osoba nasmijeila i pokazala svoje sobe, tada je najbolje poveati usta Bloat Toolom jer nakon toga izgledaju kao magarac! :) Ako nisu pokazali, kao u sluaju s Alyssom, onda emo ih smanjiti Pucker Toolom. I zbog toga je najbolje da poveamo NOS, a smanjimo USNE! Znai, Bloat Tool za nos, a Pucker Tool za usne. Naravno, ne mora to sredite kruia biti tono na sreditu usana ili nosa, stavite ga ondje gdje mislite da vam najvie pae.

Nakon to sam joj poveao nos, uzeo sam Twirl Tool i malice ga zarotirao, jednu nosnicu sam malo povukao prema dole, a jednu prema gore. Kako? Tako to dok drite klik, vi moete malo pomjeriti krui i odabrani se dio pomakne takoer! Sa usnama sam isto malo to uradio, a njezin vrat sam malo suzio koristei Pucker Tool ali ovaj put sa Brush Rate 100! I eto, to je to! Naravno, ovdje nije kraj! Ovo je samo osnova! Dalje, radite to hoete, obojite joj kou u zelenu, kosu joj obojite u bijelo, to vam god padne na pamet! I evo, ja sam na kraju dobio ovo...

Out of Bounds

Ovo je poprilino dug tutorijal, meutim ako budete ili do kraja i sve odradili kako treba rezultat e na kraju ispasti super. Znai, o emu se ovdje zapravo radi? Slike koje inae mi koristimo su uvijek unutar nekog okvira, kao npr. kada imate neku sliku i oko nje je bijeli okvir i svi su predmeti i osobe unutar tog okvira. Meutim... to bi bilo da neka osoba ili neki predmet izlazi iz tog okvira i stvara 3D efekt? U ovom tutorijalu u vam pokazati kako da to postignete. Najbolje je nai neku sliku gdje bi taj efekt najbolje ispao. Evo, za ovaj tutorijal u ja koristit sliku dva biciklista koja su uslikana u trenutku dok su jo bili u zraku nakon skoka. Evo poetne slike

... a na kraju evo nam i zavrne slike:

Korak 1:Otvorili ste sliku u Photoshopu. Prva stvar koju morate uraditi jeste kopirati prvi Layer, tj. Background Layer da dobijeti kopiju tog Layera, a to idite na Layer > Duplicate Layer. Vidite li pored kopije Background Layera onu malu sliicu oka? Iskljuite je tako to ete samo kliknuti na nju i to "oko" e nestati.

Korak 2:Sada, selektirajte duplikat Background Layera. Pogledajte malo dolje u Layer Pallete. Vidite li da pored slova "f" stoji sliica pravokutnika sa bijelim kruiem unutra? To je MASK ICON. Uprite nju. Idite desno od Mask Icon i naii ete na sliicu malog papiria, a to je ikona za pravljenje novog Layera; (Layera 1). Sada, selektirajte RECTANGULAR MARQUEE TOOL. S ovim ete selektirati dio okvira da izgleda kao pravokutnik iz kojeg bi ovi biciklisti trebali izai; ne brinite se; okvir emo zarotirati kasnije da bude kao ovaj na zavrnoj slici. Znai, po vaoj elji, napravite okvir i to bi zajedno s Layer Pallete u ovom trenutku trebalo izgledati ovako:

Korak 4:Provjerite da li vam je Foreground Color bijela, a background color crna. Izaberite Paint Bucket Tool. Namjestite ga iznad selektiranog okvira i uprite lijevim klikom mia da se cijeli pravokutnik oboji. Layer 1 je jo uvijek selektiran.

Korak 5:Sada, idite u Select > Modify > Contract i izaberite 30 pixela kako bi se stvorila nova selekciju unutar ovog bijelog pravokutnika. Uprite tipku DELETE da se izbrie nepotrebni dio i uprite CTRL + D da bi deselektovali selekciju... I eto ga, to je na okvir!

Korak 6:Idemo dalje. Edit > Transform > Distort. Sada je na vama da odredite kako e stajati okvir. Uzmite vrh okvira i miem miite kako biste odredili poloaj, evo u ovom sluaju mi smo dobili neki oblik slian paralelogramu. I dok je Layer 1 jo uvijek selektiran, uprite Mask Icon kako bi napravili Mask Layer na Layeru 1.

Korak 7:Neka je sada Foreground color crna, a Background color bijela. Uzmite Brush Tool. Sada, veliina ovisi o tome koju ste sliku uzeli. Zapravo, poenta ovoga je da sada sa svojim brushem obriite one dijelove okvira kuda e objekt (bicklisti) izai, znai, u ovom sluaju to je dio okvira koji prekriva njihove noge, gume bicikla, ruke itd. Znai, vaa slika bi sada trebala izgledati otprilike ovako... Inae, ovdje treba biti precizan.

Korak 8:Napravite novi Layer. Morat ete ga premjestiti ispod kopije Background Layera. On je selektiran, pod nazivom Layer 2. Sada izaberite GRADIENT TOOL. Od vrste Gradienta koji vam se nudi, odaberite onaj Foreground to Background. I sada, vi izaberite koje boje hoete... Sjeate se kad smo iskljuili ono malo oko? E, pa, sad ga ponovo ukljuite i odaberite ponovo Layer 2. Sada, kada ste odabrali koji ete Gradient povucite dijagonalno od gornjeg desnog kuta do donjeg lijevog kuta crtu... nije se nita dogodilo? Zapravo, jeste, obojili ste Layer 2! Sada ete otkriti... Neka vam je Foreground Color crna, a background bijela: Uzmite Brush Tool i odaberite kopiju Background Layera, ali njegov Mask Layer. Ponite farbati sve osim biciklista i onaj dio unutar okvira... Layer Pallete bi vam trebala sada izgledati ovako:

.... dok bi vam slika nakon nekog vremena farbanja Brushem trebala izgledati ovako...

Korak 9:Budite precizni. Obojite sve osim biciklista i dijela unutar okvira. Sada selektujte Layer Mask od Layera 1. Uzmite Magic Wand Tool i kliknite na ovu boju pozadine (ili koju ste vi vec odabrali). Kada se pojavila selekcija, uprite Shift + Ctrl + I !

Korak 10:Napravite novi Layer (Layer 3). Okvir je jos uvijek selektiran. Uzmite Paint Bucket i obojite ga crno dok je Layer3 selektiran. CTRL + D da se selektira. A sada, Layer 3 premjestite ispod kopije Background Layera. Mozda ne vidite sto se dogodilo, ali sljedeci korak je zadnji korak i vidjet cete sto smo napravili...

Korak 11:Uzmite Move Tool. Layer 3 selektovan. I sada, uradite kao da zelite da pomakne onaj okvir iz kojeg biciklisti izlaze. Medjutim, niste ga pomaknuli, ali jeste nesto drugo : crni pravokutnik identican ovom okviru. Postavite ga negdje ispod pravog okvira. Filter > Blur > Guassian Blur. Odaberite oko 10 pixela, a Opacity Layera 3 smanjite na 55%. I to je to.

Naslov tutorijala

Ovo je jedan jednostavan nain, uz malo preciznosti koja je potrebna, da sebi ili bilo kome drugom izbjelite zube. Za primjenu ovoga potrebno je koristiti Quick Mask Mode. Na slici ete moi vidjeti gdje se mala ikonica za nju tono nalazi.

Ako nikad niste prije koristili Quick Mask Mode, to je zapravo jedan od naina kako da selektujete odreeni dio slike; samo to ovdje koristite Brush Tool da selektujete odreene dijelove i kada se vratite u Standard Mode vidjet ete tono vau selekciju. Pa, ponimo!

Korak 1:Otvorite vau ili neiju drugu sliku gdje se vide vai zubi. Za ovaj tutorijal sam odabrao sliku gdje jasno vidimo zube.

Ne moemo rei za ove zube da nisu bijeli, meutim kada vidite da ih se jo moe pobijeliti, imat ete sliku zubi ba onakvih, bijelih, kakve vidite na reklamama. Zatim, napravite duplikat originalnog Layera. I sada, odaberite taj duplikat.

Korak 2:Uzmite Brush Tool; neka vam je Foreground Color crna, a Background boja bijela. Prebacite se u Quick Mask Mode. Polako, paljivo i precizno ponite prelaziti svojim Brushem preko zubi vidjet ete da za sobom ostavlja boju, ali to nema nikakve veze jer je to u biti selekcija koju pravite. Pazite da obuhvatite sve zube. Znai, evo kako bi to na kraju izgledalo:

Nakon to ste preli Brushem preko svih zuba, uprite tipku Q kako biste se vratili u Standard Mode, a zatim uprite tipku M. Meutim, ovo jo nije naa selekcija. Da bismo imali pravu selekciju zubi, uprite Shift + Ctrl + I! I sada na zavrni i glavni korak...

Korak 3:Duplikat originalnog Layera je i dalje selektiran. Uprite Ctrl + L. Trebao bi vam se pokazati ovaj prozori:

Ova zaokruena strelica e nam posluiti za izbjeljivanje ovih zuba. Polako je vucite prema lijevo i trebali biste primijetiti kako se zubi postupno izbjeljuju. Naravno, nemojte ii do kraja, to ipak ve nee biti ono na to smo ciljali. I to je to! Evo mog krajnjeg rezultata...

Izrada navigacije za web stranicu

U ovom tutorijalu u vam objasniti kako napraviti urednu crno-sivu navigaciju. Krenimo na posao:

Korak 1:Napravite novi dokument veliine 800x50, rezolucije 72px/inch, RGB 8-bitnu boju i transparentu pozadinu.

Korak 2:Napravite jedan pravougaonik zaobljenih rubova ( Rounded rectangle tool ) sa radiusom zakrivljenja 10px, a onda ga duplicirajte vie puta to bi trebalo da izgleda ovako (pripazite da vam je pravougaonik crne boje, odnosno da je foreground boja crna):

Korak 3:Slijedi najlaki korak: Blending Options.

Primjenite ovo na svim pravougaonicima.

Korak 4:Napravite novi pravougaonik tako da prelazi preko ovih koje ste prije napravili.

Korak 5: Ostalo je jo pisanje!Uzmite svima nam poznati Arial, uzmite veliinu 18px, a preko blending options-a moete staviti 1px stroke #000. Napiite ta elite i stavite neku pozadinu iza pravougaonika i gotovo je!

Voila!Za eventualne nejasnoe obratite se na forumu.

Eksplodirajuci planet

Napravite prvo dokument (npr. 800x800) i podesite color mode grayscale i color mode white. Resetirajte boje tipkom D

Skinite ovu sliku (save as)

Nju ubacite u photoshop (file>open)Zatim na tu sliku stisnite CTR+A i onda CTR+CTu sliku kopiraj te na onaj prazan papir (CTR+V)Zatim odite na Image->Adjustment->Invert (ili stisnite CTRL+I).

Trebate dobiti nesto ovako:

Nakon toga napravite krug pomocu elipse tool-a (drite shift i napravite krug) i trebate sad imati ovako nesto:

Zatim morate misem prevuci krug prema dolje to izgleda ovako:

Onda uhvatite ovaj drugi layer s krugom i povucete ga prema gore i to treba izgledati ovako:

Zatim morate stisnuti desni klik i namjestite flatten image ili (Layer => Flatten Image)

Kad ste to napravili odite na Filter => Distort => Spherize (100%) pa onda to ponovite, ali podesite na (50%)

to sad treba izgledati ovako:

Sad odite na Filter => Sharpen => Unsharp MaskAmount: 500%. Radius: 1.7px. Threshold: 122 levels

Zatim odite na Filter=> Distort=> Polar Co-ordinates.Options: Polar To Rectangular

Odite na Image=> Rotate Canvas=> 90CW

Odite na Filter=> Stylize=> WindNamjestite (right). Stisnite jos 2-4 puta (CTR+F)

Odite na Image=> Rotate Canvas=> 90CCW

Finally Filter=> Distort=> Polar CoordinatesOptions: Rectangular To Polar

Ovo bi trebalo sad izgledati ovako:

Zatim odite u Image=> Mode=> Indexed Color

Pa opet u Image=> Mode=> Color Table i namjestite (Black Body)

Kad izaete trebate imati ovakvo nesto:

Stisnite (CTR+U) Hue/Saturation ili u Image=> Adjutsments=> Hue/Saturation HUE (-15), SATURATION (50), LIGHTNESS (-5)

Jos samo za kraj podesite Image=> Mode=> RGB Color

Ovo je moj rezultat:

No samo jos jedno ako zelite da vam ovako ispadne koristite blur tool:

To koristite samo po rubovima

Flag orb

Flag orbovi su zastave drava u staklenoj kugli ( orb ). Ovo je jako korisno za mjenjanje jezika na multijezinnim stranicama, kao wallpaper i jo mnogo toga.

Korak 1: Downloadujte zastavu drave iji flag orb elite napraviti ( ja sam izabrao zastavu BiH ).Otvorite u Photoshopu i preko Image -> Image Size smanjite visinu ( height ) zastave na 250px.

Korak 2: Napravite krunu selekciju od vrha do dna, drei Shift.

Pritisnite Shift + Ctrl + I ( Select Inverse ), a onda Delete. Dobit ete ovo:

Korak 3: Napravite kvadratnu selekciju veliku tano onoliko da krug od zastave stane unutra.

Zatim idite na Image -> Crop. ( ako ste dobro nacrtali krug i pravilno isjekli, sada bi ste trebali imati sliku veliine 250x250 )

Korak 4: Selektirajte praznine ( transparentne dijelove ).

Opet pritisnite Shift + Crtl + I, i zastava e opet biti selektirana. Zatim idite na Select -> Modify -> Contract i upiite 3px.

Korak 5: Sada uzmite Eliptical Marquee Tool i odaberite Intersect with selection opciju.

Napravite ovakvu selekciju:

Napravite novi layer i povucite bijelo-providni gradient od vrha prema sredini.

Rezultat:

Uz malo truda postii ete dobre rezultate. Evo jo nekih zastava:

Kako izrezati dio fotografije u Photoshop-u?Zamislimo situaciju u kojoj imamo fotografiju, ali iz nekog razloga elimo izrezati iskljuivo manji dio te fotografije. Ovaj tutorijal pomoi e rjeavanju tog problema.Ono to nam je potrebno je Photoshop i slika. Verzija photoshop-a u principu nije bitna.Otvorimo sliku u Photoshop-u

Odaberimo crop tool

Oznaimo dio fotografijeU ovom koraku oznaiti emo samo dio fotografije koji elimo cropati.

Spremimo fotografijuPritiskom na Ctrl+Shift+Alt+S ili klikom na File -> Save for Web & Devices spremiti emo fotografiju u obliku koji je pogodan za Web. Takve fotografije lake su za prijenos internetom jer tee manje.Odaberimo JPEG format sa 70% kvalitete. Naravno, moe i 100%, ali e tada slika biti tea.

Rezultat :)

Napomena: ovo je mogue napraviti i drugim programima.Uklanjanje okolineU ovom primjeru pokazati emo kako ukloniti pozadinu (okolinu) sa fotografije koristei Adobe Photoshop CS3. Ova tehnika esto se koristi, stoga krenimoFotografija je preuzeta sa Flickr-a. Na ovom primjeru radimo zbog jednostavnosti pozadine (sve je prikazano u slinim nijansama). Ovaj postupak nemojte uzimati kao pravilo. Bitno je da usvojite princip.Fotografija koju obraujemo prikazana je na slici ispod. Ukoliko elite moete ju preuzeti desnim klikom mia, a zatim Save image.

1. korakOtvorite fotografiju u photoshopu

Moemo primjetiti da se sve nalazi u jednom layeru pod nazivom background. Layer background sada je zakljuan i u principu ne moemo raditi nita s njim.2. korakKliknite desnim klikom na layer Background i pritisnite Layer From Background, a zatim kliknite na OK.

Sada imamo layer koji moemo obraivati.3. korakUzmite alat Magic Wand Tool i namjestite Tolerance na 50.

4. korakPritisnite ( i drite ) shift tipku na Vaoj tipkovnici i pokuajte selektirati sljedei dio.

5. korakPritisnite tipku delete na tipkovnici kako bi obrisali okolinu glavnog objekta. Rezultat je sljedei:

6. korakJo neko vrijeme pokuajte se igrati sa Magic Wand Tool-om i parametrom Tolerance kako bi savreno uklonili okolinu.7. korakZaobiljeimo dio kao u koraku 4. I pritisnimo Refine Edge

8. korakUnesimo sljedee parametre i kliknimo na OK

9. korakPritisnimo tipku Delete na tipkovnici10. korakDodajmo novu pozadinu. Layer s novom pozadinom mora se nalaziri ispod layera sa objektom

Krajnji rezultat

Sve nejasnoe i pitanja moete uputiti na [email protected] pozdrav,Uivajte ;-)

Dizajn moderne web straniceU ovom tutorijalu pokazati emo kako izraditi layout web stranice pomou Photoshop-a. Svaku stranicu obino zapoinjemo crtanjem, a tek tada kreemo sa prebacivanjem u XHTML. Kada zapoinjete raditi web stranicu bitna vam je ideja i malo znanja o photoshopu. KrenimoKako e izgledati naa stranica na kraju?(kliknite za uveanje)

1. korakOtvorimo Photoshop CS3 (ili CS2)Pritisnimo Ctrl+N kako bi stvorili novi dokumentDimenzije slike su 780768

Kliknimo na OK2. korakKliknimo desnim klikom na Gradient Tool i odaberimo Paint bucket Tool

3. korakOdaberimo boju

Upiimo 151515 u sljedei okvir

Kliknimo na OK4. korakPritisnimo bilo gdje u okviru slike lijevu tipkuVaa pozadina trebala bi postati boje #151515 (tamno siva)5. korakPritisnimo Ctrl+Shift+N kako bi stvorili novi layerU ime layera upiimo lines i pritisnimo okNacrtajmo sljedei oblik bijele boje u gornjem lijevom kutu

Crtanje je lagano izvesti sa alatom Rectangle Tool pa kasnije duplicirati layere, a kasnije ih spojiti u jedan6. korakKliknimo na Add a layer style (pogledati gdje se nalazi u tutorijalu izrada odraza), zatim na Gradient overlay7. korakKliknimo na sljedei okvir i pobrinimo se da su postavke identine kao na slici

8. korakNamjestimo sljedee postavke

Kliknimo na OK 2 puta9. korakKliknimo desnim klikom na layer lines, zatim kliknimo lijevim na Convert to Smart Object

Ponovno kliknimo desnim klikom na layer lines, zatim kliknimo na Rasterize Layer10. korakUvjerimo se da je i dalje odabran layer linesKliknimo na Add a layer style, a zatim na Gradient overlayPostavke su sljedee, kliknimo na oznaeni okvir

11. korakOdaberimo bojeboje su sljedee

Kliknimo na OK 2 puta12. korakNamjestimo Opacity na 20%Rezultat je sljedei

13. korakDodajmo Logo u gornji lijevi kutNa primjer

14. korakPritisnimo Ctrl+Shift+N kako bi stvorili novi layerNazovimo ga menuAlat koji koristimo je Rounded Rectangle Tool

Postavke su sljedee

Boja: #2f2f2fNacrtajmo sljedei oblik

15. korakNapiimo neki tekstPostavke fonta su sljedee

Primjer teksta

16. korakNapravimo novi layer i nazovimo ga titleNacrtajmo sljedei oblik alatom Rounded Rectangle Tool istih postavka kao i kada smo crtali menu

17. korakLayeru title dodjelimo style Gradient Overlay sa sljedeim postavkama

i sljedeim bojama

Kliknimo na OK 2 puta18. korakDodajmo neki tekst. Npr.

19. korakNapravimo novi layer i nazovimo ga scrollNacrtajmo sljedei oblik alatom Rounded Rectangle Tool istih postavka kao i kada smo crtali menuBoja: #2f2f2f (ista kao i za menu)

20. korakDodajmo neki tekst. Npr.

21. korakNapravimo novi layer i nazovimo ga searchNacrtajmo sljedei oblik alatom Rounded Rectangle Tool istih postavka kao i kada smo crtali menu

22. korakNapravimo novi layer i nazovimo ga boxAlatom Rectangle Tool nacrtajmo sljedei oblikBoja: #3e3e3e

23. korakDodajmo stil StrokePostavke su sljedee


25. korakNacrtajmo povealoStvorimo novi layer naziva povecaloOdaberimo bijelu bojuOdaberimo alat Custom Shape Tool

i pronaimo povealo

Na rezultat je sljedei

26. korakStvorimo novi layer i nazovimo ga lineOdaberimo alat Line toolDebljina linije je 1pxBoja: #525252Nacrtajmo liniju kao na slici

27. korakDodajmo sliku. Npr.

28. korakDodajmo vijestFont: Arial, Regular, 12pt, None. Boja: #FFFFFF

29. korakDodajmo tokiceNajlae ih je izvesti pomou teksta na vrlo maloj veliini fonta30. korakDodajmo tekst ispod tokicaFont: Arial, Regular, 9pt, None. Boja: #FFFFFFRezultat je sljedei

31. korakPonovimo korake 28, 29 i 30 za drugu vijestRezultat je sljedei

32. korakStvorimo novi layer i nazovimo ga sideAlatom Rounded Rectangle Tool istih postavki kao i za menu nacrtajmo sljedee

33. korakLayeru side dodjelimo style Gradient Overlay Sljedeih postavki

Boje

34. korakNapiimo neki tekst. Npr.

35. korakStvorimo novi layer i nazovimo ga footerBoja: #2f2f2fAlatom Rounded Rectangle Tool istih postavki kao i za menu nacrtajmo sljedee na dnu slike


37. korakDodajmo sljedee znakove u prostor header-a

38. korakDodajmo gumb read more iza prve vijestiKrajUskoro dolazi tuturijal u kojem ovaj template pretvaramo u HTML

Photoshop kreirajte modernu naljepnicu za 5 minuta1. Kreirajte novi dokument u PS-uDimenzije nisu bitne (ja sam odabrao 500500 pixela jer volim imati puno veu radnu povrinu od elemenata koje stvaram).Nakon to ste kreirali dokument, dizajnirajte pozadinu dokumenta po elji, ovako izgleda moja:

2. Kreirajte krunicu1. U Photoshopu pronaite alat za kreiranje krunice ( Rounded rectangle tool > Ellipse tool)2. Kreirajte krunicu unutar Vae radne povrine, na lokaciji kojoj elite, dimenzija kojih elite3. Krunicu je potrebno rasterizirati (desni klik na layer > rasterize)3. Odreite rub krunicePomou polygonal lasso tool-a ( alati > lasso tool > polygonal lasso tool) , kreirajte selekciju na jednom rubu krunice, te od kreirane selekcije napravite novi layer desni klik unutar selekcije > layer via cut.

Ako ste sve napravili kako treba, kreirali ste novi layer sa dijelom krunice koji ste selektirali, dok je isti dio na prvom layeru obrisan.4. Ureivanje novog layera s dijelom krunice1. Oznaite novokreirani layer u paleti s layerima2. Putem transform alata (CTRL+T) rotirajte layer za 180 stupnjeva3. Pofarbajte layer u drugu boju (Edit > fill )Dobar izbor bi bila neka svijetla boja, sve ovisi o tome koje ste boje koristili za pozadinu dokumenta i krunicu.Ukoliko ste sve napravili kako treba, va dokument bi trebao izgledati slino ovome:

5. Stiliziranje kruniceIdemo jo malo stilizirati krunicu (sve je u detaljima).Odaberite layer krunice( ne odrezanog dijela) i ukljuite layer stil gradient sa sljedeim postavkama:

Unesite tekst unutar krunice i gotovi ste. Eksperimantirajte sa stilovima i moete dobiti jo bolji razultat od ovoga.Ja sam dodao drop shadow i tekst sa postotkom snienja.Voila:

Documents

Primjeri i Objašnjenja Kako raditi u photoshopu