03 марта 2012

InDesign графика


ADOBE INDESIGN
CS4- CS5

во многом похож на Illustrator (в этом блоге начиная с 14.12.11 несколько уроков)
и! мое скромное и весьма непродолжительное знакомство с этой (InDesign) программой настоятельно ракомендует продолжать заниматься графикой в Иллюстраторе

нету Clipping Mask. вместо нее для того, чтобы поместить одну\несколько фигур в другую: 
  1. выделить фигуру, к-рую будем помещать.
  2. если фигур несколько, разместить их и объединить в группу ctrl+G
  3. cut или ctrl+X
  4. выделить фигуру, в к-рую размещаем
  5. щелчщк правой кнопкой мыши - Past Into
  6. для работы со "внутренней" фигурой белая стрелочка или двойной щелчок черной по фигуре
позволяет разместить внутреннюю и внешнюю фигуры друг относительно друга (верхняя линейка)


масштабирование и вращение фигур
1. в верхней линейке настроек:

выбор центра вращения


     







масштабирование             угол вращения               направление

2. щелкнув правой кнопкой мыши в меню Transform все, что нужно,
даже вращение с копированием, как в иллюстраторе
в отличие от иллюстратора, для повторения этого действия нужно нажать ctrl+alt+3
3. Window - object layout - transform
там же имеются align и pathfinder


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




InDesign (1 - продолжение)


ADOBE INDESIGN
CS4- CS5

рабочее пространство на сайте производителя

View -
          Entire Pasteboard:  показать лист/разворот, включая пространтсво вокруг.

для перехода между обычным режимом и режимом пред-просмотра нажать W.

View -
          Display Performance
картинки - штука тяжелая. при работе с большим количеством страниц и иллюстраций скорость заметно падает. Fast Display оказывается весьма полезной командой.



Rulers   Ctrl + R (основные моменты общие для многих, если не всех, адобовских программ)
  • настройки линеек: клик правой кнопкой мышки на линейку
  • линейки могут быть: 
  1. ruler per page - у каждой страницы разворота своя линейка
  2. ruler per spread - одна линейка на разворот, 0 совпадает с началом
  3. ruler on spine - 0 на стыке двух страниц в середине разворота.

  • перетягивая мышкой этот крестик, перетягивается ноль на шкалах.

  • вспомогательные линии (видео)
  • если горизонтальную (в случае развернутых страниц - вертикальную) линию тянуть по одной из страниц разворота, линия будет только на этой странице. если вне - на всех
  • линии отмечаются (выделяются) так же, как обычные объекты. можно выделинь сразу несколько.
  • выделенные линии можно удалить backspace-ом, а можно перетягиванием за границы рабочего пространства
  • настройки линий в меню View и при клике правой кнопкой мыши по рабочему пространству, затем Grids&Guides:
  1. guides in back - позволит расположить линии за рисунком\текстом
  2. smart guides - Ctrl+U \smart - умный\

   baseline grid при уменьшении более 75% невиден
        


document grid



настройки сетки: Edit - Preferences - Grids











02 марта 2012

InDesign сокращения

потихонечку выписываю, и продолжу выписывать


перемещение на другую страницу  Ctrl + J
для перехода между обычным режимом и режимом пред-просмотра нажать W


линейки на экран Ctrl + R


окошки настроек большинства инструментов из верхней линейки: Alt + левая кнопка мышки




текст:


настройки текстового фрейма (поля) Ctrl + B


просмотр всего текста в отдельном окне Ctrl + Y


окошки настроек большинства инструментов из верхней линейки: Alt + левая кнопка мышки


окно Character = Ctrl + T


окно Paragraph Ctrl + Alt + T





01 марта 2012

InDesign... до знакомства: ссылки и ваще...


ADOBE INDESIGN
CS4- CS5

нам продолжают преподавать версию CS4, но дома я занимаюсь на CS5, так что, надеюсь, важные различия замечу, поймаю и обезврежу. новые возможности CS5

вот еще чего нашла: "7 уроков качественной html-верстки" (подробно разобранный пример одной верстки по типичному шаблону). к индизайну прямого отношения не имеет, но если уроки окажутся удачными, то могут весьма пригодиться. 

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

ссылки
  видеоуроки по ИнДизайну, несколько многословные но, вроде как бесплатные. тяжеловато слушать, но если припрет.. :) спасибо дяденьке Поташнику.
 стили абзацев paragraph stile. там и еще

а ваще, набирается в  


или indesign tutorials и получается множесто видеоуроков 

InDesign будем знакомы (1)

ADOBE INDESIGN
CS4- CS5




нафиг нужен InDesign? мало фотошопа с иллюстратором?
в этой программе, если верить нашему преподавателю (милейшей госпоже Орне), очень удобно "собирать" книги, газеты, любые многостраничные печатные издания. короче, верстать (надеюсь, я правильно поняла и употребляю это слово :)
сверстать  несколько страниц можно и в иллюстраторе, индизайн очень хорош для больших объемов. кстати, прога векторная.



при запуске программы можно выбрать из открывшегося списка: 
Document для открытия просто нового документа;
Book - если хочется сверстать книгу;
Library, позволяющую создать библиотеку того (фотографий, текстов и т.п.), с чем в дальнейшем можно будет работать.
есть еще Template - для загрузки и работы по  шаблону (н-р оформление газеты из номера в номер).


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


что у нас новенького при создании нового документа:


facing pages - расположить страницы как разворот книги


binding - связь, переплет (это имеется только в ближневосточной версии программы) - будет ли книга открываться справа налево, или наоборот


columns - предварительное деление на столбцы/колонки. ни к чему не обязывает. чисто вспомогательное.


gutter - паз, канава - промежуток между колонками

margins - поля. если поле facing pages помечено, можно задать поля внешние и внутренние (т.е. между страниц разворота)

если в правом верхнем углу выбрать more options, внизу окна появятся дополнительные настройки:

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


slug - тоже оставляет доп. место за гранью листа - на этот раз для рабочих пометок на полях


изменить настройки документа в процессе работы можно в 
File - Document Setup.




Window - 
                     Pages
в эом окне можно

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

Insert pages позволяет добавить  нужное количество страниц и задать местоположение.











Move Pages - переместить нужное кол-во стр., задав новое местоположение. можно даже в другой документ. для этого этот "другой документ" должен быть открыт в индизайне.

Duplicate Spread /spread - разворот газеты, книги/ дубирует выделенную страницу, разворот


Delete Pages - удалить большое кол-во страниц за один раз можно через Layout - Pages. и, похоже, только так.






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


 или, как вариант, можно нажать Ctrl + J.
























27 февраля 2012

Ps упражнения на совмещение фотографий

ADOBE PHOTOSHOP
CS4- CS5

замена цвета - отличный и очень простой урок по перекраске машины.




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

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

упражнение 1:
как составить из нескольких фотографий с различными недостатками одну качественную

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

проблема с левой частью фотографии

нужно:

  1. собрать все три фотографии в одном документе
  2. разместить их точно одна над другой
  3. выбрать удачные участки из каждой фотографии и совместить их в одном кадре
для этого 
                  1. File -
                                Script - 
                                              Load Files into Stack
                      в появившемся окошке выбрать нужные файлы и нажать Ок.
                      автоматически будет создан новый документ, в котором, каждая на своем слое,
                      будут размещены наши фотографии.
                
                   2.  теперь нужно выделить с помощью клавиши Shift все три слоя, после чего
                        Edit -
                                   Auto-Align Layers /align - выравнивать/
                         в появившемся окошке стоит выбрать первый из предложенных вариантов,
                         и только в случае не слишком удачного результата начать экспериментировать
                         с остальными.

                    3. Edit - 
                                    Auto-Blend Layers
                         в появившемся окне выбрать stack images /stack - укомплектовать/
                         и seamless tones and colors /seamless - бесшовный/

                         после чего остается подправить или обрезать края:
можно для прикола понажимать на "глазики" около слоев, чтобы полюбоваться но сложные маски, созданные программой, для получения конечного результата.



упражнение 2:
имеется две (можно и больше) фотографии. на одной вы себе очень нравитесь, но ваша подружка утверждает, что она выглядит ужасно и требует стереть и никому не показывать, на другой все с точностью до наоборот. вот как можно решить проблему:






возьмем для примера этих симпатичных ребят: с левой фотографии возьмем левого, с правой - правого (что, впрочем, не принципиально)
итак, нужно:
  1. соместить в один документ. это нам уже знакомо: File - Script - Load Files into Stack
    получили новый документ с обеими фотографиями, размещенными на разных слоях.
  2. разместить их точно одна над другой, как и в прошлом упражнении:Edit -           Auto-Align Layers
  3. теперь на том слое, что расположен выше, создать маску и убедиться, что она "нажата".
  4. теперь на том слое, что расположен выше, создать маску и убедиться, что она "нажата".
  5. убедиться, что основной цвет - черный (или нажать D - присваивает черный фону и белый основе, а потом X - меняет их местами), выбрать кисть со смытыми краями и закрасить ту фигуру, которую нужно заменить: из-под нее проявится нужная нам.
вот такой результат получился у меня:






























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

первый способ знакомой дорожкой:
1. собрать фотографии в одном документе File - Script - Load Files into Stack
2. разместить их точно одна над другой: друг над другом размещаются идентичные места на снимке, которые программа просчитывает каким-то непостижимым для меня образом   Edit - Auto-Align Layers (в появившемся окошке стоит для начала выбрать первый из предложенных вариантов)


3. для получения из четырех разных, хоть и наложенных друг на друга, снимков нечто 
более цельное: Edit - Auto-Blend Layers. в появившемся окошке выбрать, естессно, panorama и seamless tones and colors

4. осталось привести в порядок края, кое где подрезав, кое где добавив с помощью Clone Stamp Tool (я его упоминала, хоть и в несколько ином контексте)

второй способ:
одной командой выполняющий первые 3 этапа первого способа:
File -
          Automate -
                               Photomerge
четвертый этап остается тем же


упражнения 4 и 5:
как совместить фотографии, снятые при разном освещении







из двух этих фотографий нужно сделать одну, чтобы и женщина улыбалась, и детишек видно было. все это уже было в предыдущих упражнениях, за исключением небольшого изменения цвета лица: на "серьезной" фотографии он получше. значит, и цвет хотелось бы перенести с одной фотографии на другую.
с этого можно начать сразу после открытия обеих фотографий в фотошопе,
а можно и после того, как они объединены в один документ на разные слои.  этим вариантом и займемся:
в верхнем слое должна находится фотография, которую будем изменять, под ней та, которая служит образцом.
Image -
               Adjustments -
                                         Match Color



в разделе source выбрать  фотографию/ слой который мы будем изменять, а в оконце Layers слой, в соответствии с которым мы будем изменять. ну и Ок.




я опять поменяла слои местами, т.к. мне удобнее стирать одно женское лицо, а не 2 детских.
далее, создание маски и закрашивание кистью видных мест






а вот, что у меня получилось:



13 февраля 2012

Ps упражнение (штамп,маска и точка схода)

ADOBE PHOTOSHOP
CS4- CS5


отличный урок по основам перспективы и принципу работыинструмента в фотошопе.






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


   итак, в наличии 2 фотографии:


слева первая. с нее нужно очистить все лишнее: все, что торчит из окнон, объявления, ковер, веревочки...





справа, соответственно, вторая первая.
ее нужно будет ближе к концу работы нанести на стену в виде граффити, не перекрывая ветки, окна, ткань




:
ну а это - то, что должно получиться в конце наших трудов:




для этого нужно:




  • очистить с первой фотографии все лишнее,
  • наложить фотографию
  • подчистить места, которым под граффити быть не положено : н-р, веточки и окна.






    для того, чтобы убрать с фотографии лишние объекты, их нужно заместить чем-то другим, причем, поскольку здание стоит под углом, замещать следует с учетом перспективы. по порядку:

  1. важно! создаем новый слой, на к-ром и будем работать
  2. Filter - Vanishing Point: строим сеточку перспективы. если она почему-то не желает строиться за пределы фотографии, строим меньше, потом раздвигаем.
  3. берем Stamp Tool (не выходя из режима сетки) и, убедившись, что мы на вновь созданном слое,  с помощью "штампа" убираем все лишнее. Stamp Tool на адобовском сайте
  4. часть веточек позволим себе удалить - потом на наш слой наложим маску, которая позволит нам сделать видимыми  веточки, окна,  ткань 
  5. наложение кроссовка на сетку перспективы кажется мне самым простым. во всяком случае пока


процесс идет медленно. и окошко получилось несколько кривенькое. и стенка какая-то волнистая, хотя это, вероятно, под граффити видно не будет.















 доработав и подправив в меру сил и возможностей получаем вот такой результат:



следующим этапом я сделала, похоже, лишнюю работу (впрочем, не факт. может так и удобнее), приведя в порядок веточки. после наложения кроссовка пришлось эту работу делать заново. здесь я повторяться не буду.


для превращения кроссовка в граффити на зданиии нужно:

  1. скопировать (Ctrl+C)  картинку, которой предстоит стать граффити из ее файла
  2. в нашем рабочем файле опять зайти в режим сетки (я сделала это на продублированном backgroudn)
  3. добавить туда скопированный рисунок (Ctrl+V)
  4. если скопированный рисунок окажется большим, его нужно уменьшить с помощью инструмента Transform Tool , который находится в левой панели инструментов, не выходя из окошка перспективы.
  5. уменьшенную картинку нужно  немного потянуть, и он втянется в сетку. после чего с помощью  Transform Tool размеры картинки подстраиваются под размер сетки, нажимается Ok 
  6. для совмещения картинок 

 в окошке layers нужно выбрать из списка Overlay /наложение, наплавление/.  получим вот такой,  уже близкий к конечному, результат 
для полного счастья осталось немного освежить листики, ткань и окна, т.к. рисунок на них явно лишний.


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


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