terça-feira, 19 de abril de 2016



Olá! Hoje vamos falar sobre como criar o primeiro arquivo em PHP no XAMPP que é um servidor para criação de suas páginas web em PHP/MYSQL.  O primeiro passo para criar o primeiro arquivo em PHP no XAMPP é verificar se ele está em funcionamento. Para isso basta abrir o seu navegador, no meu caso o Google Chrome e digitar: http://localhost/

Caso apareça uma janela parecida com a minha abaixo, é porque ele não está em funcionamento.
pagina de erro de nao funcionamento do xampp
Vou ativar o seu funcionamento. No Windows 8, na tela inicial, digite XAMPP Control Painel que é o painel de controle do XAMPP.
xampp control painel
Abrirá a janela do XAMPP Control Painel
janela xampp control painel
Clique em todos os botões de Actions e veja que ele mudará para START.
janela xampp control painel  clique em todos os botões de Actions e veja que ele mudará para START.
Abra novamente o seu navegador, no meu caso o Google Chrome e digite novamente:
Ao aparecer esta tela abaixo, significa que o seu XAMPP está em funcionamento.funcionamento do xampp
Por padrão, o XAMPP possui uma pasta onde colocamos os nossos arquivos em PHP, é a:
C:\xampp\htdocs
Porém,  para um trabalho mais organizado, vamos precisar criar uma pasta para colocarmos os arquivos de um site. Vou criar uma pasta chamada MICROCAMP
pasta microcamp criada no xampp
Vou abrir o bloco de notas e digitar os comandos iniciais de UM arquivo em PHP:
comando do php
Agora vou salvar na pasta criada com o nome de TESTE.PHP
arquivo salvo na pasta microcamp do xampp
Para verificar se está funcionando, vou Abrir novamente o se navegador, no meu caso o Google Chrome e digitar:
diretorio criado no xampp
Em seguida vou clicar no arquivo criado, o Teste.PHP
arquivo de teste do php
Está pronta a minha primeira página em PHP.
São vários os comandos utilizados no PHP, basta analisar cada um de acordo com a sua necessidade.

Até o próximo post!
Esse foi mais um post do Blog do Curso de Web Design Microcamp.
Faça um curso completo na melhor escola do Brasil.

quinta-feira, 3 de março de 2016

Como criar um flyer - parte I

Ola pessoal, bem-vindo a mais um post sobre Photoshop. Nosso objetivo aqui é criar fundos simples que poderiam ser utilizados em diversos tipos de peças gráficas.

 Criando um fundo personalizado para o flyer.
1) Inicie um novo documento clicando em Arquivo > Novo ou pressione as teclas de atalho “CTRL + N”.
2) Configure o novo documento da seguinte forma:
image001
3) Crie uma nova camada, no painel camadas e altere seu nome para Fundo.
4) Selecione a ferramenta Lata de tinta, escolha a cor de primeiro plano #8f4010.
5) Em seguida, com a última camada selecionada, clique em Filtros/Estilização/Ladrilhos. Depois faça a configuração abaixo e por último clique em Ok.
image006
6) Crie uma nova camada e com a ferramenta letreiro retangular, selecione toda a área da tela de desenho. Selecione a ferramenta lata de tinta, defina a cor de primeiro plano para preto. Em seguida preencha-o com a cor.
7) Localize no painel camadas o menu modo de mesclagem e altere para Luz brilhante.
image015
Criando a arte da parte superior (efeitos polaroides)
7) Importe uma imagem para dentro deste arquivo. Posicione na parte superior conforme o exemplo a seguir.
a) Em seguida renomeie a camada que possui esta última imagem importada para “família”
8) Crie mais uma camada e dê o nome de área, em seguida selecione a ferramenta letreiro retangular e desenhe sobre a área imagem superior, um retângulo com as dimensões aproximadamente  de 3,35cm de largura por 4 cm de altura.  Para finalizar esta parte, selecione a ferramenta lata de tinta, dê um duplo clique na cor de primeiro plano para abrir o seletor de cores, em seguida selecione a cor branca. Depois clique sobre a seleção.
9) Crie outra camada e atribua o nome de efeito, e agora faça um retângulo menor dentro do anterior, e preencha-o de preto.
10) Em seguida selecione a camada do retângulo branco e aplique um estilo de camada sombra projetada.
image009
10) Altere a posição da camada família para a parte de cima no painel camadas.
11) Em seguida selecione a camada família, clique com o botão auxiliar do mouse sobre ela e selecione o comando Criar máscara de corte.
12) Agora selecione as três últimas camadas (família+área+efeito) e arraste para a ferramentaCriar um novo grupo do painel camadas.
a) Renomeie o grupo para G1;
Resultado parcial
b) Você poderá também girar o retângulo para dar um efeito mais interessante. Para fazer isto, abra cada grupo e selecione somente as camadas área e efeito, pressione CTRL+T e faça o giro.
image008
13) Clique com o botão direito do mouse sobre o grupo G1 e escolha Duplicar grupo. Por último renomeie este segundo grupo para G2.
a) Selecione a imagem e arraste-a para a lateral direita.
Agora você já estará com duas máscaras identificadas. Para alterar a visualização da parte da imagem para uma outra parte para que o efeito fique interessante, faça:
b) Abra o grupo G2, clique na camada Família e com a ferramenta mover sobre  o segundo retângulo, clique para que uma outra parte da  imagem possa ser visualizada.
Exemplo
image013
14) Duplique cada grupo e altere as posições de cada retângulo, e também a parte visualizada da imagem.
Resultado Parcial
image011

A segunda parte deste flyer vamos ensinar no próximo post. Aguardem!