PASSO A PASSO - All Star de crochê!

http://cortandoecolando.blogspot.com.br/

NATAL no palito

http://rvvlada-shop.livejournal.com/19170.html

Braceletes e pulseiras de miçangas no tear

ARTE

CLIQUE SOBRE A IMAGEM PARA ABRIR O PDF DA IMAGEM

CLIQUE SOBRE A IMAGEM PARA ABRIR O PDF DA IMAGEM

Mais dicas http://maddalee.blogspot.com.br

REFORMANDO UM SOFÁ

Incrivelmente este sofá foi reformado sem uma costura! Isso mesmo!! Só cola, tesoura e muita criatividade.
O PAP completo está no blogger O AMOR AINDA É ARTESANAL da Elaine, passa lá para conferir e me conta o que vocês acharam.

Inserindo texto em contornos - FIREWORKS

No Adobe Fireworks é possível adicionar um texto a qualquer contorno ou caminho sem problema algum. Para isso, basta escrever o texto, criar a forma/caminho cujo qual o texto será inserido, selecioná-los e, no menu superior Text, escolher a opção Attach to Path.

Esse procedimento também pode ser realizado em contornos criados pela ferramenta Pen Tool.

Retirado do site: Tutoriais Fireworks

Efeito Polaroid no Fireworks

OLÁ, NESSE PEQUENO TUTORIAL IREI ENSINAR COMO CRIAR UM EFEITO POLAROID QUE DARÁ A SUAS FOTOS UM VISUAL BEM BACANA.

Para começarmos a criar o efeito polaroid temos que imaginar que efeitos de sombra e luz são muito importantes.
Seria muito simples colocar uma imagem dentro de um frame branco e pronto.
É exatamente nesse ponto que começaremos.

Crie um novo documento no Fireworks com as seguintes configurações:

Altura: 400px, Largura: 400px, Cor de fundo: #66CCFF (essa cor é essencial para podermos ver a sombra enquanto for criada)

Cole a imagem que você deseja usar e crie um retangulo ao redor como na imagem abaixo.

Aqui já temos uma imagem dentro de um frame, bem parecido com uma fotografia polaroid.
Mas para criarmos um efeito polaroid mais realistico, vamos trabalhar com sombras e luz para dar um efeito de que a foto é de papel.

Para criarmos o primeiro efeito de luz sobre o papel iremos copiar o frame branco e atribuir a ele um gradiente claro/escuro com transparência.

Passo 1 - Copie e cole o frame branco, logo em seguida coloque ele sobre a imagem usando as teclasCtrl + ↑
Passo 2 - No item de cor vamos escolher Gradiente > Linear como na imagem abaixo

Passo 3 - Configure o gradiente do preto para o branco criando dois pontos de transparência no meio.

Esse será o resultado obtido:

É importante você usar o mouse para arrastar a linha do gradiente até ficar em diagonal, como na imagem acima.

Para que o efeito polaroid tenha maior realismo iremos criar um efeito de sombra para darmos uma cruvatura a nossa foto.

Vamos criar outra cópia do frame branco e com a ferramenta Pen Tool iremos dar a seguinte curvatura na imagem.
Passo 1 - Clique sobre a imagem e desagrupe usando as telcas Ctrl + Shift + G
Passo 2 - Usando a ferramenta Pen Tool clique sobre as linhas laterais, superior e inferior e arraste no sentido da linha, uma nova linha com duas marcações nas extremidades irá aparecer. Vá controlando essas marcações usando a ferramenta Subselection Tool até atingir o seguinte resultado:

Atribua a essa imagem a seguinte cor: #333333
Em Filters, selecione a opção Blur > Gausian Blur nivel 4,0

Posicione a imagem bem abaixo das outras usando as teclas Ctrl + Shift + ↓
Acerte a imagem abaixo das outras para que a sombra atinja o seguinte resultado:

Pronto aí está o efeito polaroid criado na imagem. Você poderá trocar o fundo por uma imagem como eu fiz lá em cima na imagem de demonstração. E para fazer isso com outras fotos, é só recortar e trocar a imagem dentro do frame quantas vezes quiser.

Retirado do blogger: Logo3D

Converter imagens para texto (ASCII)

Ainda não testei este utilitário, mas achei muito interessante postar aqui. Quem quiser deixar algum comentário ao utilizá-lo ... esteja à vontade para postar.

O ASCGEN é um pequeno utilitário que converte qualquer fotografia ou imagens em textos de alta qualidade com várias tonalidades de preto.

Depois que transformado você pode salvar como HTML ou texto comum.

O diferencial desse programa é que ele possui vários ajustes para deixar a imagem como o usuário quiser.

Fonte e link:
http://ascgendotnet.jmsoftware.co.uk/

Turbine seu FIREWORKS

Encha seu Fireworks com excelentes plugins, scripts, commands, textures e patterns.

Muita gente vem me perguntando porque meu Fireworks, que demonstro nas coluna é diferente do que os usuários possuem. Simples! Estou constantemente instalando commands e criando meus próprios para utilização diária, usando os exemplos das colunas:

Que tal você também ter os filtros que utilizo no dia a dia, basta clicar e salvar o arquivo para você, em seguida ao fim do download, pressione "abrir" da caixa de finalização para instalar as extensões.

Dicas no site: PontoFlash

Os melhores tutoriais e efeitos de Fireworks

Fireworks é um ótimo editor de imagens para criação de layout web. Durante muito tempo usei o Photoshop e em 2000 mudei para o Fireworks pois na época era o software mais otimizado para criação web. Tanto que depois o Photoshop incorporou algumas ferramentas do FW finalizando então na aquisição da Macromedia.

Porém, quem acha que o Fireworks só faz retângulo, circulos, linhas e curvas, está enganado. Podemos criar inúmeros efeitos, não deixando nada a dever ao Photoshop e outros programas.

Sombra em Foto

Aprenda a criar aquele efeito realístico de sombra em fotos com Fireworks

Uma bela gota

Efeito real de uma gota d’água feito no Fireworks

Neste site 15 efeitos interessantes: Bruno Ávila - AVANTE

TRANSPARÊNCIA EM TEXTO - FIREWORKS

O efeito final é bastante satisfatório e é produzido de forma rápida e fácil.

1) Abra a imagem a qual deseja atribuir o texto transparente. No exemplo que darei vou usar a seguinte imagem:

2) Selecione a Ferramenta Texto e insira um texto qualquer, com as seguintes configurações:

» Fonte: Arial.

» Tamanho: 30.

» Cor: Branco (#FFFFFF).

» Estilo: Negrito.

Obs.: Caso sua imagem esteja em outros padrões de tamanho, fique a vontade para fazer as configurações devidas em seu texto.

3) Com a Ferramenta Ponteiro, selecione o texto e acesse no Inspector de Propriedadesa opção efeitos, aqui representada pelo sinal de adição (+). Escolha a opção Chanfro e relevo,Relevo elevado.

4) Configure este efeito com os seguintes valores:

» Largura: 2.

» Contraste: 100%.

» Suavidade: 0.

» Ângulo: 30.

Obs.: Atente-se em desmarcar a opção Mostrar objeto deste efeito. Caso contrário seu efeito estará comprometido, não resultando no efeito esperado.

5) Ao configurar o efeito o resultado apresentado será semelhante ao que segue abaixo:

6) Veja o quanto ficou legal nossa imagem. Desta forma poderá realizar o processo para quantas imagens quiser. Mas ainda podemos, neste exemplo, dar uma melhorada no layout retirando a data e horário que a foto foi tirada. Informações estas localizadas na parte inferior direita da foto. Para tirar as informações desejadas será necessário o uso de uma ferramenta já ensinada nos tutoriais anteriores – a Ferramenta Carimbo.

7) Os métodos para se trabalhar com esta ferramenta já foram ensinados. Caso tenha esquecido, acesse os tutoriais da série Fireworks Básico e tire suas dúvidas. Veja a configuração utilizadas para esta ferramenta:

» Tamanho: 10.

» Borda: 10.

8) Aos poucos vamos retirando as informações que desejamos remover da fotografia.

9) Ao final, teremos o seguinte resultado:

Muita bem galera, chega ao final mais um tutorial da série Fireworks. Foi apresentado como se criar textos transparentes para usar em imagens em geral e ainda relembramos os procedimentos para se remover partes de fotos, utilizando a Ferramenta Carimbo.

Tutorial retirado do site:Julio Battisti

Criar e colocar menu horizontal abaixo do título

Neste tutorial vou ensinar a inserir um menu bem legal abaixo do título do blog apenas com HTML e CSS. Esse menu é simples com botões que podem ser personalizados.

Um menu na parte superior da página é forma mais útil de atrair o seu visitante a navegar dentro do seu site através de categorias pré selecionadas. Primeiramente você define qual o assunto principal do seu site, depois, cria páginas com essas categorias e os "linka" em um menu. No blog é a mesma coisa, pois cada "marcador" ou categoria é uma página e possui um link.

1 - Primeiramente faça um backup do seu Template.
Geralmente, alguns templates não estão habilitados a criar um elemento de página abaixo do título. Para permitir que adicionemos um elemento de página abaixo do título do blog, faça o seguinte, procure pelo seguinte código no HTML do seu blog:

Mude maxwidgets='1', para maxwidgets='2' - você estará alterando a quantidade de elemento de página no campo Header.

ude showaddelement='no' para showaddelement='yes' - você estará permitindo que o novo elemento funcione.

2 - Visualize o template para ver se tudo funciona bem, salve o template e volte para"Elementos de Página"

3 - Acesse esse site para gerar o seu menu

4 - No campo "How many links do you want in your list?" (Quantos links você deseja para a sua lista) selecione a quantidade de botões que você deseja no seu menu (Opções de 1 a 20).

5 - Pressione "Next".

6 - Aparecerá um monte de campos....cada linha corresponde a quantidade de botões que você selecionou....preencha da seguinte forma:

Link Text - Nome do Botão (ex. Vídeos)
Link Title - Nome que aparece quando se põe o mouse sobre o botão (Ex. Baixe vídeos)
Link Destination (href) - é o link destino do botão (ex. http://meublog.com/videos)

Preencha todos os campos desejados conforme as configurações acima, lembrando que cada linha corresponde a um botão, ou um link.

7 - Você será redirecionado para a página onde escolherá o modelo do link. Selecione o modelo do seu gosto, conquanto que seja horizontal, uma vez que estamos fazendo um manu horizontal. Este menu poderá ser personalizado depois.

8 - Lá no campo "How to identify and style the menu" mantenha selecionado "id" e clique em"Next".

9 - Pronto, agora foram gerados os códigos do menu. Na janela possuem dois campos, o de cima com o código HTML que irá construir uma lista com os referidos links do menu e do de baixo, com os códigos CSS, que irão estilizar esta lista e transformá-la em um menu.
No campo "Here is the HTML for this list:" (Aqui está o HTML para a lista). Copie o código deste campo.

10 - No Layout do blog, adicione um elemento de página do tipo "HTML/Javascript" e cole o código copiado aí dentro (Teclas CTRL + V). Clique em "Salvar".

11 - Salve o modelo e acesse o HTML do blog. Volte para o gerador do MENU e copie o código do campo "Here is the CSS for this list:" (Aqui está o CSS para a lista). Agora novamente no blog, dentro do HTML, procure pelo seguinte código:

body {

Muita atenção! Depois da chave " { ", existem várias definições como background, color, etc, que são fechadas com outra chave " } ". É depois desta chave " } " que você irá colar o código copiado do campo CSS ("Here is the CSS for this list:" ).

Visualise o modelo, se o menu aparecer corretamente, o processo está terminado.

Seu menu deverá aparecer semelhante ao mostrado aqui no meu blog. Você poderá personalizá-lo tanto quanto puder através do CSS, lembrando sempre de fazer um Backup anteriormente para não perder seu modelo.

Um site muito bom para obtermos dicas de CSS para estilização, é o site do Maujor. Disponibilizarei abaixo alguns links úteis para que você possa personalizar este menu. Abraços!

Propriedade Background
Propriedade Border
Propriedade Text
Outros menus e dicas
Propriedade Font

Mais posteriormente, irei ensinar a criar um sistema dentro do blog, na opção de cores e tipos de fonte, onde você poderá personalizar completamente o blog sem precisar entender de HTML ou CSS, apenas selecionando as cores e tipos de fonte.

Retirado do Blog do Palito