Categorias
Design Photoshop Tutoriais

Criar efeito de desfoque numa imagem no Photoshop

Efeito de desfoque no Photoshop

Neste artigo vamos aprender como criar um perfeito efeito de desfoque numa imagem utilizando o Photoshop… Este efeito é ótimo para ser utilizado numa imagem simples como um efeito rápido. Na minha opinião este é um dos melhores efeitos e dos mais fáceis de fazer no Photoshop! Basta seguirem os seguintes passos. Efeito de desfoque no Photoshop Na realização deste tutorial irei utilizar a seguinte imagem: Rosa.jpg Passo 1 Para começar, tentem arranjar uma imagem onde tenha uma zona que seja importante focar ou que queiram focar. De seguida abram a imagem no Photoshop. Passo 2 Agora vamos a “Filtro > Desfoque > Desfoque da Íris…“. Nota: Podem usar outro filtro de desfoque, mas neste artigo foquei-me neste porque é… Continuar a ler

Categorias
Programação Tutoriais Wordpress

Exibir posts relacionados sem plugins no WordPress

Artigos relacionados - WordPress

Veja como no wordpress pode facilmente exibir uma lista artigos relacionados / postagens relacionadas / related posts, sem usar plugins… Os artigos relacionados no WordPress são muito úteis para envolver o público do seu site. O WordPress oferece a capacidade de mostrar as artigos relacionadas de um tipo de categoria específica. Exibir outros artigos que sejam relacionados com um artigo é muito fácil e pode faze-lo sem usar nenhum plug-in. Neste artigo, mostraremos como exibir facilmente uma lista de artigos relacionados na pagina de singular de seu artigo. Veja o exemplo aqui em nosso site. Artigos relacionados no WordPress Nós fornecemos o código e explicamos como o usar, mas você precisa saber como acessar seus arquivos de temas, o caminho… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – como criar erva em objetos

Cinema 4D - Erva em objetos

Neste tutorial para Cinema 4D vou mostrar-vos como criar erva por cima de um objeto qualquer, através de um plugin chamado IvyGrower! Poderemos criar vasos ou terreno com relva, ou paredes com ervas trepadoras… Antes de começarmos, se quiser ver o meu tutorial anterior, carregue aqui. *Na realização deste tutorial irei utilizar a versão R12.028(inglês) do Cinema 4D. Configurações de renderização do Cinema 4D Veja na seguinte imagem as minhas configurações de render do Cinema 4D: A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente. Exemplo: *Não serão necessárias alterações em qualquer das opções adicionadas Font(tipo de letra) Neste tutorial vou utilizar um tipo de letra diferente dos que… Continuar a ler

Categorias
HTML Programação Tutoriais

HTML5 Video Play como usar

HTML5 Video Play

Neste tutorial vou ensinar a inserir um vídeo em HTML5 e como criar um simples play/pause + controles de redimensionamento de um vídeo… A tag de vídeo é um dos recursos de HTML5 que mais chamou atenção. Geralmente apresentada como uma alternativa ao Flash, a tag de vídeo, na verdade, vai muito além disso. Embora ela só tenha se juntado recentemente ao restante das infindáveis tags HTML, seus recursos e compatibilidade com navegadores vêm aumentando a uma velocidade extraordinária. O pequeno código que se segue traduz como inserir um vídeo: Os controlos de atributo adicionam controlos de vídeo, como o play, pause e volume. Também é uma boa ideia de incluir sempre atributos largura e altura . Se a altura… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – Como fazer um wallpaper

Cinema 4D - fazer um wallpaper

Neste tutorial vou ensinar-vos a criar um wallpaper no Cinema 4D! Se quiser um wallpaper para oferecer a alguém ou até mesmo colocar no ambiente de fundo do computador, siga estes passos simples e rápidos! Para ver o meu tutorial anterior, que mostra como criar um estúdio em poucos passos, clique aqui. *Na realização deste tutorial irei utilizar a versão R12.028(inglês) do Cinema 4D Configurações de renderização do Cinema 4D Nas minhas configurações, a resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente, veja: Font(tipo de letra) Neste tutorial vou utilizar um tipo de letra diferente dos que estão disponíveis por predefinição no Windows. Se quiser fazer download do tipo… Continuar a ler

Categorias
Programação Redes Sociais Tutoriais

Como obter thumbnails dos vídeos do YouTube de qualidade

thumbnails dos vídeos do YouTube em alta qualidade

Você precisa usar a imagem miniatura de seu vídeo (‘youtube video thumbnail’), mas rapidamente repara que a miniatura mostrada no YouTube é muito pequena e ficaria pixelizada se ampliada. Bem, aqui está uma dica rápida e fácil para obter a versão de alta qualidade (HQ) da miniatura do vídeo… O procedimento é bem simples e é útil para muita gente que deseja mostrar a miniatura do vídeo que quer partilhar ou comentar em um artigo do seu blogue, por exemplo. Basta visitar a URL do vídeo obter o ID. Para obter a imagem miniatura (‘youtube video thumbnail’) e exibir a mesma, use o seguinte link: Neste exemplo o id do video é “jyEQEQn_0vo” e obtemos a seguinte imagem: Pode-se também… Continuar a ler

Categorias
HTML Tutoriais

Códigos HTML para acentuação e caracteres especiais

acentuação e caracteres especiais

Precisa utilizar códigos HTML para acentuação e caracteres especiais em suas páginas? Confira uma tabela completa desses caracteres especiais… No inicio da WEB, o uso de códigos para caracteres especiais do HTML era essencial até mesmo para inclusão de acentos. Com a evolução e ascensão do HTML, alguns padrões de caracteres começaram a ser incrementados, e assim, acentuações deixaram de ser um problema. Hoje em dia, a partir do metadados charset, é possível incluir o padrão a ser utilizado na página. Esta página contém tabela da representação em forma de entidades HTML (sequências começando com “&” e terminando com “;”) para caracteres do alfabeto grego e outros símbolos, que são bastante usados em literatura técnica e matemática. Existem diversas formas… Continuar a ler

Categorias
CSS Programação Tutoriais

Exemplos de sombras em texto apenas com CSS

sombras em texto apenas com CSS

Neste artigo vamos ver vários exemplos de sombras em texto apenas com CSS, que você pode copiar e colar em seus trabalhos… A propriedade “text-shadow” é uma ferramenta particularmente divertida que o CSS lhe dá para jogar com seu tipo é sombra de texto, o que parece bastante simples no início, mas pode ser usado para criar alguns efeitos notáveis com um pouco de engenhosidade e criatividade. A propriedade “text-shadow” é super fácil de trabalhar e pode ser aplicado a qualquer elemento que tenha texto, lógico, e é aceite pela grande maioria dos browsers modernos. No entanto, o uso de ferramentas como o Modernizr irá ajudá-lo a tirar os efeitos avançados do CSS3, mesmo em navegadores mais antigos, se você… Continuar a ler

Categorias
Tecnologia Tutoriais

Limpeza e troca da pasta térmica do velhinho Sony Vaio

Limpeza e troca da pasta térmica

Neste artigo vamos aprender como fazer a limpeza interna e troca da pasta térmica do processador do velhinho Sony Vaio VPCE4XDEB… Normalmente, processadores já vêm com uma pasta térmica aplicada de fábrica. No entanto, após alguns tempo de uso, a pasta invariavelmente precisa ser trocada, pois fica dura, seca e, quando chega a esse ponto, já não serve mais para o que foi projetada. Se você sente que a temperatura do seu processador está aumentando sem explicação, talvez seja hora de você dar uma olhada e verificar a situação dela. Limpeza e troca da pasta térmica O processo de troca da pasta térmica é bem simples como é mostrado no vídeo abaixo: Neste vídeo vou mostrar como trocar pasta térmica… Continuar a ler