Autor: Brother Mouse
Hoje vou demonstrar a vocês o processo de criação de uma página comercial na web. Amigos que conhecem páginas web devem saber da importância do Photoshop nesse processo, pois ele é a base para a produção de páginas web. Portanto, o autor preparou este conjunto de tutoriais. O objetivo é esperar que os amigos iniciantes possam ter uma compreensão mais profunda do processo de produção. Nos próximos dias, prepararei mais, em comparação com álbuns promocionais, pôsteres de bem-estar público, etc. ., o processo de produção. Vamos começar agora!
Vamos dar uma olhada nas renderizações finais primeiro:
renderizações
Figura (1) Primeiro selecione Arquivo>Novo (CTRL+N) e defina os parâmetros na caixa de diálogo. Conforme mostrado na Figura 1.
Definir parâmetros
Figura (2) Crie uma nova camada. Agora comece com o fundo. Primeiro defina a cor do gradiente (aqui eu uso vermelho e preto como cor de fundo. A cor pode ser ajustada de acordo com suas preferências). mouse na imagem Clique com o botão esquerdo para esticar para baixo em linha reta. Conforme mostrado nas Figuras 2 e 3. +
Editor de gradiente
Diagrama de efeito gradiente
Figura (3) Depois de definir a cor de fundo, use as ferramentas queimar e esquivar (tecla de atalho o) para editá-la e dar-lhe uma sensação de textura. Conforme mostrado nas Figuras 4 e 5.
Um pouco de sensação de tecido
Ferramentas de gravação e esquiva
Figura (4) Depois de usar a ferramenta marquee (tecla de atalho m) para selecionar o intervalo correspondente no canto superior direito, mantenha pressionado ctrl+j para copiar uma camada separada. Editando o estilo dele. Conforme mostrado nas Figuras 6 e 7.
Mantenha pressionado ctrl+j para copiar uma camada individualmente
Edição de estilos de camada
Figura (5) Selecione a camada 2, use o mesmo método acima, selecione o intervalo correspondente e mantenha pressionado ctrl+j para copiar uma camada separada. Editando o estilo dele. Conforme mostrado na Figura 8.
Selecione o intervalo apropriado
Figura (6) Em seguida, precisamos começar a escurecer e desviar da camada que acabou de ser selecionada e editada. Primeiro selecione a camada 3, conforme mostrado na Figura 9, e depois selecione a camada 4 após a edição, conforme mostrado na Figura 10.
Realize processos de escurecimento e clareamento
Figura (7) Crie uma nova Figura 5. Agora modifique a imagem e use a ferramenta marquee para selecionar o intervalo apropriado, conforme mostrado na Figura (11) Preencha R:255 G:2 B:252 Clique duas vezes na camada 5 para editar. o estilo. Conforme mostrado na Figura (12). Ajuste a transparência desta camada para 40%. Conforme mostrado na Figura (13)
Use a ferramenta letreiro para selecionar um intervalo apropriado
Edição de estilo de camada
Transparência da camada
(8) Crie uma nova camada, selecione o intervalo e preencha com R:255 G:2 B:252 Edite o estilo conforme mostrado em (14) e ajuste a transparência desta camada para 0.
Edição de estilo de camada
Figura (9) Agora inserimos o texto (você também pode pensar em um nome que desejar). Vou nomear a página da web como Heitongdiba e inserir algumas fontes de acordo. Conforme mostrado na Figura (15).
Digite o texto
Figura (10) Ok, agora precisamos processar a fonte, modificar o tema pupila preta, clicar duas vezes na camada para editá-la no estilo, conforme mostrado em (16), ajustar a transparência desta camada para 0.
Processar fontes
Figura (11) Encontre algumas fotos relacionadas e coloque-as (mas elas devem corresponder ao tema que você deu, não apenas encontre algumas fotos) e depois coloque as fotos no estilo para edição. Conforme mostrado na figura (17)
Se a
imagemdo estilo da camada
(12) não for suficiente, adicione algumas pequenas modificações (figura 18), mas não muito, e ajuste a transparência adequadamente.
Adicione algumas pequenas modificações
Feito! Vamos ver o resultado final.
efeito final
Depois que uma página da web estiver concluída, é realmente muito fácil. Os iniciantes podem usar esses métodos simples para tentar criar sua própria página da web. Qualquer design não precisa necessariamente ter muitos efeitos para ser bom. Às vezes, a simplicidade também é uma espécie de beleza. Se você tiver opiniões diferentes no tutorial, espero que possa se comunicar comigo. Contate QQ: 95512068.