8 replies to this topic

[mi7chael]

Ola pessoal, tudo bem ??

E o seguinte, estou querendo por na minha galeria, como destaque, uma foto assim, com os cantos superiores arredondados e em baixo uma faixa com transparencia e alguns dados da foto (que seriam pegos no db). O layout ficaria mais ou menos assim:



Eu estava usando um script de colar logomarca na foto, eu criei uma "moldura" do tamanho da foto, toda transparende, so que com os cantos la em cima (no lugar do arredondado) em branco. Ai usei o script pra juntar, so que ele reduz as 2 imagens, tipo, a foto original tem 640 x 480, e no layout ela vai ter 235 x 176, ou seja, reduzi ela em 63%, so que ai se eu colocar a moldura com 235 x 176 ela tb vai reduzir os mesmos 63% e fica pequeniniha. Ai eu coloquei ela com 640 x 480, ai deu certo, mas ai surge um problema... e se a foto original nao tiver 640 x 480 ?? ai nao vai dar certo...

E tem a parte de baixo, a faixa transparente com os dados da foto, que veio do bd q eu nao tenho a minima ideia de como fazer.

Alguem pode me ajudar ???

Brigadao galera

Edição feita por: mi7chael, 18/04/2006, 09:55.

[CWEBNET]

Olá acha que pode arranjar esse script que diminui as imagem à medida que pretendemos.
cmps Nuno Costa (CWEBNET)

[mi7chael]

Alo-ou... alguém ??

[gennf]

Olá!!!

Talvez esse Tutorial lhe ajude na criação daquela parte branca na imagem.

http://www.imasters....p?cn=2264&cc=44

Até mais

=================EDITANDO====================

Nossa!!! Que vacilo!!! Tinha colocado o Link erado

O Problema ai é que se trabalha com duas imagens e não imagem e texto.

Se alguem puder nos ajudar e dizer como se transforma texto em imagem pra gente colocar nesse código ai (se é que tem jeito )

Walison(GENNF)

Edição feita por: gennf, 12/04/2006, 09:15.

[mi7chael]

Pessoal, eu to "quase" conseguindo fazer o que eu quero. Olha só:

1º Com a página q o amigo gennf mandou, deu pra colocar o "arredondamento" na imagem tranquilo, sem problema, o tamanho dele é fixo. O código é esse:

<?
$imagem = "foto.jpg"; 
$imagem1 = "fundo_redondo.gif"; 

//essa já é o tamanho q eu quero
$largura = 200;
$altura = 150; 

$imagem_gerada = explode(".", $imagem);
$imagem_gerada = $imagem_gerada[0]."_mini.jpg"; 

$imagem_orig = ImageCreateFromJPEG($imagem);
$imagem_marca = ImageCreateFromGif($imagem1); 

$pontoX = ImagesX($imagem_orig);
$pontoX1 = ImagesX($imagem_marca); 

$pontoY = ImagesY($imagem_orig);
$pontoY1 = ImagesY($imagem_marca); 

$imagem_fin = ImageCreateTrueColor($largura, $altura); 

ImageCopyResampled($imagem_fin, $imagem_orig, 0, 0, 0, 0, $largura+1, $altura+1, $pontoX, $pontoY);
ImageCopyMerge($imagem_fin, $imagem_marca, 0, 0 0, 0, $pontoX1, $pontoY1, 100); 

ImageJPEG($imagem_fin, $imagem_gerada); 

ImageDestroy($imagem_orig);
ImageDestroy($imagem_fin);
?>

E pra fazer ela aparecer:

<? echo $imagem_gerada;?>

E o que eu achei legal é q ela salva a imagem no disco. Aí eu tava tentando, a partir dessa imagem salva já com o arredondamento e redimensionada, inserir esse código aí abaixo:

<?
$sMod = "Legenda da Foto";//isso aqui é pra teste, depois vou usar uma consulta ao banco de dados

header( 'Content-type: image/png' );
$im = imagecreate( 250, 30 );
$bgc = imagecolorallocate( $im, 205, 255, 255 );
$txtc = imagecolorallocate( $im, 100, 100, 100 );
imagestring( $im, 2, 60, 10,  $sMod, $txtc );
imagepng( $im );
imagedestroy( $im );
?>

Esse código gera uma imagem com o texto da variável $sMod. Ou seja, é só pegar o q eu quero do bd e colocar nela.
Aí eu queria a ajuda de vcs, porque já tá "quase" desenvolvido. Só falta "pregar" a barra na foto.

Falow pessoal, um abraço.

Edição feita por: mi7chael, 19/04/2006, 08:36.

[mi7chael]

ninguém ?!?!?!?

[bruno_veiga]

boa noite
consegui fazer um arquivo que gera uma miniatura e coloca um texto sobre a image

<?php
$texto = "TEXTO";
header ("Content-type: image/png");
$im = imagecreatefromjpeg($_GET['imagem']);
$largurao = imagesx($im);
$alturao  = imagesy($im);
$alturad  = 150;
$largurad = ($largurao*$alturad)/$alturao;
$nova	 = imagecreatetruecolor(200,100);
imagecopyresized($nova,$im,0,-15,-30,0,$largurad,$alturad,$largurao,$alturao);
$text_color = imagecolorallocate($nova, 255, 255, 255);
imagestring($nova, 3, 30, 85,  "$texto", $text_color);
imagepng($nova);
imagedestroy($nova);
imagedestroy($im);
?>

ja é um bom começo....alguem pode me ajudar???

Edição feita por: bruno_veiga, 28/05/2006, 19:08.

[hostdesigner]

MI7CHAEL

A solução do teu problema não é colar uma imagem semi transparente e sim criar uma.

Criar imagens semi transparentes(A faixa)
imagecolorresolvealpha()

Mesclar imagens(Caso precise)
imagecopymerge()

Escrever em uma imagem qualquer(Pro texto)
imagefttext()

Pra facilitar

Seria legal se você fizesse um retangulo na imagem
imagerectangle()

Talves você queira fazer diferente e pense em escrever o texto na VERTICAL
imagestringup()

Ou você queira escrever um TEXTO e não uma PALAVRA
imagepsbbox()

Acho que isso já resolve o que você precisa...

Qualquer coisa é só explicar como quer que seja o resultado...


Falopa!

[M4T5U!]

Pessoal, eu to "quase" conseguindo fazer o que eu quero. Olha só:

1º Com a página q o amigo gennf mandou, deu pra colocar o "arredondamento" na imagem tranquilo, sem problema, o tamanho dele é fixo. O código é esse:

<?
$imagem = "foto.jpg"; 
$imagem1 = "fundo_redondo.gif"; 

//essa já é o tamanho q eu quero
$largura = 200;
$altura = 150; 

$imagem_gerada = explode(".", $imagem);
$imagem_gerada = $imagem_gerada[0]."_mini.jpg"; 

$imagem_orig = ImageCreateFromJPEG($imagem);
$imagem_marca = ImageCreateFromGif($imagem1); 

$pontoX = ImagesX($imagem_orig);
$pontoX1 = ImagesX($imagem_marca); 

$pontoY = ImagesY($imagem_orig);
$pontoY1 = ImagesY($imagem_marca); 

$imagem_fin = ImageCreateTrueColor($largura, $altura); 

ImageCopyResampled($imagem_fin, $imagem_orig, 0, 0, 0, 0, $largura+1, $altura+1, $pontoX, $pontoY);
ImageCopyMerge($imagem_fin, $imagem_marca, 0, 0 0, 0, $pontoX1, $pontoY1, 100); 

ImageJPEG($imagem_fin, $imagem_gerada); 

ImageDestroy($imagem_orig);
ImageDestroy($imagem_fin);
?>

E pra fazer ela aparecer:

<? echo $imagem_gerada;?>

E o que eu achei legal é q ela salva a imagem no disco. Aí eu tava tentando, a partir dessa imagem salva já com o arredondamento e redimensionada, inserir esse código aí abaixo:

<?
$sMod = "Legenda da Foto";//isso aqui é pra teste, depois vou usar uma consulta ao banco de dados

header( 'Content-type: image/png' );
$im = imagecreate( 250, 30 );
$bgc = imagecolorallocate( $im, 205, 255, 255 );
$txtc = imagecolorallocate( $im, 100, 100, 100 );
imagestring( $im, 2, 60, 10,  $sMod, $txtc );
imagepng( $im );
imagedestroy( $im );
?>

Esse código gera uma imagem com o texto da variável $sMod. Ou seja, é só pegar o q eu quero do bd e colocar nela.
Aí eu queria a ajuda de vcs, porque já tá "quase" desenvolvido. Só falta "pregar" a barra na foto.

Falow pessoal, um abraço.

E ae amigo poderia mostrar isso em alguma galeria q vc tem rodando pra gente poder dar uma olhada?
E tem como explicar melhor (pra semi-leigos como eu) como e onde insiro os codigos acima... crio novos arquivos .php ou insiro em algum já existente da galeria Brasil???
Acho que se a imagem da index e as thumbs ficarem com cantos arredondados ficaria bem proximo ao do site www.bemnafoto.com.br que por sinal eu acho mto bakana.
Outra coisa que jah ateh comentaram no outro tópico eh que eles geram as thumbs 1 só vez não carregando o server... na pasta de imagens fica a foto Grande e a thumb...
Um abraço e ateh+