Совет 1: Как убрать рамку вокруг картинки

Изображения - это, как правило, не многослойные форматы, за исключением, пожалуй, различных файлов-проектов, к примеру, с расширением psd. Поэтому в таких случаях, как устранение рамки вокруг изображения, придется действовать от обратного: вырезать картинку из этой рамки.
Вам понадобится
  • - русифицированная версия Adobe Photoshop CS5
Инструкция
1
Откройте в Adobe Photoshop необходимую картинку: нажмите горячие клавиши Ctrl+O, выберите файл и кликните кнопку «Открыть».
2
Выберите инструмент «Прямоугольная область». Сделать это можно двумя способами. Первый – на панели инструментов найдите иконку квадрата, прямоугольника или овала, границы которого очерчены пунктирной линией, кликните по нему правой кнопкой мыши и выберите «Прямоугольная область». Второй – щелкните горячую клавишу M или, если на данный момент активирован смежный инструмент, дополнительно щелкните Shift+M, чтобы переключиться.
3
Зажмите левую кнопку мыши в левом верхнем углу вырезаемого изображения, потяните ее в правой нижний угол и отпустите. Благодаря вашим действиям появится прямоугольная рамка, границы которой будут иметь эффект «шагающих муравьев» - это область выделения. Подобное вырезание чем-то похоже на тот варварский метод, которым была украдена картина в советском детективе «Возвращение «Святого Луки». Вы достаете из рамки не всю картинку, а только ровный прямоугольный участок посередине.
4
Чтобы создать новый документ, нажмите горячие клавиши Ctrl+N и, экспериментируя со значениями в полях «Ширина» и «Высота», подгоните размер этого документа под размер выделения, которое вы сделали в третьем шаге этой инструкции.
5
Выберите инструмент «Перемещение» и перетяните выделение из оригинального документа на вновь созданный, а затем выровняйте его. Всё, теперь у вас есть свободная картинка, пускай и в немного урезанном варианте (в зависимости от формы рамки).
6
Чтобы сохранить полученный результат, нажмите пункт меню «Файл» > «Сохранить как» (или кликните на горячие клавиши Ctrl+Shift+S), в появившемся меню определите путь для будущей картинки, укажите ей имя, выберите в поле «Тип файлов» Jpeg и кликните «Сохранить».

Совет 2: Как убрать рамку

Когда вы помещаете картинку внутрь тега ссылки (между <a ...> и </a>), браузер посетителя по умолчанию пририсовывает вокруг картинки синюю рамку шириной в один пиксель. Кроме того, что самоуправство браузера увеличивает размер этого элемента дизайна вашей страницы на два пиксела по вертикали и два по горизонтали, синий цвет может не соответствовать цветовой гамме оформления страницы.
Инструкция
1
Если надо убрать рамку у какой-то одной или нескольких картинок-ссылок, то сделать это можно добавлением в тег каждого из нужных вам изображений атрибута border с нулевым значением. Например:<a href="http://kakprosto.ru"><img src="image.gif" border="0" /></a>Этого же эффекта можно добиться и с помощью атрибута style, поместив в него тот же border с нулевым значением:<a href="http://kakprosto.ru"><img src="image.gif" style="border: 0px;" /></a>Нулевое значение (0px) в этом варианте можно заменить на значение "none" (без кавычек).
2
Если же нужно решить эту проблему радикально, то есть для всех картинок со ссылками в целом документе, то сделать лучше по-другому. Нет необходимости добавлять соответствующий атрибут в тег каждой картинки в отдельности, проще записать общее для всех правило в описание стилей в начале документа. Это правило на языке CSS будет выглядеть так:a img {border: none;}Его нужно поместить в блок описания стилей, а сам блок - перед закрывающим заголовок страницы тегом </head>:<style type="text/css">
a img {border: none;}
</style>
3
Не только у картинок, но и у простых текстовых ссылок в некоторых типах браузеров бывает аналогичная проблема - если посетитель щелкнет ссылку, то вокруг нее останется пунктирная рамка. Чтобы избавить свою страницу от этой погрешности в дизайне добавьте в описание стилей такое правило для ссылок:<style type="text/css">
a img {outline: none;}
</style>
Видео по теме

Совет 3: Как ставить ссылки

«Cсылка» - это объект, указывающий на определённые данные, но не хранящий их. Иными словами, когда вы ставите ссылку, вы буквально «ссылаетесь» на какой-либо источник информации, ресурс, ваш, либо сторонний. Обычно сайт состоит из множества страниц, число их может быть самым разным, от десяти до десятка тысяч. Чтобы каким-то образом структурировать информацию на сайте, сделать работу с ним удобным и связать все страницы в единую систему, необходимы html ссылки. Сегодня мы подробно рассмотрим процесс установления ссылки html на сайт.
Инструкция
1
Разместите на странице html код ссылки. Для этого воспользуйтесь тегом . Для тега задайте параметр href="", в значении которого укажите адрес сайта, на который вы хотите сослаться.
2
После параметра href="" в теге укажите текст для ссылки – то есть, спрячьте ссылку за какие-либо слова или знаки, чтобы она вписалась в текст. Например, ваш код может выглядеть так:
Текст ссылки
Общий код сайта может выглядеть таким образом:
Название вашего сайта
Содержимое вашего сайта.Заголовок
текст ссылки
3
Чтобы поставить ссылку на страницу html вашего сайта, на месте адреса стороннего сайта укажите адрес страницы, на которую хотите сослаться. Помните, что страница, на которую вы ссылаетесь, должна находиться в той же папке, что и главная (если вы ставите ссылку на главной странице).
4
Чтобы сделать ссылку на страницу в виде картинки (то есть, для перехода на неё вы будете нажимать не текст, а изображение), поставьте вместо фразы html код картинки в теге . При этом добавится новый параметр border="0". Обязательно присвойте ему значение 0, чтобы убрать рамку вокруг вашей картинки.
5
Если вы хотите, чтобы пользователи могли не просто переходить по ссылкам на ту или иную страницу, а, кликая на них, скачивать какие-либо файлы (например, аудиофайлы, прикреплённые документы и так далее), то вместо адреса указывайте в теге имя файла. Помните, что при этом скачиваемый файл должен находиться в той же папке, что и страница, с которой вы ссылаетесь.
Видео по теме

Совет 4: Как сделать рамку из осенних листьев в фотошоп

Осень – красивое и немножко грустное время года, а потому фотография, вставленная в рамку из ярких осенних листьев, будет отличаться особенным настроением. Такую рамку можно сделать за несколько минут в графическом редакторе Photoshop.
Вам понадобится
  • - программа Photoshop;
  • - фотография листа;
  • - изображение для вставки в рамку.
Инструкция
1
Для создания рамки вам потребуется фотография опавшего листа. Вы можете сделать ее самостоятельно или найти в интернете на сайте с бесплатными изображениями. Лучше всего подойдет четкое изображение кленового листа размером в половину фотографии, для которой вы делаете рамку. Загрузите фотографию и файл с листом в Photoshop.
2
Выделите всю картинку с листом, применив опцию All из меню Select. Скопируйте изображение и вставьте его поверх фотографии, для которой вы делаете рамку. Используйте для копирования и вставки опции Copy и Paste из меню Edit.
3
При помощи инструмента Rectangular Marquee ограничьте область фотографии, которая будет видна из-под рамки. Желательно, чтобы ширина нижней части рамки оказалась не меньше одной пятой высоты всей фотографии, а выделение смещено вверх и влево. Если вам нужно оставить видимой большую часть снимка, увеличьте размер холста, воспользовавшись опцией Canvas Size из меню Image. Инвертируйте выделение опцией Inverse меню Secect.
4
Создайте новый слой опцией Layer, которую вы найдете в группе New меню Layer. На этом слое заполните выделенную часть самым светлым цветом из тех, в которые окрашен лист на фотографии. Для этого кликните по квадрату основного цвета в палитре инструментов и по фрагменту листа, который содержит нужный цвет. Выполните заливку инструментом Paint Bucket Tool.
5
Добавьте обводку к основе для рамки. Для этого откройте окно эффектов слоя, щелкнув по слою с заполненной цветом основой и выбрав из контекстного меню опцию Blending Options. Во вкладке Stroke выберите для обводки позицию Inside и размер от трех до пяти пикселей. В качестве цвета выберите самый темный из тех, которые присутствуют в изображении листа. Уберите выделение опцией Deselect меню Select.
6
Отделите лист от фона. Для этого активизируйте в палитре слоев слой с этой фотографией и выделите контур листа одним из инструментов группы Lasso. Если фон у фотографии с листом однотонный, выделите его при помощи Magic Wand Tool и удалите опцией Clear меню Edit. Если вы выделили лист, перед удалением фона инвертируйте выделение.
7
Уберите выделение вокруг листа и уменьшите его опцией Free Transform из меню Edit таким образом, чтобы он слегка выступал за внутреннюю границу рамки. Инструментом Move Tool перетащите лист в правый нижний угол рамки и поверните хвостиком влево. Это можно сделать, использовав опцию Rotate из группы Transform меню Edit.
8
Сдублируйте слой с листом опцией Dublicate Layer из меню Layer. Слегка уменьшите копию листа и сдвиньте изображение влево так, чтобы новый лист накладывался на тот, с которого был скопирован, только краем. Поверните уменьшенную копию листа под произвольным углом.
9
Подобным образом заполните все стороны рамки постепенно уменьшающимися листьями, повернутыми под разными углами.
10
Сохраните картинку в рамке в файл psd опцией Save As меню File. Это позволит вам, если потребуется, вставить в рамку с листьями другую фотографию. Для просмотра сохраните копию файла в формате jpg.
Видео по теме
Источники:
  • Уроки по Photoshop
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500