PiXwell Web Design

Texto contornando a imagem no Photoshop – Trabalhando com caixa de texto

Boa tarde Galera, depois de um looooongo período sem postar, estou de volta ….

Estava eu desenvolvendo um layout no Photoshop e surgiu a necessidade de um texto contornar uma imagem, como fazemos no Word ou no CorelDRAW facilmente, veja abaixo:

Então vamos ao que enteressa.

1) Com a ferramenta  “Letreiro Retangular”  selecione a área em que você quer o texto:

2) Clique com o botão direito do mouse na seleção que acabou de criar e selecione “Criar Demarcador de trabalho” (Obs.: Esse opção só irá aparecer se tiver com a ferramenta do passo 1 selecionada, então cuidado ao trocar de ferramenta). Ele ficará com essa aparência:

3) Copie o texto desejado e Selecione a  Ferramenta de texto posicionando-a sobre o Demarcador criado. Fazendo isso ela mudará sua aparência, como mostra a imagem:

4) Clique e Cole o texto. Ele ficará assim:

Pronto!!  …. AAHhhh mas eu quero que desapareça essa “bordaaannn”

Tá bom coisinha chata! A “tia Marcia” explica ….

Vá na Janela de Demarcadores (caso não apareça aí, vá no menu do PS e selecione: Janelas > Demarcadores) e retire a seleção do demarcador do texto usado, clicando em qualquer área da janela.

Fácil né??!! … Fácil porcaria nenhuma! Fiquei horas para descobrir isso! kkkkkkkkkkkkkkk

Até a próxima!

Papercraft – Imprima e monte gadgets em papel

Esta seleção reúne um grupo de belos aparelhos antigos e gadgets modernos que você pode baixar, imprimir e montar. Muitos destes são bem fáceis de construir, mas alguns são um verdadeiro desafio. Basta dar uma olhada para ver o que você pode encontrar.

Sempre tente imprimir no papel mais grosso que sua impressora pode suportar. Use uma estilete para detalhes e tesoura para linhas curvas.

Você pode encontrar mais modelos no site: Creative Closeup’s Papercraft

DIY Papercraft Apple iPhone 4

Apple iPad papercraft

Mac Mini Papercraft

Canon Papercraft Cameras and Lenses

Nintendo 3DS console papercraft

Sega Dreamcast Papercraft

Retro TV set papercraft

Retro Radio Papercraft

Commodore SX-64 papercraft

iPhone dock papercraft

Motorola DynaTAC Papercraft

Samsung Omnia Papercraft

Corbis Readymech Cameras Papercrafts

Plasma TV papercraft

Apple iMacs papercrafts in five colors

Fonte:  Creative closeup

Listar Arquivos de uma pasta usando PHP

Essa é uma questão comum entre os iniciantes em PHP (ou não), como listar os arquivos de uma pasta? Mais …. como listar os arquivos recursivamente? Mas, o que quer dizer recursivamente mesmo? … Significa listar os arquivos da pasta raiz e suas subpastas. Bem … abaixo está o vídeo do David CHC, as vídeo-aulas dele são óóótimas, muito bem explicadas. recomendo!

Nesse vídeo você verá:

• Uso de SPL (conjunto de classes e interfaces)
• Listar os arquivos de uma pasta específica
• Listar os arquivos de uma pasta e suas subpastas
• Listar somente as pastas

Como fazer um efeito realista de sombra no Photoshop

Esse é um efeito fácil e rápido de fazer, mas o resultado é muito bom! Tomei como base outro tutorial que vi pela web (como qualquer coisa que circula na rede … hehehe), porém com algumas modificações.

Isso é o que faremos:

E esse é o efeito final:

1) Abra sua imagem e dê um espaço nas laterais para que possamos trabalhar

2) Na janela de controle de camadas, pressione o CTRL (Control) e clique na miniatura da camada para selecionar a imagem

3) Agora Crie uma Nova Camada e “Desligue” (clicando no ícone do “olho” na camada) a camada da foto para podermos visualizar melhor a sombra que iremos criar

4) E usando a seleção criada no passo 2, preencha-a com a cor preta

5) “Ligue” novamente a camada da foto, desfaça a seleção (CTRL + D),  selecione a sombra que criamos e com a ferramenta seleção desloque-a para a direita e para baixo

6) Na janela de controle de camadas, selecione a camada da sombra, vá no menu:  Editar > Transformação > Deformar (ou em inglês: Edit > Transform > Warp)

Arraste as alças no sentido da imagem abaixo:

Deixando-a assim, então clique na tecla <Enter> para confirmar:

7) Ainda com a camada da sombra selecionada, diminua sua opacidade para 60%

8 ) Agora vá no menu:  filtro > Desfoque > Desfoque Gaussiano (ou em inglês:  Filter > Blur > Gaussian Blur) e aplique um desfoque com um raio de 2 pixels

9) Agora insira no background uma textura de cortiça para destacar a imagem com a sombra

10) E para dar um toque final, adicione os brilhos nos cantos e vire um pouquinho a foto, só para dar um “chalme”

→ Clique aqui e baixe o arquivo PSD feito no tutorial

O que é um favicon e como fazer um?

Favicon são aqueles ícones que ficam na barra de endereços do seu navegador, nas abas e também nos seus favoritos, eles servem para identificar, e claro, dar uma identidade ao seu site.  Nesse tutorial vou ensinar como fazer um favicon usando uma ferramenta online.

É muito fácil fazer um favicon, você pode usar qualquer dimensão de imagem, mas é preferível que se use uma com dimensões quadradas, pois como é mostrado na imagem acima, o espaço é melhor aproveitado quando a imagem é quadrada.

Então, mão na massa!

1) Escolha a imagem que quer usar para seu favicon. No meu caso usei parte da imagem do meu logotipo:

Caso precise de alguma inspiração para criar seu favicon, dê uma olhada nos links abaixo:

Smashing Magazine 1

Smashing Magazine 2

2) Acesse o site Dynamic Drive:

3) Clique em “Selecionar arquivo” e selecione a imagem que você escolheu

4) Clique em “Create Icon”, será exibido um preview do seu ícone com um botão de download logo abaixo. Ccaso estiver tudo certo, clique nele e baixe seu favicon (Difícil, né?! hehehe …)

OK, mas como “instalo” isso no meu site?

Primeiramente coloque o arquivo favicon.ico na raiz do seu site, onde se encontra o index. html ou index. php. No caso do Joomla ou WordPress, coloque-o junto do index.php do template que está usando.

Insira a linha abaixo na <head> do seu site:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Ficando da seguinte maneira:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nome do site</title>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>

OBS.:  O favicon não irá aparecer imediatamente no seu site, seja paciente

Como descompactar arquivos maiores de 4gb?

Você já se deparou com a situação em que tentou descompactar um arquivo maior de 4 GB e seu programa disse que não há espaço em disco suficiente?

Isso acontece porque o seu sistema de arquivos provavelmente é FAT32, ele tem uma limitação de tamanho de arquivo de 4 Gb (embora isso pareça muito, arquivos de vídeo podem facilmente superar este tamanho).

O Sistema de arquivos FAT32 é basicamente uma evolução do FAT convencional (também conhecido como FAT16),  sua primeira versão foi desenvolvida em 1980, para atender às necessidades daquela época.

Então o que fazer?

Nesse caso não tem jeito, você deverá criar uma partição em seu HD e formatá-la usando o sistema de arquivos NTFS.

O sistema de arquivos NTFS é um pouco mais lento que o FAT32, porém trabalha com limite de tamanho bem maior para os arquivos, mas ele somente é “mais lento” por ter mais recursos que o FAT32. O NTFS foi criado em 1993 pela necessidade de ter um sistema mais estável para execução em servidores.

Como saber qual é meu sistema de arquivos?

Para saber qual é o sistemas de arquivos usado no seu HD:

1 ) Vá no Windows Explorer e clique com o botão direito em cima da unidade C:

2) Clique em propriedades

Irá abrir a janela abaixo mostrando o sistema de arquivos:

Para saber mais sobre partições, acesse esses links abaixo, lá tem artigos ótimos e beeemm detalhados sobre o assunto:

Baboo: http://www.baboo.com.br/conteudo/modelos/FAT32-x-NTFS_a3981_z0.aspx

Tecmundo: http://www.tecmundo.com.br/1506-fat32-ou-ntfs-qual-o-melhor-parte-1-de-2-.htm