Графика для дизайна

Довольно часто при разработке макета веб-страницы возникает необходимость не только выравнивать изображения по горизонтали или вертикали, но и менять порядок следования слоев. Такие операции позволяют, к примеру, вынести один из графических элементов на передний план. Для изменения порядка следования слоев нужно выделить нужный слой и, удерживая нажатой левую кнопку мыши, переместить символ слоя. Имейте в виду, фоновый слой перемещать нельзя. Чтобы изменить его положение относительно других слоев, скопируйте его, используя команду Duplicate Layer... (Скопировать слой...) из меню палитры, а копию поместите в нужное место.  После этого исходный фоновый слой можно удалить.

Читать далее »

Продолжим создание макета нашей страницы. Получить направляющую в окне документа можно двумя способами: либо просто вытащить ее из линейки мышью, либо выбрать в меню команду View > New Guide... (Вид > Новая направляющая...). Чтобы переместить направляющую, подведите курсор мыши к ней и нажмите клавишу Ctrl. Также для перемещения можно использовать инструмент Move (Перемещение) – в этом случае удерживать клавишу Ctrl не нужно.

Используя команды меню View (Вид), можно задавать поведение направляющих и характер их взаимодействия с частями изображения. Например, Lock Guides (Заблокировать направляющие) позволяет запретить перемещение направляющих линий, а Snap (Прикрепить) –включает/выключает режим «прилипания» объектов к направляющим линиям и прочим элементам окна.

Читать далее »

Подготовка веб-страницы состоит из двух этапов – разработки ее внешнего вида (оформления) и написания реализующего это оформление HTML-кода. В нашей сегодняшней программе – первый этап, создание макета страницы при помощи Adobe Photoshop. Вы можете подготовить все необходимые элементы страницы (рисунки, заголовки, маркеры списков, кнопки, текстуры и т.д.) заранее или же создавать нужные элементы непосредственно в процессе подготовки макета. Второй вариант даже удобнее, так как позволяет сразу же учитывать размеры и цветовую гамму изображений в сочетании с другими элементами вашей веб-страницы.

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

Читать далее »

Сегодня речь пойдет о цвете, точнее, об основных связанных с ним понятиях. В первую очередь, это, конечно, цветовые модели. Основных  моделей две - RGB и CMYK. В первом случае для того, чтобы вывести изображение на монитор, используются лучи трех цветов: красного, зеленого, синего. В английском варианте названия цветов звучат, как Red, Green, Blue, отсюда и наименование данной модели – RGB. При смешении в чистом виде этих трех основных цветов получается белый цвет.

Вторая цветовая модель связана непосредственно с четырехцветной печатью, для которой в качестве основных используются краски голубого (cyan), пурпурного (magenta) и желтого (yellow) цветов. Смешение этих красок дает темный, непрозрачный цвет. Последняя буква в названии цветовой модели CMYK обозначает black, черный цвет.

Читать далее »

Героем сегодняшнего нашего обзора станет графический редактор Adobe Photoshop, предназначенный для редактирования растровых (пиксельных, точечных) изображений. Последняя, одиннадцатая версия этого редактора Adobe Photoshop CS4 вышла в 2008 году. Программа содержит все необходимые средства для монтажа, коррекции, подготовки растровых  изображений к печати и их высококачественного вывода. Воспользовавшись этим редактором, вы сможете работать с любыми графическими изображениями и фото: делать ретуширование, цветокоррекцию, коллажирование, трансформацию, цветоотделение и др. Проще говоря, при помощи  этого редактора вы сможете рисовать обложки, буклеты, коллажи, обрабатывать и реставрировать фотографий, создавать логотипы,  поздравительные открытки, анимационные картинки и многое другое.

Читать далее »