← UI & UX Design

Duvida templates .psd

Lida 3727 vezes

Offline

allskin 
Membro
Mensagens 446 Gostos 2
Feedback +1

Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Boas,

Por vezes tenho visto alguns templates free que apenas vêm com um ficheiro .psd do Photoshop.

Como é que se "torna isto num website"?
Offline

asturmas 
Administrador
Mensagens 19734 Gostos 50
Feedback +2

Troféus totais: 39
Trófeus: (Ver todos)
Mobile User Windows User Super Combination Combination Topic Starter 100 Poll Votes 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

Tens de cortar a imagem e monta-lo em html
Offline

Nuno 
Administrador
Mensagens 7780 Gostos 216
Feedback +2

Troféus totais: 42
Trófeus: (Ver todos)
100 Poll Votes Level 7 Search Mobile User Level 6 Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes

Offline

BlueEagle 
Membro
Mensagens 2221 Gostos 1
Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

Usas as slices para "dividir" por assim dizer em partes, e essa partes va oser celulas de tabelas em html ;)

Vê o tut do exit  :wink:
Offline

RaPtOr 
Membro
Mensagens 1173 Gostos 2
Feedback +1

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Level 5 Level 4

Digamos que a parte em que tu estas allskin e a mais lixada para alguns.

Aconselho a fazer os slices com o Fireworks.

E mais facil para todos.

xD
Offline

bfms 
Equipa
Mensagens 1769 Gostos 40
Feedback +1

Troféus totais: 35
Trófeus: (Ver todos)
Search Level 6 Apple User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

Tal como já foi dito tens de cortar o template...
Depois de fazeres o que diz nesse tutorial, fazes Save for web... e ele gera a páginas images com os ficheiros cortados e o index.html.

Depois disso terás de definir as imagens como background ou adaptar em css.

Note-se que ao cortar pelo Photoshop o template do site irá ficar com tabelas.

 :wink:
Offline

allskin 
Membro
Mensagens 446 Gostos 2
Feedback +1

Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Obrigado ;)
Offline

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Recortar o template é como limpar o cú a meninos..não tem nada que saber..

E o photoshop ainda te ajuda mais, cria-te o code HTML todo conforme o recorte das imagens.

Photoshop sempre! :)
Offline

BlueEagle 
Membro
Mensagens 2221 Gostos 1
Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3

Citação de: "RaPtOr"
Digamos que a parte em que tu estas allskin e a mais lixada para alguns.

Aconselho a fazer os slices com o Fireworks.

E mais facil para todos.

xD


erm fireworks.... acho mt mais simples no photohop até pk se as sources veem em psd....
Offline

RaPtOr 
Membro
Mensagens 1173 Gostos 2
Feedback +1

Troféus totais: 30
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter 50 Poll Votes 10 Poll Votes Poll Voter Level 5 Level 4

Pois, tem essa desvatagem, mas eu gosto do fireworks.

Se tiver em .png claro.

Se tiver em .psd tem que ser o nosso amigo Photoshop