Photoshop tutorijali preuzeti s neta

Favicon je mala sličica (ili animacija) koja se pojavljuje pored vaše internet adrese i bookmarksa baš poput ove na slici:



Većina
web stranica ih ima tako da sad već favicon predstavlja i nekakav
zaštitni znak weba, nešto poput loga. Evo kratki tutorijal kako
napraviti favicon i postaviti ga na web stranicu:

U Photoshopu otvorite New File 16 x 16px.



Dizajnirajte
svoj favicon, no obratite pažnju da imate tek malenu površinu za rad,
dakle napišite neko slovo, zaštitni znak, logo, sličicu ili što god
već, što će predstavljati vašu stranicu:



Sad odaberete File > Save for web, a ako imate PS CS3 onda save for web and devices:



Iako
su faviconi .ico file, u photoshopu ih ne možete tako spremiti, zato ih
spremamo kao .gif i koristimo neki drugi software da ih konvertiramo u
.ico file.



Kad ste spremili favicon kao .gif, idete na Favicon from Pics, napravite upload svoje .gif slike na njihovu stranicu, ovako:



Na browse pronađete svoju sliku na svom kompjuteru, idete na generate favicon.ico i



nakon toga pritisnete download favicon i dobijete folder koji treba unzipovat. U tome folderu imate favicon.ico file



koji treba postaviti između HEAD tagova na svaku stranicu na kojoj želite da vam se favicon pojavljuje. Što bi izgledalo ovako:

<link rel="Shortcut Icon" href="/favicon.ico"/>

Ako vam se favicon ne pojavljuje, vjerojatno će te trebati postaviti cijeli link do slike, npr. ovako:

<link rel="shortcut icon" href="http://www.ri-web.org/images/favicon/favicon.ico" / >

Želite
li imati animirani favicon, napravite animaciju i samo još uz ovaj link
dodajte i link s animacijom, to bi izgledalo ovako:

<link rel="shortcut icon" href="images/favicon/favicon.ico" >
<link rel="icon" href="images/favicon/animated_favicon1.gif" type="image/gif" >

Napravite svjetlucavi animirani tekst u photoshopu:



Prije
no počnete razmislite o veličini i boji slova, te namjeni. Možete
napraviti svjetlucavi banner ili nešto drugo. Počinjemo izradom bannera
Tajna:
Prvo otvorimo PS i napravimo novi dokument File > New
document, veličina je na slici, boju odaberete po želji, moja je
prozirna (Transparent)



Zatim
odaberete text (na slici) ja sam odabrao Arial Black 48pt i boju texta
(ja sam odabrao #e38f21) i upišete text (deblja slova, bolje izgledaju
za ovu animaciju).
Sad bi trebali imati background layer i text.





Nadalje
treba layer rasterizirati i dodati filter na njega: odite na Select
Layer/Rasterize/Type. Sada duplicirajte layer dva puta tako da imate 3
layera teksta. Layer na kojem radite mora biti označen kao na slici
ispod.



Označite gornji text layer i dodajte: select Filter/Noise/Add noise, neka veličina bude 50%.



Onda označite slijedeći layer i neka veličina bude 55% i slijedeći neka bude 60%.
Sad treba tekst malo začiniti da izgleda bolje, označite gornji layer i
odaberite:select Layer/Layer Style/Blending Options, dodajte stroke,
drop shadow i malo bevel and embosse, ispod su slike mojih podešenja, a
vi svoja možete malo podesiti prema tipu i debljini slova koja ste
izabrali.









Sada
trebamo kopirati ovaj layer style i dodati ga na ostale layere znači
idete na desni klik na layer odaberete copy layer style i označite
druga dva layera i kliknete sa paste layer style. Nakon toga idete na
window > animation ili ako imate CS2 ili niže prebacite na image
ready Shift+Ctrl+M i kad ste prešli u image ready imate animaciju, ako
ne opet idete na window/animation. U ovoj fazi nam treba samo top tekst
layer i background layer, ostale isključite (kliknete na oko pored njih
da se ne vide).



Trebali bi imati jedan frame poput ovog na slici:



Sad
isključite top layer i označite layer ispod, dodajte novi frame,
označite text layer i uključite najdoljnji text layer. Dodajte još
jedan frame i upotrijebite srednji text layer ponovo. Sad bi trebali
imati 4 framea u animaciji.



Pritisnite
play i dugme i vidite kako to izgleda. Animaciju možete i optimizirati
na File > optimize as i ako ste zadovoljni onda možete spremiti
animaciju na image ready idete na File > save optimized as i
spremite kao gif file ovako:



Na kraju to izgleda ovako.




A za one sa CS3 kad spremaju file idete na File > save for web and devices i spremite to kao gif file.

^^ko ovo sve prouči bit će photoshop maher

ja proučio...

Pitanje:mogu li na jednostavan način kopirati ovu stranicu u komp.tako da mogu proučavati tut.off-line i raditi step-by-step?

da koristiš firefox mogao bi lako,za IE neznam način

Edit:osim print..

ajd please reci za mozzilu,pa ću vidjeti ima li kaj slično na ie7

klik na Tools=>Add-ons=>Get Add-ons=>Browse All Add-ons=>
u tražilicu upiši "PDF Download",skini-instaliraj,restart firefoxa,pojavi ti se u desnom gornjem kutu ikonica na koju kad klikneš ti convertira web stranicu u PDF format,nakon toga "save" i to je to!
ja sam pkušo davno prije tražit za IE i nisam mogao nać!!

nisam morao tražiti imam već convert to pdf,ali mi se stalno javlja greška i neće mi napraviti izmjenu do kraja,pa na kraju nemogu otvoriti,ako ti se da jel možeš ti prebaciti ovaj tut. i flash tut. u pdf i mailat mi ih?samo ako ti se da

flash sam rješio,ovaj i mene zajebava,al rješit ću ti

po tko zna koji put hvala(morat ću nešto novaca uložiti u svoje inf.obrazovanje)

netrebaju tu novci,ja naučio sve(što znam)sam tj bez ikakvog tečaja,škole itd,samo upornost,a i vidiš moj potpis-prva rečenica
i opet nema na čemu,ovo ti šaljem sad na mail,a photoshop čim ga uspijem zajebat,nije problem

neznam zašto al ovog neće ni meni da convertira u PDF,možda previše podataka,jbg sorry..nisam dosad imo takav problem!!

ha ništa,probat ću naći negdje u štivu,baš mi se radi u njemu,jer sam probao neke stvari u adobe imageready-u,pa nejde.probat ću na jedan drugi način.

evo ak uspiješ nešto stavi ovdje!!meni još jedino pada na pamet print..

da ali ne mogu s ovog kompa.na laptopu sam i nemam doma printer

evo nešto što sam skužio neki dan..slučajno..
neznam dal radi na IE i dal može na M.Office,al ja probo Copy-Paste teksta tj stranice sa neta na Open Office i radi(firefox),poslje ga izvezeš u Pdf i to ti je to..ili samo spremiš kao OO tekst dokument..

Elektricna slova

Otvorite novu sliku s bijelom pozadinom...
Pritisnite "d" da biste postavili bijelu kao pozadnisku boju, a crnu kao pokrivnu. Napisite neki tekst.


U paleti slojeva(dolje desno) kliknite Ctrl-klikom(kliknite drzeci
Ctrl) na sliku sloja s tekstom da selektirate tekst. Kad tekst postane
selektiran izbrisite sloj s tekstom.


Deselektirajte selekciju(Crtl+D) te u izborniku Edit odaberite Stroke. Postavite sve kao na slici.


Odaberite Filter > Blur > Gussian Blur i postavite radijus na oko 6 pixela
Zatim odaberite Filter > Render > Difference Clouds da biste
dobili efekt elektricne struje. Za poboljsanje efekta pritisnite Ctrl+I
da invertirate boje na slici.


Pritisnite Ctrl+U da dobijete Hue/Saturation izbornik. Odaberite box
Colorize, a klizac Hue postavite na oko 20 da obojite sliku plavom
bojom.

Ako netko baš želi dobar photoshop tutorial, imam ja u pdf formatu, šaljem na mail... Ako vam se da učiti... A ima i jedna dobra stranica na ingliš, video tutorijali, sve vam rade korak po korak...

Ja sam si dana skinula photoshop cs4,jel ga ima netko i kako je na njemu radit?

Meni su ti novi PSi bezveze
CS2 mi je najbolji nekako....
Iako imam CS2, CS3 i CS4 :O

jesi radio na tom cs4?

Da....
Ima dosta vise funkcija (npr. 3d modeliranje) od CS2 ali je i pinkicu kompliciraniji....
To je ja mislim vise stvar navike nego ovako...

fala na odgovoru,budem se ja potrudila da skontam sve

Sasuke je napisao/la:Da....
Ima dosta vise funkcija (npr. 3d modeliranje) od CS2 ali je i pinkicu kompliciraniji....
To je ja mislim vise stvar navike nego ovako...

ne postoji 3d modeliranje vec 3d preview u photoshopu, tojest ocitavanje obj fajlova te apliciranje tekstura.