Categorias
Design Photoshop Tutoriais

Como instalar e usar Padrões no Photoshop CS6

criarestilos padroes

Neste artigo vou vos mostrar como instalar padrões e usar no Photoshop. Os padrões são úteis quando precisa de repetir o mesmo padrão várias vezes de qualquer coisa no Photoshop. Como tais podem ser criados, imensas pessoas publicam os seus próprios padrões na Internet, e nós, iremos aproveitá-los! Alguns desses não podem ser usados para fins comerciais, por isso tenham cuidado! Links úteis Este é o site que uso para ir buscar padrões: myphotoshopbrushes Passo 1 Para começar, precisamos de fazer download de um ficheiro de padrões. Acedam a página que vos forneci ou outra que prefiram. A partir daí, basta escolherem uns padrões ao seu gosto e fazer download. Passo 2 Depois de ter feito o download, mova o… Continuar a ler

Categorias
HTML Programação

Ver força da Password – JQuery

força password jquery

No artigo de hoje vamos ver como fazer um verificador de força de password em JQuery, de maneira bem simples mas acima de tudo funcional. Verificar a força da password é muito útil para sites que permitem o registo do usuário e/ou actualizações de password. A maioria dos utilizadores o que quer é apressar o processo de registo, e geralmente não dão muita atenção à força da password, isto leva a uma básica falta de segurança visto que a password podem ser descobertas facilmente. Tendo isto em mente, vamos criar um verificador de força de password utilizando o JQuery, ajudando os utilizadores, de forma a terem boas combinações. HTML Em primeiro lugar criamos um formulário tendo em atenção os ID’s,… Continuar a ler

Categorias
CSS Design HTML Programação

Menu slide para mobile – JQuery

menu slide

No artigo de hoje vamos ver como é possível, de maneira bastante fácil e rápida, criar um menu estilo slide, utilizado muito nos meio mobile. Muitos já devem ter reparado que os sistemas para telemóveis usam, ou usaram, muito o menu que vamos exemplificar agora, alem de ficar esteticamente bonito e agradável é bastante fácil de ser feito. Estes menus, nativos, ficam na sua maioria (iOS7) escondidos na esquerda e após algum opção eles aparecem ‘empurrando’ o conteúdo para o lado esquerdo. Para este exemplo vamos usar CSS, HTML e claro o nosso companheiro de efeito JQuery. Resultado pretendido Como referido anteriormente o resultado que queremos é um menu escondido que ira ficar visível após alguma opção seja activo, no… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – Como desfazer um texto em particulas

cinema 4d tutorial

Neste tutorial vou ensinar-vos a criar um projecto em Cinema 4D que consiste numa palavra a desfazer-se em várias partículas com um efeito final agradável! Com este tutorial pode criar um intro para vídeos ou até mesmo um wallpaper. Este tutorial vai mostrar como fazer um wallpaper com o resultado. 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 Para ver as minhas configurações de render do Cinema 4D, carregue aqui. A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente. – Global Illumination; (Iluminação Global) – Ambient Occlusion;… Continuar a ler

Categorias
CSS HTML Programação

Checklist amigável em JQuery

checklist

Hoje, neste artigo, vamos ver como é possível transformar uma simples lista com checkboxs (checklist) numa lista mais amigável e visualmente atrativa usando apenas HTML, CSS e JQuery. Todos os que trabalham ou gostam da área de webdesign sabem que os olhos é mais de metade dá força para o utilizador dizer que o website é ou não bom, então seguindo esta lógica, podemos transformar coisas simples, em coisas mais elaboradas e visualmente mais atraentes para o utilizador. Para este artigo escolhi um exemplo simples, uma lista com checkboxs (checklist) mas tentando torna-la o mais atrativa possível, sem que fosse demorada de fazer por parte do programador ou designer. O resultado a que chegamos foi, na nossa opinião, excelente… Simples,… Continuar a ler

Categorias
Programação Wordpress

WordPress – Atualizar base de dados após mudar de domínio

wordpress base de dados

Como atualizar base de dados do WordPress, após mudarmos de servidor e domínio, quando as imagens e links aparecem quebrados, remetendo ao seu domínio antigo… É muito comum após uma mudança de servidor e domínio termos de realizar diversas limpezas na base de dados para atualização da mesma. Também devemos fazer o mesmo quando trabalhamos em um ambiente de desenvolvimento (geralmente numa máquina local) antes de colocarem o seu trabalho online. Este problema é devido ao WordPress gravar em sua base de dados o nome absoluto dos links e imagens. Existem vários plugins que o podem auxiliar, mas, se preferir corrigir as imagens e os links manualmente, isso pode ser feito diretamente na base de dados com alguns comandos SQL…. Continuar a ler

Categorias
CSS Programação

Hover Fade simples em JQuery

jquery

Neste artigo vamos ver com é fácil a criação de um simples plugin Hover Fade para JQuery. Desde o lançamento do jQuery em 2006, jQuery rapidamente se tornou a mais popular biblioteca JavaScript e de escolha para todos os profissionais web. Atualmente existem centenas de plugins disponíveis para quase qualquer coisa possamos querer fazer, com jQuery, pode apenas fazer download e começar a usar os plugins maravilhosos no seu projeto, de imediato. Mas há momentos em que queremos criar o nosso próprio plugin jQuery, vamos descobrir o quão fácil é criar um plugin jQuery. Vamos ver o básico para a criação de um plugin para jQuery. Vamos criar um plugin chamado hoverfade. Este plugin terá apenas a tarefa de fade-in… Continuar a ler

Categorias
Cinema 4D Design Tutoriais

Cinema 4D – Como criar uma esfera que atrai objetos

cinema 4d esfera que atrai

Neste tutorial vou ensinar-vos a criar um projecto no Cinema 4D que consiste numa bola que atrai objectos numa certa distância! É uma animação muito divertida e com efeitos muito bons. Podemos ainda mexer a esfera de um lado para o outro para brincar com as físicas. 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 Para ver as minhas configurações de render do Cinema 4D, carregue aqui. A resolução do meu ecrã é de 1920×1080 por isso o Width e o Height estão com esses valores respectivamente. Configurações de ficheiro (save) do Cinema 4D *Importante* Estas definições são… Continuar a ler

Categorias
Design Photoshop Tutoriais

Como instalar e usar Brushes no Photoshop

photoshop brushes

Neste artigo vou vos mostrar como instalar brushes e usar no Photoshop. Brushes são pincéis que podem ser criados e modificados para depois serem usados. É extremamente fácil e útil de usar para quem pretende repetir um certo pincel várias vezes. Como tais podem ser criados, imensas pessoas publicam os seus próprios pincéis na Internet, e nós, iremos aproveitá-los! Alguns brushes não podem ser usados para fins comerciais, por isso tenham cuidado! Links úteis Este é o site que uso para ir buscar brushes: myphotoshopbrushes Passo 1 Para começar, precisamos de fazer download de um ficheiro de brushes. Se estiverem a usar o site que vos dei, no menu, tem uma secção “Brushes“, cliquem aí. A partir daí, basta escolherem… Continuar a ler