Главная Создание сайта Книги Программы Шаблоны сайтов Картинки

 

Сейчас на этой странице

 

Rambler's Top100

 

КАК СДЕЛАТЬ САЙТ В ПРОГРАММЕ
"ADOBE PHOTOSHOP"

 

 

Страницы по этой теме:   1   2    3    4    5    6    7    8

 

Если вы уже изучили основы создания сайта, HTML, CSS и можете вручную создать простую HTML страницу, можно приступать к изучению создания сайта в специальных программах, что в далнейшем значительно облегчит работу и съэкономит массу времени при создании сайта.

Cамые популярные программы ADOBE PHOTOSHOP и MACROMEDIA DREAMWEAVER

Вы можете найти их в интернете, напишите запрос в поисковой форме "Скачать бесплатно программу Adobe Photoshop", правда многие гоняют со страницы на страницу, предлагают прежде посетить сайт спонсора, затем просмотреть рекламу и в итоге оказывается что в большинстве случаев надо платить за программу.

Если же поиски не увенчались успехом, вот адрес где предлагают скачать разные версии ADOBE Photoshop http://unilive.ucoz.ru/ Новые версии ADOBE Photoshop имеют большой вес, где-то 350-450 мб, и конечно соответстветствующие требования к компьютеру, как наличие свободного места на диске и достаточный объем оперативной памяти. Так же не забывайте о мерах безопасности, при скачивании таких программ обязательно
должна быть включена антивирусная защита.

Мы же с вами будем учиться создавать сайт в программе ADOBE PHOTOSHOP версии 5.5., она имеет небольшой, по сравнению с новыми версиями, объем файла 58,7 мб и меньше требований к компьютеру, и если вы не собираетесь создавать в этой программе шедевр, ее хватит чтобы постичь азы и создать сайт, другие версии работают по тому-же принципу, просто в них больше возможностей,научившись работать в этой версии, легко сможете пользоваться и другими.

Если вас устраивает эта версия, скачайте ADOBE PHOTOSHOP 5.5   Здесь .

Так выглядит интерфейс программы.Слева находится набор инструментов,которыми мы будем пользоваться в процессе работы.

 

 

На панели инструментов вы увидете,что в некоторых инструментах в нижнем правом углу стоит небольшая черная стрелочка,это обозначает что в этом квадратике находится несколько инструментов, для активации нужного инструмента,щелкните по нему и удерживайте левую кнопку мыши, откроется, такая как на рисунке горизонтальная панель с набором инструментом,квадратик с активированным инструментом станет белого цвета.

 

 

Этот инструмент отвечает за выделение какого-участка. Если на этом инструменте нажать и удерживать левую кнопку мыши откроется такая панель выбрав нужный инструмент на этой панели,выделение будет либо прямоугольным либо овальным

Этот инструмент служит для вырезания какого-либо фрагмента, как это работает рассмотрим чуть позже.

Этот инструмент служит для передвижения всего,что нужно передвигать.

Этот инструмент называется лассо,так же как и первый инструмент служит для выделения,но если первым инструментом можно выделить только прямоугольник или овал,то лассо можно выделять по контуру рисунка,состоит из нескольких инструментов Все эти инструменты служать для более точного выделения по контуру рисунка.

Этими инструментами придется пользоваться часто,поэтому посмотрим на примере как они работают.

 

 

Например у нас есть такой рисунок с кошкой и нам надо кошку выделить и перенести в нужное нам место, открываем этот рисунок в программе,активируем такой инструмент щелкаем в определенной точке и начинаем обводить строго по контуру кошки,закончить обводить нужно точно в той же точке с которой начинали,то есть зациклить наше выделение.
Получится так.
Теперь активировав инструмент отвечающий за перемещение,переносим кошку в нужное нам место или в другой документ.
У нас получилась такая кошка, таким образом можно точно вырезать любой фрагмент с рисунка или фото

Следующий инструмент в этой серии магнитное лассо, служит для того же, но более точного выделения.

этот инструмент называется волшебная палка и тоже служит для выделения.

Например у нас есть такой рисунок на белом фоне, но фон нашей страницы другой и нам нужно убрать белый фон, для этого активирум инструмент волшебная палка, затем щелкнем мышью по белому фону на рисунке
получится такое выделение белого фона, затем сочетанием клавиш Ctrl+ Delete удаляем белый фон.
Теперь наша картинка расположена на нужном нам фоне, для снятия выделения активируем инструмент и щелкаем левой кнопкой мыши по выделенной области, выделение исчезнет
Теперь наша картинка хорошо вписалась в фон страницы. Так работает инструмент "волшебная палка"

Этот инструмент служтит для задания нужного цвета.Вы видите два квадратика, верхний - определяет основной цвет, нижний - фоновый цвет.Щелкните левой кнопкой мыши по верхнему квадратику,откроется такое окно:

 

Перемещением курсора по цветам, выбираете нужный цвет и жмете OK Верхний квадратик будет окрашен выбранным Вами цветом.

То же самое делаем и с нижним квадратиком - щелкаем левой кнопкой мыши, в открывшемся окне выбираем нужный цвет, жмем OK

Нижний квадратик отвечает за цвет фона, которым будет открываться новый документ.

Для перехода в первоначальное состояние,то есть черный и белый цвет квадратиков, нажимаем комбинацию клавишей D+Z

Можно задавать цвет и инструментом "Пипетка", обозначенным таким значком . Активировав этот инструмент, подводите его к картинке с нужным цветом, щелкаете левой кнопкой мыши, и квадратик отвечающий за основной цвет будет окрашен тем цветом,на который указала пипетка. Так же поступаете и с фоновым цветом, при активированном инструменте Пипетка, щелкаете по квадратику отвечающему за фоновый цвет, откроется окно выбора цветов, подводите пипетку к картинке с нужным цветoм, щелкаете левой кнопкой мыши,фоновый цвет в окне выбора цветов будет окрашен выбранным цветом, жмем OK

 

Правая панель программы состоит из четырех окон. В первом окне задаются параметры выбранных инструментов. Во втором окне параметры кистей. В третьем описываются все события и действия, производимые с документом. В четвертом описываются все слои присутствующие в рабочем документе. Как все это работает,увидете когда мы начнем делать сайе в программе.

ПРОДОЛЖЕНИЕ.....       

 

Copyright © 2008-2012 "http://www.beluys.com"
Rambler's Top100 Яндекс цитирования