Совет 1: Как в Фотошопе вставить таблицу

Графический редактор Adobe Photoshop предназначен для работы с изображением, но использующим его дизайнерам нередко приходится иметь дело и с текстовыми элементами. Например, иногда в картинке должна присутствовать таблица с какими-либо данными. Создание и заполнение этого элемента в самом графическом редакторе - процесс достаточно трудоемкий. Намного продуктивнее использование Photoshop совместно с табличным редактором Microsoft Office Excel.
Вам понадобится
  • Графический редактор Adobe Photoshop, табличный редактор Microsoft Office Excel.
Инструкция
1
Подготовьте в Excel таблицу, которую нужно поместить на редактируемое в Photoshop изображение. Для этого запустите приложение и заполните данными нужное число ячеек автоматически созданного программой листа. На первом этапе нет необходимости заботиться о его внешнем виде, а лишь о наполнении. Не забывайте о возможности объединять ячейки в Excel - это позволяет создать сложные структуры в колонках и строках.
2
Используйте возможности сортировки и условного форматирования табличного редактора, чтобы задать правильную последовательность строкам данных. Кроме того, условное форматирование можно применять и для графического оформления - этот инструмент позволяет изменять фон, шрифт, обрамление ячеек в соответствии с содержащимися в них данными. Например, вы можете раскрасить ячейки в порядке возрастания значений переходом цвета от красного к зеленому, выделить цветом минимальное и максимальное значения и т.д. Кнопка с выпадающим списком, содержащим настройки условного форматирования, помещена в группу команд «Стили» на вкладке «Главная» табличного редактора.
3
Закончив с наполнением таблицы, подберите цвет рамки, фона, текста и других элементов оформления. Выберите один из имеющихся вариантов оформления - их список раскрывается щелчком по кнопке «Стили ячеек» в группе команд «Стили» на вкладке «Главная». Если все размещенные там варианты вам не подходят, выделите всю таблицу, кликните выделение правой кнопкой мыши и выберите в контекстном меню пункт «Формат ячеек». В открывшемся окне на вкладках «Шрифт», «Граница» и «Заливка» помещены инструменты оформления, с помощью которых вам надо придать нужный вид таблице.
4
Поместите созданную таблицу в буфер обмена. Для этого установите курсор в крайнюю правую нижнюю ячейку (Ctrl+End), выделите все заполненные клетки (Ctrl+Shift+Home) и скопируйте их (Ctrl+C).
5
Переключитесь в графический редактор и выберите в списке слоев тот, выше которого нужно поместить таблицу. Затем вставьте содержимое буфера обмена - нажмите сочетание клавиш Ctrl+V. Photoshop добавит скопированную таблицу в центр изображения, создав для нее отдельный слой. После этого вы можете приступать к позиционированию и обработке вставленной таблицы.

Совет 2: Как вставить фон в фотошопе

Умение подставить любой фон к фотографии подарит вам редкую возможность увидеть себя, своих друзей и других людей где угодно: на пляже, у Эйфелевой башни, в тропическом лесу или на крайнем севере.
Заменять фон на фотографии совсем не сложно. Если вы научитесь этому, перед вами откроется большой потенциал для творчества.
Вам понадобится
  • Adobe Photoshop
Инструкция
1
Откройте в Фотошопе два изображения — фотографию, на которой вы будете менять фон, и сам будущий фон.
2
Следующий шаг к изменению — это отделение нужной фигуры от общего фона фотографии. Начинайте аккуратно вырезать свое изображение с помощью Rectangular Lasso Tool, Pen Tool или быстрой маски. Pen Tool рекомендуется как очень удобный и простой способ выделять изображения. Если вы случайно поставили новую точку на неверное место, достаточно нажать Backspace — это исправит ошибку. Кроме того, инструмент пера подразумевает создание векторной дуги, которая еще более четко выделит ваше изображение. Создав выделенную область, щелкните на ней правой кнопкой мыши и скопируйте ее на новый слой с параметром сглаживания и без растушевки.
3
Затем возьмите инструмент перемещения и перетащите вырезанный объект в окно с открытым новым фоном.
4
На этом фотомонтаж может быть закончен, но чаще всего у вашего фото и нового фонового изображения могут значительно различаться параметры цвета и яркости, поэтому дополнительно отредактируйте эти параметры, чтобы изображение выглядело реалистично и красиво.
Откройте Levels и подтяните уровни вашей фотографии до состояния, близкого к гамме основного фона. То же самое сделайте в Hue\Saturation. Кроме того, можете отредактировать цветовую гамму в Color Balance и попробовать различные варианты смешивания слоев — Soft Light, Hard Light, Multiply, и другие. Дополнительно отретушируйте фотографию, сгладьте неровности с помощью Clone Stamp и фильтра Gaussian Blur, если это необходимо. Теперь ваш коллаж готов.
Обратите внимание
Открываем картинку в фотошопе, дублируем фоновый слой (перетаскиваем в панели слоев на значок нового слоя) и делаем исходник невидимым.  Легкие случаи, когда маски создаются очень быстро (лицо на фоне неба) и того меньше. В случаях, когда у меня указана сумбурная последовательность действий, можно вполне пользоваться любыми инструментами, лишь бы достичь поставленной цели.
Полезный совет
Как изменить фон в фотошопе? Сфотографировали себя на фоне стены в комнате, а хотелось бы на солнечном пляже или на Луне?  3 шаг. Если вы случайно поставили точку не туда ,куда надо, жмем Backspace, затем нажимаем на последнюю точку, поставленную где надо, и далее продолжаем кликать как обычно. Также можно кликнуть по ненужной точке правой кнопкой и выбрать пункт “Удалить опорную точку”.
Источники:
  • как в фотошопе заменить фон фотографии

Совет 3: Как вставить картинку в html таблицу

Язык html не совершенен и имеет ряд существенных недостатков. Для того чтобы привязать картинку к определенному месту страницы, лучше для этого вставить ее при помощи таблицы. В этом случае изображение будет считаться фоном и поверх его можно поместить текст.
Инструкция
1
Первоначально необходимо создать таблицу, если ее еще нет. Это действие совершается в атрибуте <body>. Для этого используются теги (закрывающий тег обязателен):
• <table> - таблица;
• <tr> - строка;
• <td> - колонка.

Основные дополнительные атрибуты:
• Border – граница;
• Align – выравнивание по горизонтали;
• Valign – выравнивание по вертикали;
• Bordercolor – цвет рамки;
• Width – ширина;
• Height – высота.

Синтаксис таблицы 2X2 без рамки и левосторонним/правосторонним выравниванием содержимого:
<table border= "0">
<tr align="left">
   <td>Содержимое 1-й ячейки</td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
    <td> Содержимое 4-й ячейки </td> </tr>
</table>
2
Картинку нужно прописывать после тега <td>. Если вставить изображение в первую ячейку таблицы, представленной выше, то получится:
<table border= "0">
<tr align="left">
   <td><img src="адрес картинки в формате gif, png, jpeg"></td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
    <td> Содержимое 4-й ячейки </td> </tr>
</table>

Дополнительные атрибуты:
• Width – ширина;
• Height – высота;
• Alt - альтернативный текст, который будет отображаться у пользователя, если у него отключена функция просмотра картинок;
• Align – выравнивание по горизонтали;
• Valign – выравнивание по вертикали;
• Title – подпись к изображению.
3
Использовать изображение можно в качестве ссылки. Для этого его достаточно облачить в соответствующий тег: <a href="страница, на которую будет осуществляться переход"><img src="имя файла.png"></a>
В контексте таблицы это будет выглядеть так:
<table border= "0">
<tr align="left">
   <td><a href="stranitsa.html"><img src="kartinka.png"></a></td>
   <td> Содержимое 2-й ячейки </td> </tr>
<tr align="right">
   <td> Содержимое 3-й ячейки </td>
   <td> Содержимое 4-й ячейки </td> </tr>
</table>
4
Дополнительные возможности изображений.

1. Смена картинки на цвет при наведении на нее мышью и после смены местоположения курсора:
onMouseOver="this.style.background='#номер цвета'" onMouseOut="this.style.background='#номер цвета'"

2. Смена картинки на другое изображение при наведении мышью:
onmouseover="this.src='images/1.gif'" onmouseout="this.src='images/2.gif'"

3. Вставка вращающейся карусели из картинок в ячейку таблицы (значения можно менять):

<td align="left">
<BODY onload="Carousel()" background=>
<script type="text/javascript">
// 7 variables to control behavior
var Car_Image_Width=100;
var Car_Image_Height=100;
var Car_Border=true; // true or false
var Car_Border_Color="000000"; Border="0"
var Car_Speed=5;
var Car_Direction=true; // true or false
var Car_NoOfSides=6; // must be 4, 6, 8 or 12

/* array to specify images and optional links.
For 4 sided carousel specify at least 2 images
For 6 sided carousel specify at least 3
For 8 sided carousel specify at least 4
For 12 sided carousel specify at least 6
If Link is not needed keep it ""
*/
Car_Image_Sources=new Array(
"images/1.gif","",
"images/2.gif","",
"images/3.gif","",
"images/4.gif","",
"images/5.gif","",
"images/6.gif",""

// NOTE No comma after last line
);

/***************** DO NOT EDIT BELOW **********************************/
CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
C_Coef=new Array(
3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,
Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
C_Pre_Img=new Array(Car_Image_Sources.length);
var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function Carousel(){
if(document.getElementById){
for(i=0;i<Car_Image_Sources.length;i+=2){
C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
Car_Div=document.getElementById("Carousel");
for(i=0;i<C_HalfNo;i++){
CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);
CW_I[i].style.position="absolute";
CW_I[i].style.top=0+"px";
CW_I[i].style.height=Car_Image_Height+"px";
if(Car_Border){
CW_I[i].style.borderStyle="solid";
CW_I[i].style.borderWidth=1+"px";
CW_I[i].style.borderColor=Car_Border_Color}
CW_I[i].src=Car_Image_Sources[2*i];
CW_I[i].lnk=Car_Image_Sources[2*i+1];
CW_I[i].onclick=C_LdLnk;
CW_I[i].onmouseover=C_Stp;
CW_I[i].onmouseout=C_Rstrt}
CarImages()}}

function CarImages(){
if(!C_Stppd){
C_TotalW=0;
for(i=0;i<C_HalfNo;i++){
C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
C_TotalW+=C_ClcW[i]}
C_LeftOffset=(C_MaxW-C_TotalW)/2;
for(i=0;i<C_HalfNo;i++){
CW_I[i].style.left=C_LeftOffset+"px";
CW_I[i].style.width=C_ClcW[i]+"px";
C_LeftOffset+=C_ClcW[i]}
C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
if(Car_Direction){
CW_I[C_HalfNo]=CW_I[0];
for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
CW_I[0]=CW_I[C_HalfNo];
CW_I[0].src=Car_Image_Sources[C_CrImg];
CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
setTimeout("CarImages()",50)}

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
function C_Rstrt(){C_Stppd=false}
</script><div id="Carousel" style="position:relative; width:130; height:21">

</td>
Обратите внимание
Это урок о том, как вставить картинку в HTML, как её оформить, как сделать обтекание картинки текстом и т.д. Ведь известно, что изображения делают сайт более привлекательным и отличным от других ресурсов, поэтому умение использовать тег «IMG» и его атрибуты весьма пригодится в современном Интернете. Но, главное тут — чувство меры! Переизбыток графики вызовет утяжеление html-страницы и, соответственно, увеличит время её загрузки.
Полезный совет
Если эта область будет не соответствовать реальному размеру картинки, которую вы хотите вставить, то рисунок будет соответственно растянут или сужен, до заданного в html теге Img размера. Тем не менее, не следует использовать это способ, скажем, для уменьшения размера вставляемого в Html документ рисунка.  Лучше предварительно изменить размер картинки в графическом редакторе, а уже затем вставлять картинки в Html документ через любой удобный вам Html редактор кода.
Источники:
  • как вставить картинку без фона html

Совет 4: Как в Фотошопе создать фон

При создании коллажей, поздравительных открыток, постеров и прочих изображений, собираемых из отдельных деталей, важной частью работы является изготовление фона. Для фотореалистичного коллажа с этой целью можно использовать совмещенные снимки. Для создания абстрактного фона достаточно применить инструменты редактора Photoshop, не подбирая дополнительных материалов.
Вам понадобится
  • - программа Photoshop;
  • - фотографии.
Инструкция
1
Фон для реалистичного коллажа можно сделать из нескольких снимков, выбор которых определяется замыслом автора, работающего с изображением. Если снимок модели накладывается на пейзаж, для создания фона потребуется фотографии земли и неба. Такие снимки можно сделать самостоятельно или подобрать подходящие картинки в фотобанке.
2
Загрузите фотографию с грунтом в Photoshop опцией Open меню File. Два раза кликнув по слою, разблокируйте его. Если модель, снимок которой будет вставлен в коллаж, и грунт сфотографированы под разными углами, трансформируйте слой с землей опцией Perspective или Distort группы Transform меню Edit. Для придания пейзажу дополнительной динамики дальнюю от зрителя часть поверхности можно волнообразно изогнуть, применив опцию Warp из той же группы.
3
Второй снимок вставьте в уже открытый документ при помощи опции Place меню File. При необходимости подгоните размер неба под габариты слоя с землей при помощи рамки, окружающей загруженную картинку. Конвертируйте созданный смарт-объект в обычный слой опцией Convert to Layer из группы Smart Object меню Layer. Опциями Perspective или Distort измените форму неба так, чтобы оно оказалось над землей.
4
Для создания плавного перехода между фрагментами фона скройте фрагменты слоев под масками. Чтобы это сделать, добавьте маску к снимку, часть которого нужно убрать с картинки, применив опцию Reveal All группы Layer Mask меню Layer. Включив инструмент Brush с уменьшенной величиной параметра Hardness, закрасьте созданную маску черным цветом над областью слоя, которую хотите скрыть.
5
Для создания несложного абстрактного фона достаточно слоя, заполненного линейным градиентом. Опцией New меню File создайте в Photoshop документ, совпадающий по размеру с габаритами нужного вам фона.
6
Выберите инструмент Gradient, включив в его настройках опцию Linear, разверните палитру с образцами градиентов и найдите подходящее сочетание цветов. Залейте фоновый слой документа выбранным градиентом.
7
Слегка оживить монотонность градиентной заливки можно при помощи фильтра Clouds, который используется для создания тумана, облаков, огня и пятен произвольной формы. Для его применения скопируйте единственный существующий в документе слой сочетанием Ctrl+J. Нажмите клавишу D чтобы вернуть цвета переднего и заднего планов к настройкам по умолчанию.
8
Воспользовавшись опцией Clouds группы Render меню Filter, примените фильтр. Наложите слой с пятнами на градиент в режиме Overlay.
9
Для сохранения созданного фона примените опцию Save As меню File. Выбор формата psd позволит вам получить изображение со всеми исходными слоями и, если потребуется, дополнительно отредактировать его в процессе создания коллажа.
Источники:
  • Абстрактный бэкграунд
  • создание фона в фотошопе

Совет 5: Как в таблицу вставить картинку

Популярный табличный редактор MS Excel обладает широкими возможностями. С помощью этой программы можно создавать различные каталоги, списки, вести учет, готовить материалы для презентаций. При этом оформление таблиц может быть весьма разнообразным, в частности, можно вставлять в них картинки.
Вам понадобится
  • - программа Excel, установленная на компьютере;
  • - подходящее изображение.
Инструкция
1
Запустите приложение Excel и откройте таблицу, в которую требуется вставить картинку. Выделите нужную ячейку таблицы, куда должно быть помещено изображение. Перейдите ко вкладке «Вставка». Если нужная картинка находится среди файлов на вашем компьютере, выберите пункты «Рисунок» → «Из файла».
2
Появится окошко со списком директорий вашего компьютера, а также с уменьшенными картинками, которые хранятся на компьютере. Выберите нужное изображение, переместите на него курсор. Зажмите левую кнопку мыши и перетащите картинку в выбранную ячейку таблицы.
3
Если перетаскивать изображение вам неудобно, скопируйте подходящую картинку. Щелкните по картинке правой кнопкой мыши. Из выпавшего меню выберите опцию «Копировать». Изображение будет скопировано в буфер обмена. Переместите курсор в то место таблицы, куда надо вставить картинку и нажмите на правую кнопку мыши. Нажмите кнопку «Вставить». Картинка из буфера обмена вставится в выбранную вами ячейку таблицы.
4
Вставьте в таблицу изображение из приложения MS Clip Gallery. Для этого выделите ячейку для добавления изображения. В меню документа «Вставка» выберите пункты «Рисунок» → «Картинки». Нажмите кнопку «Найти». В появившемся окошке со списком картинок выберите подходящую и нажмите на нее два раза. Картинка появится в нужном месте таблицы.
5
Измените размеры вставленного изображения, чтобы оно подходило к таблице. Кликните мышкой по картинке — вокруг появится рамка из кружочков. Нажмите на средние кружки, чтобы изменить горизонтальный и/или вертикальный размер. Или нажмите на кружки в углах рамки для одновременного изменения и горизонтального, и вертикального размера изображения.
6
Если надо изменить местоположение картинки внутри таблицы, нажмите на рисунок левой кнопкой мыши и зажмите кнопку. Перетащите картинку в нужное место документа. При желании удалить изображение кликните по нему и нажмите клавишу Del. Ненужная картинка будет удалена.

Совет 6: Как в Фотошопе создать таблицу

Создавать таблицы гораздо удобнее с помощью программ из пакета MS Office – Excel и Word. У графического редактора Adobe Photoshop другие цели и объекты обработки. Но, если постараться, можно нарисовать таблицу и его инструментами.
Инструкция
1
В меню File («Файл») выберите команду New («Создать») для создания нового документа. Теперь добавьте новый слой, на котором будете рисовать таблицу. Нажмите для этого на панели слоев кнопку Create a new layer («Создать новый слой») или используйте горячие клавиши Shift+Ctrl+N. На цветовой палитре подберите подходящий оттенок и залейте новый слой – это будет фоновый цвет вашей таблицы.
2
На панели инструментов отметьте Rectangle Tool («Прямоугольник») из группы инструментов U. С его помощью создайте ячейку вашей таблицы. Чтобы ячейка получилась квадратной, рисуйте ее при зажатой клавише Shift. Если вы хотите, чтобы все ячейки в таблице были одинаковыми, зажмите Alt+Ctrl и мышкой перетащите готовую ячейку на новое место – при этом вы получите ее дубликат.
3
Чтобы просто перемещать ячейку по экрану, передвигайте ее при зажатой Ctrl. Для точного позиционирования удерживайте Ctrl и используйте клавиши со стрелками «Верх», «Вниз», «Влево», «Вправо».
4
Когда все ячейки будут выстроены в нужном порядке, выберите инструмент Direct Selection Tool («Управление выделением»), щелкните правой клавишей мыши по контрольным узелкам последней ячейки и выберите пункт Delete Anchor Point («Удалить точки привязки»). Если потребуется, восстановите сторону ячейки.
5
Отметьте на панели инструментов Brush Tool («Кисть») и на панели свойств установите ее диаметр – он будет соответствовать ширине границ таблицы. Цвет переднего плана определяет цвет границ. Опять выберите Rectangle Tool и щелкните правой клавишей по таблице, чтобы вызвать контекстное меню. Отметьте пункт Stroke Path («Обводка»).
6
В группе инструментов U есть другой инструмент, с помощью которого можно нарисовать таблицу. Выберите Line Tool («Линия») и нарисуйте таблицу с нужным количеством столбцов и строк. Чтобы линии получались ровными, ведите их, удерживая клавишу Shift. Когда макет таблицы будет готов, вызовите контекстное меню щелчком правой клавиши и выберите опцию Stroke Path. Праметры кисти, конечно, нужно установить заранее.
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше