Месяц: августа 2012

Установка WordPress

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

Опубликовано в рубрике WordPress

Установка Joomla 1.5 в деталях и картинках, где скачать Joomla, решение возможных проблем

Где скачать Joomla бесплатно и на русском

Для начала надо будет скачать актуальную на данный момент версию CMS Joomla. Я уже упоминал в одном из предыдущих постов, что Joomla версии 1.0.х. больше официально не поддерживается. Поэтому мы будем ориентироваться на более современную версию Joomla 1.5.х. На данный момент последняя версия имеет номер Joomla 1.5.23. Именно ее мы и будет устанавливать.

Правда, сейчас уже можно скачать Joomla 1.6, которая появилась совсем недавно. Это совершенно новая Джумла, которая сильно отличается от версии 1.5. Плюсов у Джумла 1.6 довольно много, но есть и минусы — сыровата (как и большинство новых продуктов), ну и для Joomla 1.6 на данный момент можно скачать не так уж и много расширений (модули, плагин и компоненты Joomla).
Читать далее

Опубликовано в рубрике Joomla

Крылья ангела

1. Создаете новый рисунок нужного вам размера с черным фоном.

2. На новом слое создаете клинышек

Крылья ангела

3. Поворачиваете данный клинышек на 20 градусов по часовой стрелке

Крылья ангела

4. Используете на нем Filter > Stylize > Wind с опцией «from the left», можно пару раз.

Крылья ангела

5. Снова поворачиваете его, но уже на 40 градусов против часовой стрелки и снова используете Wind

Крылья ангела

6. Теперь поворачиваете в исходную позицию (20 градусов по часовой) и опять юзаете Wind (2-3 раза)

Крылья ангела

7. Копируете получившееся перышко несколько раз, уменьшаете и поворачиваете пока не добьетесь вот такого или схожего результата, склеиваем слои и называем все это «main wing»

Крылья ангела

8. Создаем новый слой и от получившейся ранее формации проводим еще один клин.

Крылья ангела

9. Песколько раз, поворачивая клин под разным углом, юзаем на нем фильтр Wind, но с той лишь разницей, что волокна должны отходить только в одну сторону от центра. Называем полученый слой «base wing»

Крылья ангела

10. Копируем слой «main wing» немного уменьшаем поворачиваем и придвигаем к основной вигуре так, чтобы получилость нечно похожее

Крылья ангела

11. И под конец, соединив все слои кроме фона, используем Filter > Disort > Wave (Number of Generators = 1) играемся с кнопочкой Randomize до получения нужного результата

Крылья ангела

Вот, собственно говоря, что можно из этого получить:

Крылья ангела

Автор: Kain
Читать далее

Абстрактная 3D Спираль

Часть I
1. Новый документ 500×500 рх с чёрным фоном.
2. Новый слой. Выбираем pen tool и рисуем трёх- или четырёхконечную каплю.

Абстрактная 3D Спираль

3. Делаем из контура выделение.
4. Gradient tool

Абстрактная 3D Спираль
Абстрактная 3D Спираль

Заполняем каплю градиентом от центра

Абстрактная 3D Спираль
Абстрактная 3D Спираль

5. Не убирая выделения Filter > Sketch > Chrome с настройками:
Detail: 0
Smoothness: 10

Абстрактная 3D Спираль
Абстрактная 3D Спираль

6. Edit > Transform > Perspective. Перетаскимаем правый нижний угол туда, где должен быть левый.

Абстрактная 3D Спираль

Enter.
Edit > Transform > Perspective
Теперь перетаскиваем правый нижний угол туда, где должен быть верхний.
Enter.

Абстрактная 3D Спираль

7. Drop shadows:

Абстрактная 3D Спираль

8. Layer > Layer Style > Create layers.
Скроем фон. Ctrl+Shift+E
Читать далее

Льющаяся вода

1. Кофе, чай или...
На рисунке ниже вы можете видеть предварительный результат того, что я хочу показать вам в этом примере. А именно попытку создать льющуюся жидкость используя только инструменты и фильтры Photoshop.
Чтобы сделать этот эффект, я создал новое RGB изображение размером1200×1200 пикселей (гораздо больше, чем картинки которые вы здесь видите). В нескольких шагах ниже значения, используемые для достижения определенных эффектов применения фильтров, будут зависеть от размеров вашего изображения. Я начал с облаков, вы видите их ниже на второй картинке, создал новый слой и выбрал Filter > Render > CloudsClouds это фильтр, создающий случайный (каждый раз разный) облакоподобный рисунок используя два цвета. По умолчанию черный с белым.

Льющаяся вода
Льющаяся вода

2. Искажения
Сейчас я собираюсь изменить слой с облаками, чтобы он выглядел больше похожим на жидкость, для этого я применил фильтр Displace из группы Distort. Этот фильтр берет изображение (вы указываете какое) и использует его характеристики чтобы воздействовать на пиксели в вашей картинке. Выбрав Filter > Distort > Displace сначала я увидел это диалоговое окно.

Льющаяся вода

В нем я ввожу значения контролирующие направление и величину искажения. Используемые числа зависят от разрешения вашего файла. Для получения желаемого эффекта я поставил 40 в Horizontal Scale box и ничего в Vertical Scale. Далее вы должны указать файл, используемый в качестве карты смещения (Displacement Map) т.е. изображение используемое для искажения ваших облаков. Я использовал эту картинку:

Льющаяся вода

Результат работы фильтра видно на рисунке ниже. Если вы хотите узнать больше о том как работает этот фильтр посмотрите туторСмещённый текст.

Льющаяся вода

3. Масштабирование и Искажение (Снова)
В конце концов я собираюсь получить что-то, напоминающее льющуюся жидкость. Так что дальше я выделяю свою картинку (Select:All) и масштабирую её используя Edit > Transform > Scale. Если вы будете держать кнопку Alt и масштабировать одну сторону изображения по направлению к центру, противоположная сторона будет также двигаться к центру. После нажатия Enter у меня есть сильно суженная версия того, что было в предыдущем шаге. Но вода не льется так ровно, и чтобы придать этой форме реалистичный вид, я возвращаюсь к фильтру Displace. В этот раз я применил ту же карту смещения, поставил 0 в Vertical Scale box и понизил значение до 10 вHorizontal Scale box.

Льющаяся вода
Льющаяся вода

4. Выбираем цвет
Следующее, что я хочу сделать это небольшая раскраска. Я собираюсь придать жидкости вид кофе или чая. Во-первых, я выбрал Image > Adjust > Brightness/Contrast и поднял контраст до значения в +30чтобы детали выглядели очень резко, как вы можете увидеть на отражающей жидкости. Потом я изменил цвет выбрав Image > Adjust > Hue/Saturation. Я поставил флажок Colorize и передвигал позункиHue (цвет) и Saturation (интенсивность) пока не получил что хотел.

Льющаяся вода

5. Подправим немного
На мой взгляд эта более-менее прямая фигура выглядит не совсем естественно. Поэтому я налил немного воды и посмотрел как она выливается из чашки. Поток воды имеет небольшие завихрения, чтобы имитировать их я обратился к фильтру Shear. Это еще один фильтр из группы Distort, который позволит сделать именно то, что нужно.

Льющаяся вода

Далее я применил трансформацию Perspective для сужения струи книзу. Эксперементируя с водой я заметил, что поток жидкости, за небольшими исключениями, течет струей сужающейся по мере удаления от источника. Я выбрал Edit > Transform > Perspective и немного передвинул нижние углы как показано ниже.

Льющаяся вода

6. Источник жидкости
Сейчас самое время связать мой рисунок с реальными объектами.Во-первых я зашел в меню Image и выбрал Canvas size, где увеличил рабочую область, чтобы добавить в дальнейшем другие картинки. Потом я добавил этот кофейник и передвинул «жидкость» на место. Теперь поработаем с областью около носика.

Льющаяся вода

7. Мистер Liquify 
Здесь вы можете увидеть исходную картинку и результат после обработки. Чтобы завернуть и заострить её так, как будто она льется из носика, Я применил Filter > Liquify (есть в Photoshop 6 и выше).Liquify действует как комбинация нескольких Distort фильтров, но у вас есть возможность выборочно применять искажения, используя кистеподобные инструменты. У Liquify есть одна досадная особенность: вы не видите никаких слоев кроме того, в котором работаете. Поэтому проверьте в каком слое вы находитесь. Для работы я использовал Warp Tool , изменяя размеры кисти. Инструменты легко понятны и вы быстро прочувствуете их. Я просто передвинул несколько пикселей в нужном направлении.

Льющаяся вода  Льющаяся вода

8. Накладываем маску
Чтобы исправить область вокруг носика, создаем Маску слоя. Для этого кликните на иконке Add Mask Добавить маску внизу палитры слоев. Ваш слой должен выглядеть так:

Льющаяся вода

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

Льющаяся вода
Льющаяся вода

9. Чашка
Сейчас, чтобы не дать моей псевдожидкости устроить большой беспорядок, я добавил картинку на которой кто-то держит кружку. Мне нужно чтобы выглядело так, как будто жикость и в самом деле льется в чашку, поэтому я снова создаю Маску слоя. (прим. перев.: по-видимому автор перетащил иконку слоя с жидкостью на иконку добавления маски слоя)
Сначала я нарисовал овальную рамку выделения используя эллиптическое выделение (Elliptical Marquee Tool), затем поместил её на нужное место при помощи стрелок на клавиатуре. Теперь я могу скрыть ту часть картинки, которая не должна быть видна. Убедитесь что вы все еще работаете в Маске слоя. Видите контур вокруг иконки маски? Он говорит о том, что все что я делаю действует на маску, а не на само изображение. В маске я закрасил черным ту часть жидкости, которая не должна быть видна из-за края чашки.

Льющаяся вода

10. Размоем маску
Если вы хотите представить несколько изображений как одно целое, хорошим завершающим шагом будет размытие границ фигур. Существует несколько способов сделать это, но в последнее время я просто немного размываю маску слоя. В этом и состоит трюк. Сравните границу жидкости на картинке ниже и на картинке из шага 11. Я применил размытие по Гауссу (Gaussian blur), и маска стала выглядеть более нечеткой.
В завершении у меня появилось несколько соображений относительно цвета моей жидкости. В конце концов я ведь не пью кофе. Но мне кажется, он не должен быть таким темным и коричневым. Я выбралImage > Adjust > Brightness/Contrast... и передвинул оба ползунка на положительные значения за тридцать, чтобы немного изменить жидкость. Так выглядит лучше.

Льющаяся вода  Льющаяся вода

11. Перерыв на кофе!
Whew! Вы неплохо потрудились, не так ли? Возьмите Тайм-аут.
Пока вы отдыхаете взгляните на наш результат. Выглядит довольно хорошо. Если вы знаете на что вы смотрите, вас не одурачить, но покажите кому-нибудь еще эту картинку и у них не возникнет сомнений. Ещё одна победа для Photoshop!

Льющаяся вода

Автор: Team Photoshop
Перевод: KirK Helmet
Читать далее

Преобразование фотки в векторный рисунок

1. Открываем картинку, на которой можем видеть голову и кусочек торса человека.

Преобразование фотки в векторный рисунок

2. Идём IMAGE > ADJUSTMENTS > POSTERIZE и выставляем необходимые значения уровней, которые дадут результат как на картинке ниже.

Преобразование фотки в векторный рисунок

3. Выбираем цвет кожи и с помощью pen tool выделяем всю кожу на картинке, создаём новый сой и на нём заливаем это выделение цветом кожи (можно выделить полигональным лассо и, не снимая выделение, создать новый слой и Alt+BackSpace, выделение зальётся выбранным цветом).

Преобразование фотки в векторный рисунок

4. Выбираем более тёмный цвет и делаем все тени на торсе (здесь удобно скрыть слой с кожей, нажав на глазик на палитре слоёв, перейти к основной картинке, выделить всё тем же полигональным лассо все тени, создать новый слой над слоем с кожей или вернуться прямо на слой с кожей и там залить выбранным цветом выделенную область теней).

Преобразование фотки в векторный рисунок

5. Теперь выбираем ещё более тёмный цвет кожи и доделываем тени тем же способом, как и в предыдущем пункте.

Преобразование фотки в векторный рисунок

6. Теперь используем коричневый цвет для тени под подбородком.

Преобразование фотки в векторный рисунок

7. Наносим лёгкие тени на лицо

Преобразование фотки в векторный рисунок

8. И делаем всё так же, как и с торсом, так же добавляем все тени на лице.

Преобразование фотки в векторный рисунок

9. Теперь добавляем тень вокруг глаз и используем Dodge tool (осветление), чтобы сделать маленькие белые линии над глазами (то есть делаем веко).

Преобразование фотки в векторный рисунок

10. Рисуем одежду, можно импровизировать.

Преобразование фотки в векторный рисунок

11. Начинаем с нижней губы и ярко-розового цвета.

Преобразование фотки в векторный рисунок

12. Теперь используем насыщенный тёмно-красный для создания верхней губы и добавляем штрихи для придания губам реалистичности с помощью Burn tool(затемнение) Dodge tool (осветление).

Преобразование фотки в векторный рисунок

13. Создаём небольшую линию, которая разделяет верхнюю и нижнюю губу.

Преобразование фотки в векторный рисунок

14. И добавляем белый блеск на нижнюю губу (можно с помощью кисти, можно сильно осветлить).

Преобразование фотки в векторный рисунок

15. Используем тёмно-коричневый цвет для создания части ноздри.

Преобразование фотки в векторный рисунок

16. Теперь используем чёрный для создания линии глаз и ресниц.

Преобразование фотки в векторный рисунок

17. Белым цветом рисуем белки глаз.

Преобразование фотки в векторный рисунок

18. Рисуем радужные оболочки и зрачок, радужным оболочкам добавляем внутренее свечение чёрного цвета (заходим в эффекты слоя — inner glow — выбираем чёрный), добавляем белые точки в зрачки для создания эффекта блеска в глазах.

Преобразование фотки в векторный рисунок

19. Добавляем брови.

Преобразование фотки в векторный рисунок

20. Теперь переходим к волосам (эта часть занимает больше всего времени, так как прийдётся много рисовать вручную).

Преобразование фотки в векторный рисунок

21. Поступаем с волосами, как и с кожей: так же выделяем область волос на основной картинке, на новом слое заливаем необходимым цветом, добавляем пряди волос более тёмного и светлого цвета там, где необходимо для придание причёске реалистичности.

Преобразование фотки в векторный рисунок
Преобразование фотки в векторный рисунок
Преобразование фотки в векторный рисунок

22. Всё, работа завершена!

Преобразование фотки в векторный рисунок

Автор: MickM
Перевод: Лея
Читать далее

Отделение фона

Откроем произвольное изображение, в котором необходимо отделить область от фона. Перейдем к палитре Слои (Layers) и дважды кликнем по единственному в ней представлению — это действие конвертирует фон в слой. Переименуем слой в Pretty Girl.

Отделение фона

Откроем диалоговое окно Фрагмент (Extract): Изображение > Фрагмент (Image>Extract) или комбинация клавиш Alt+Ctrl+X.

Отделение фона

1. Активируем инструмент Маркер (Edge Highlighter Tool) и проведем четко, насколько сможем, по контуру фрагмента изображения, который мы пытаемся извлечь. Центр стержня маркера должен проходить непосредственно по контуру фрагмента. Поверьте, это очень несложно. На контрастных участках попробуем обводить контур маркером с тонким стержнем (размер кисти 6-8); для более мягких областей, таких, например, как распущенные волосы, увеличим размер кисти до12-14. Для увеличения/уменьшения размеров кисти используются клавиши [ и ].

Отделение фона

2. После того, как требуемая область определена, выберем инструмент Заливка (Fill Tool) и зальем фрагмент изображения, который мы хотим отделить от фона. Если результаты нас устраивают, а я надеюсь, что так и есть, нажмем OK.
Внимательно проанализируем получившееся в результате изображение. При внимательном просмотре мы увидим, что незначительные фрагменты изображения случайным образом потеряны. Эту оплошность мы можем исправить с помощью инструментов Ластик (Eraser) и Кисть возврата (History brush).

Отделение фона

В палитре Протокол (History) в качестве источника для Кисти возврата определим предпоследнее действие перед командой Фрагмент (Extract). Если мы не делали ничего лишнего, то это действие — Создать слой (Make Layer). В панели инструментов активируем инструмент Кисть возврата (History brush).

Отделение фона

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

Отделение фона

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

Кожаный переплет

Начнем с цвета, подобно приведенному ниже.

lether effect

Примените фильтр texturizer/canvas на 100% с глубиной 5.

lether effect

Теперь примените фильтр artistic/pallette knife с параметрами 15/3/6.

lether effect

Gaussian blur 4.

lether effect

Создайте выделение и скопируйте его на новый слой.

lether effect

Добавьте airbrush'ем тень, используя самый темный цвет на слое (возьмите его пипеткой).

lether effect

Теперь примените эффект render/lighting, пока не останетесь довольны результатом (убедитесь, что слой выбран канале текстур). Там довольно много настроек — не стесняйте себя в эксперименте.

lether effect

Примените фильтр texturizer/burlap к обоим слоям с параметрами: 200% и глубиной 1.

lether effect

Выберите кремовый цвет и сделайте стежки, печатая символ L или i, лучше скругленным, либо неровным шрифтом.

lether effect

Растеризируйте слой и примените эффект bevel & emboss с параметрами:
Pillow emboss;
Chisel soft;
depth 980%;
size 5pix;
soften 6pix.

lether effect

Всё! После этого добавляется эффект lightning, а также тень с помощью airbrush на нижний слой.
Читать далее

Детализация

detailing1

С помощью выделения создайте необходимую вам область. Залейте выбранную область желаемым цветом. Я выбрал светло-коричневый.

detailing2

Для того чтобы придать вашей области некоторую глубину используйте темный airbrush и осторожно затемните внешнюю сторону выбранной области. Используйте светлый airbrush и высветлите другую сторону.

detailing3

Теперь возьмите какую-нибудь текстуру из вашей коллекции и наложите ее сверху. Сведите прозрачность к 50-60%.

detailing4

Обычно я создаю на новом слое подряд идущие тонкие линии и размываю их движением, так чтобы они старили изображение. Затем затемняю их края темным airbrush'ем.

detailing5

Так это выглядит после некоторой обработки и темного airbrush'a.

detailing6

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

Металлическое кольцо

metalring1

Создайте новое изображение (ширина и высота должны быть кратные двум, дальше вы увидите почему). (У некоторых с этим эффектом возникают проблемы — необходимо, чтобы созданное изображение было в формате RGB). Заполните фон черным цветом. Теперь возьмите направляющие сверху и слева и установите их в центре изображения. У вас должно получиться перекрестие как на рисунке. Создайте новый слой.

metalring2

Возьмите инструмент «выделение круга» и установите перекрестие в точке пересечения направляющих линий. Удерживая ALT+SHIFTнажмите и создайте круг. Залейте круг серым. Повторите этот пункт, но сделайте второй круг немного меньшего диаметра. Теперь нажмите DELдля вырезания меньшего диаметра. Отмените выделение. У вас должно получиться серое кольцо.

metalring

Нажмите CTRL и щелкните на слой с кольцом в таблице слоев, что позволит разметить залитую область кольца. Зайдите в [Select > Save selection]. Оставьте его установки по умолчанию и нажмите «ok». С все еще выбранным кольцом зайдите в таблицу каналов и создавать новый канал (оставьте именем предложенное по умолчанию). Залейте выбранную область белым цветом и отмените его выбор. Теперь необходимо его заблюрить [Filter > Blur > Guassian blur]: первым проходом используем фильтр 4, затем 3, а потом 2.

metalring4

Теперь возвращайтесь к слою с кольцом. Зайдите в [Select > Load selection] для загрузки выбранной ранее области. Зайдите в [Filter > Render > Lighting effects]. В «texture channel» выберите ваш заблюренный канала (обычно «Alfa 2»). Остальные параметры:
Intensity:35
Focus:69
Gloss:69
Material:69
Exposure:0
Ambience:8
Height:80

metalring5

Для того чтобы разгладить края вашего кольца, нажмите CTRL и кликните на этом слое в таблице слоев. Зайдите в [Select > modify > Contract]. Выберите 1 и нажмите OK. Теперь инвертируйте выбор и нажмите DEL. Также вы можете удалить направляющие так, как они уже больше не нужны. Зайдите в [Image > Adjust > Curves]. Для того, чтобы получить реалистичный эффект хромировки установите кривые как показано на выше приведенном рисунке.

metalring6

Теперь необходимо придать ему цвет [Image > Adjust > Hue/Saturation]. Например легкий желтоватый оттенка создаст эффект золота. Эта техника может использоваться для создания не только колец, но и любых других форм.
Читать далее