Categoria: Tutoriais

Categorias
Cinema 4D Design Tutoriais

Cinema 4D R12 – Como fazer um estúdio simples

cinema 4d imagem final

Neste artigo vamos criar um estúdio simples no Cinema 4D utilizando os Cubos e Luzes. O tutorial é muito útil porque maior parte dos trabalhos em Cinema 4D requerem um estúdio, simples ou profissional. Este será mais adequado para principiantes por causa da sua simplicidade. *Na realização deste tutorial irei utilizar a versão R12.028 (inglês) Configurações de renderização Para ver as minhas configurações, carregue aqui A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente. Passo 1 Primeiro inserimos um cubo e atribuímos-lhe as seguintes dimensões: Dimensão X : 1500cm Dimensão Y : 500cm Dimensão Z : 1000cm Passo 2 De seguida, colocamos a câmara (ou as perspectiva do utilizador)… Continuar a ler

Categorias
Design Photoshop Tutoriais

Como remover o ruído das imagens no Photoshop CS6

remover o ruído das imagens no Photoshop

Neste artigo vou vos mostrar como remover o ruído das imagens em três simples passos usando o Photoshop CS6. Isto é útil, por exemplo quando queremos fazer um ajuste de nitidez para aumentar o contraste da imagem. Devemos sempre reduzir o ruído da imagem antes de ajustar a nitidez, isto para que o ruído não seja intensificado. É assim possível melhorarmos o aspecto de imagens com grande nível de ruído de maneira simples e rápida, este tipo de problema costuma aparecer frequentemente em imagens captadas por câmaras de baixa resolução, telemóveis, etc. Links úteis Se necessitarem, aqui está a imagem que utilizei: Passo 1 Abra a imagem no Photoshop, em seguida vá a Filtro > Ruído > Reduzir Ruído. Deverá… Continuar a ler

Categorias
JavaScript Programação Tutoriais

Criar uma Janela Modal com jQuery

modal windows

Você já deve ter visto isso em vários sites, onde ao entrar neles o ecrã escurece e uma janela aparece exibindo algo em destaque, ou seja uma janela modal… Neste artigo vamos criar um exemplo onde fazemos exatamente isso, onde definiremos quando e como ira abrir a janela, o conteúdo que queremos que seja visualizado em forma modal vai estar dentro de um elemento (div) e for fim como a janela vai desaparecer. Este exemplo de janela modal vai ser bem simples mas muito funcional. Ele pode ser usado para gerar alertas ou confirmar mensagens, etc. Esta técnica que vamos mostrar é perfeita para quem procura uma janela modal totalmente personalizável. O HTML: O CSS: O Javascript: Os códigos são… Continuar a ler

Categorias
CSS HTML Tutoriais

HTML-CSS: Estilos diferentes para links

estilos diferentes para links

Então, como mudar estilo de sublinhado de links em uma página web? É fácil! Você só tem que definir os vários estilos CSS sem usar o ‘text-decoration’. Neste pequeno tutorial vamos ver algumas técnicas CSS para aplicação de estilos diferentes para links em uma página web. A ideia principal aqui exemplificada, é que você desabilite ‘text-decoration‘ para os links, em seguida, criar links para ter um modelo de caixa, adicionando a exibição com o valor inline-block. Depois disso, podemos mudar as bordas, preenchimento e margens. Aqui vamos mudar a borda inferior para alcançar os resultados desejados. Estilos diferentes nas bordas Na borda inferior, você pode alterar o tamanho, estilo e cor, esta pode ser solida, pontilhada ou tracejada. Mas se… Continuar a ler

Categorias
CSS HTML Tutoriais

HTML 5: elementos figure e figcaption

figure figcaption html 5

Por vezes necessitamos de publicar uma imagem ou gráfico seguida por uma pequena legenda. Antes da HTML 5 não tinha uma maneira de aplicar semanticamente esse tipo de conteúdo na marcação HTML, e tínhamos que nos valer de nomes de classes e CSS. Mas agora é possível fazer uma marcação semântica para esta finalidade com os elementos e . O elemento marca um bloco de conteúdo independente que normalmente contém imagens, gráficos, diagramas ou ilustrações que fazem referência ao conteúdo principal do documento. Enquanto o elemento exibe uma legenda para o elemento figure. Este novo elemento age como subtítulo opcional ou legenda para qualquer conteúdo contido dentro do elemento . Vamos examinar estes elementos mais detalhadamente neste artigo. O elemento… Continuar a ler

Categorias
CSS Tutoriais

Como esticar imagem de fundo com CSS

css background

Há algumas plugins jQuery que ajudam a esticar imagem de fundo no corpo ou outros elementos HTML. Não é uma tarefa difícil fazer que uma imagem de fundo cobrir um elemento HTML com a ajuda de JavaScript. Mas em CSS? É possível esticar a imagem usando apenas CSS? Felizmente, é possível! Para que a imagem seja alterada em função do tamanho da janela (viewport), ela deve ter uma regra de CSS, a propriedade «background» que define as características (os valores na regra CSS) do fundo dos elementos HTML. As propriedades «background» são as listadas abaixo: background-color – cor do fundo; background-image – imagem de fundo; background-repeat – maneira como a imagem de fundo é posicionada; background-attachment – se a imagem… Continuar a ler